wiki

Changes

User:Soli/header (view source)

Revision as of 18:47, 23 January 2020

1,063 bytes removed ,  18:47, 23 January 2020
no edit summary
Line 1: Line 1: −
<div class="carousel-caption text left"
+
__NOTOC__
−
    style="box-sizing:border-box;
+
<multilang>
−
                display:block;
+
<!--
−
                font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
 
−
                font-size:14px;
+
ENGLISH content starts here!
−
                line-height:20px;
+
-- -->
−
                position:relative;
+
@en|
−
                text-align:center;
+
<div style="display:block; position:relative; text-align:center; width:100%;">
−
                text-size-adjust:100%;
+
<div style="background: linear-gradient(90deg, rgba(28,48,74,0.1) 0%, rgba(98, 185, 229,1) 50%, rgba(28,48,74,0.1) 100%); padding-bottom:10px; padding-top:10px; width=100%;">
−
                width:100%;
+
<!--
−
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
+
 
−
    <div style="background-color:#3e81d2;
+
Change HEADER IMAGE HERE!
−
                    background-size:cover;
+
-->
−
                    box-sizing:border-box;
+
<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
−
                    display:block;
+
<h2 style="border-bottom:0px;">
−
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:35px; font-weight:700; padding-left:20px; padding-right:20px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
−
                    font-size:14px;
+
<!--
−
                    height:auto;
+
 
−
                    line-height:20px;
+
EDIT H2 HEADER HERE! (H1 is inserted as the WIKI PAGE TITLE)
−
                    max-width:100%;
+
-- -->
−
                    margin-bottom:20px;
+
<strong>OPSA: Office of Public Service Accessibility</strong></div>
−
                    padding-bottom:20px;
+
</h2>
−
                    position:relative;
  −
                    text-size-adjust:100%;
  −
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
  −
                    width=100%;">
  −
        <span style="padding-bottom:20px;height:auto;max-width:100%;">[[File:Accessible-together.jpg|frameless|5500px|center|caption]]</span>
  −
        <h1 style="border-bottom-color:#3e81d2;"><span style="box-sizing:border-box;
  −
                    color:rgb(255, 255, 255);
  −
                    display:inline;
  −
                    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  −
                    font-size:63px;
  −
                    font-weight:700;
  −
                    height:auto;
  −
                    line-height:70px;
  −
                    padding-left:20px;
  −
                    padding-right:20px;
  −
                    text-align:center;
  −
                    text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
  −
                    text-size-adjust:100%;
  −
                    width:auto;
  −
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
  −
                    <strong>Office of Public Service Accessibility (OPSA)</strong></span></h1>
  −
    </div>
  −
    <div class="width"
  −
        style="text-align:center;
  −
                padding-bottom:20px;">
  −
        <p style="background-color:rgb(255, 255, 255);
  −
                        box-sizing:border-box;
  −
                        color:#3e81d2;
  −
                        display:inline;
  −
                        font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
  −
                        font-size:21px;
  −
                        font-weight:700;
  −
                        height:auto;
  −
                        line-height:30px;
  −
                        padding-left:40px;
  −
                        padding-right:40px;
  −
                        text-align:center;
  −
                        text-size-adjust:100%;
  −
                        width:auto;
  −
                        -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
  −
            <strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best
  −
                practices for departments and agencies. The hub will be developed over time with the
  −
                engagement of persons with disabilities and other public servants.
  −
            </strong></p>
  −
    </div>
   
</div>
 
</div>
−
<div style="text-align:center;
+
<div style="text-align:center; padding-bottom:10px;">
−
            background-color:#3e81d2;
+
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; padding-left:40px; padding-right:40px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
−
            padding-bottom:10px;
+
<!--
−
            padding-top:10px;">
+
 
−
    <p><span class="btn btn-lg btn-primary"
+
EDIT HEADER CAPTION here!
−
            style="a:visited{color:#000000};
+
-- -->
−
                        background-color:rgb(255, 255, 255);
+
<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
−
                        background-image:none;
+
departments and agencies. The hub will be developed over time with the engagement of persons
−
                        border-bottom-color:rgb(255, 255, 255);
+
with disabilities and other public servants.
−
                        border-bottom-left-radius:6px;
+
</strong></div>
−
                        border-bottom-right-radius:6px;
+
</h3>
−
                        border-bottom-style:solid;
  −
                        border-bottom-width:1px;
  −
                        border-image-outset:0px;
  −
                        border-image-repeat:stretch;
  −
                        border-image-slice:100%;
  −
                        border-image-source:none;
  −
                        border-image-width:1;
  −
                        border-left-color:rgb(255, 255, 255);
  −
                        border-left-style:solid;
  −
                        border-left-width:1px;
  −
                        border-right-color:rgb(255, 255, 255);
  −
                        border-right-style:solid;
  −
                        border-right-width:1px;
  −
                        border-top-color:rgb(255, 255, 255);
  −
                        border-top-left-radius:6px;
  −
                        border-top-right-radius:6px;
  −
                        border-top-style:solid;
  −
                        border-top-width:1px;
  −
                        box-sizing:border-box;
  −
                        color:#3e81d2 !important;
  −
                        cursor:pointer;
  −
                        display:inline-block;
  −
                        font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  −
                        font-size:18px;
  −
                        font-weight:400;
  −
                        height:45px;
  −
                        line-height:24px;
  −
                        margin-bottom:0px;
  −
                        padding-bottom:10px;
  −
                        padding-left:16px;
  −
                        padding-right:16px;
  −
                        padding-top:10px;
  −
                        text-align:center;
  −
                        text-decoration-color:#3e81d2;
  −
                        text-decoration-line:none;
  −
                        text-decoration-style:solid;
  −
                        text-shadow:none;
  −
                        text-size-adjust:100%;
  −
                        touch-action:manipulation;
  −
                        user-select:none;
  −
                        vertical-align:middle;
  −
                        white-space:nowrap;
  −
                        width:150px;
  −
                        -webkit-tap-hi">
  −
        <strong><span style="color: #fff;">[[Learn more]]</span>
  −
        </strong></span></p>
   
</div>
 
</div>
 +
</div>
 +
<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
 +
<!--
 +
 +
Button STARTS HERE!
 +
EDIT button LABEL and LINK here (see link at end of this DIV)!
 +
-- -->
 +
<div style="background-color:#1C304A; border-bottom-color:rgb(255, 255, 255); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-bottom-style:solid; border-bottom-width:1px; border-left-color:rgb(255, 255, 255); border-left-style:solid; border-left-width:1px; border-right-color:rgb(255, 255, 255); border-right-style:solid; border-right-width:1px; border-top-color:rgb(255, 255, 255); border-top-left-radius:6px; border-top-right-radius:6px; border-top-style:solid; border-top-width:1px; line-height:24px; padding-bottom:10px; padding-left:16px; padding-right:16px; padding-top:10px; vertical-align:middle;"><strong>[[Learn more|<span
 +
style="color:#ffffff;">Learn more about OPSA</span>]]</strong></div></div></p>
 +
</div>
 +
<!--
 +
 +
 +
FRENCH content starts here!
 +
-- -->
 +
@fr|
 +
<div style="display:block; position:relative; text-align:center; width:100%;">
 +
<div style="background: linear-gradient(90deg, rgba(28,48,74,0.1) 0%, rgba(98, 185, 229,1) 50%, rgba(28,48,74,0.1) 100%); padding-bottom:10px; padding-top:10px; width=100%;">
 +
<!--
 +
 +
Header image HERE!
 +
-->
 +
<div style="max-width:100%;">[[File:Accessible-together-transparent.png|frameless|500px|center|A group for of people with differing assistive needs.]]</div>
 +
<h2 style="border-bottom:0px;">
 +
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:35px; font-weight:700; padding-left:20px; padding-right:20px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
 +
<!--
 +
 +
EDIT H2 header HERE! (H1 is inserted as the WIKI PAGE TITLE)
 +
-- -->
 +
<strong>FR - OPSA: Office of Public Service Accessibility</strong></div>
 +
</h2>
 +
</div>
 +
<div style="text-align:center; padding-bottom:10px;">
 +
<h3 style="border-bottom-color:#fff;">
 +
<div style="color:#1C304A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px; padding-left:40px; padding-right:40px; text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
 +
<!--
 +
 +
EDIT H3 HEADER here!
 +
-- -->
 +
<strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best practices for
 +
departments and agencies. The hub will be developed over time with the engagement of persons
 +
with disabilities and other public servants.
 +
</strong></div>
 +
</h3>
 +
</div>
 +
</div>
 +
<div style="text-align:center; padding-bottom:10px; padding-top:10px;"><p>
 +
<!--
 +
Button START HERE!
 +
EDIT button LABEL and LINK here (see link at end of this DIV)!
 +
-- -->
 +
<div style="background-color:#1C304A; border-bottom-color:rgb(255, 255, 255); border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-bottom-style:solid; border-bottom-width:1px; border-left-color:rgb(255, 255, 255); border-left-style:solid; border-left-width:1px; border-right-color:rgb(255, 255, 255); border-right-style:solid; border-right-width:1px; border-top-color:rgb(255, 255, 255); border-top-left-radius:6px; border-top-right-radius:6px; border-top-style:solid; border-top-width:1px; line-height:24px; padding-bottom:10px; padding-left:16px; padding-right:16px; padding-top:10px; vertical-align:middle;"><strong>[[Learn more|<span
 +
style="color:#ffffff;">Savior plus</span>]]</strong></div></div></p>
 +
</div>
 +
 +
</multilang>
Soli
672

edits

Retrieved from "https://wiki.gccollab.ca/Special:MobileDiff/15642...16526"