Difference between revisions of "User:Soli/header"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
<div style="display:block; position:relative; text-align:center; width:100%;">
 
<div style="display:block; position:relative; text-align:center; width:100%;">
−
     <div style="background-color:#62B9E5; border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; width=100%;">
+
     <div style="background-color:#62B9E5; padding-bottom:10px; width=100%;">
 
         <span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
 
         <span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
−
         <h1 style="border-bottom-color:#fff;">
+
         <h1 style="border-bottom-color:#62B9E5;">
 
             <span style="color:#1C304A;
 
             <span style="color:#1C304A;
−
                    display:inline;
 
 
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
−
                     font-size:60px;
+
                     font-size:60px; font-weight:700;
−
                    font-weight:700;
+
                     padding-left:20px; padding-right:20px;
−
                     padding-left:20px;
+
                     text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
−
                    padding-right:20px;
 
−
                     text-align:center;
 
−
                    text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
 
 
             <strong>OPSA: Office of Public Service Accessibility</strong></span></h1>
 
             <strong>OPSA: Office of Public Service Accessibility</strong></span></h1>
 
     </div>
 
     </div>
 
     <div style="text-align:center; padding-bottom:10px;">
 
     <div style="text-align:center; padding-bottom:10px;">
−
        <h2 style="border-bottom-color:#fff;">
+
        <h2 style="border-bottom-color:#fff;">
 
             <span style="color:#1C304A;
 
             <span style="color:#1C304A;
−
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:20px;
−
                    font-size:25px;
+
                     padding-left:40px; padding-right:40px;
−
                    font-weight:700;
+
                     text-align:center; text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
−
                     padding-left:20px;
 
−
                    padding-right:20px;
 
−
                     text-align:center;
 
−
                    text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;">
 
 
             <strong>The Accessibility Hub serves as a source for guidance, tools, tips, and best
 
             <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
 
                 practices for departments and agencies. The hub will be developed over time with the
Line 30: Line 22:
 
     </div>
 
     </div>
 
</div>
 
</div>
−
<div style="text-align:center;
+
<div style="text-align:center; padding-bottom:10px; padding-top:10px;">
−
            padding-bottom:10px;
+
     <p>
−
            padding-top:10px;">
+
        <span style="background-color:#1C304A;
−
     <p><span class="btn btn-lg btn-primary"
 
−
            style="background-color:#1C304A;
 
 
                     border-bottom-color:rgb(255, 255, 255);
 
                     border-bottom-color:rgb(255, 255, 255);
 
                     border-bottom-left-radius:6px;
 
                     border-bottom-left-radius:6px;
Line 57: Line 47:
 
                     border-top-width:1px;
 
                     border-top-width:1px;
 
                     box-sizing:border-box;
 
                     box-sizing:border-box;
−
                     color:#fff;
+
                     height:45px;
 +
                    line-height:24px;
 +
                    padding-bottom:10px;
 +
                    padding-left:16px;
 +
                    padding-right:16px;
 +
                    padding-top:10px;
 +
                    vertical-align:middle;
 +
                    width:150px;">
 +
            <span style="color:#fff;
 
                     cursor:pointer;
 
                     cursor:pointer;
 
                     display:inline-block;
 
                     display:inline-block;
 
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
−
                     font-size:18px;
+
                     font-size:20px;
 
                     font-weight:400;
 
                     font-weight:400;
 
                     height:45px;
 
                     height:45px;
 
                     line-height:24px;
 
                     line-height:24px;
 
                     margin-bottom:0px;
 
                     margin-bottom:0px;
−
                    padding-bottom:10px;
+
 
−
                    padding-left:16px;
 
−
                    padding-right:16px;
 
−
                    padding-top:10px;
 
 
                     text-align:center;
 
                     text-align:center;
 
                     text-decoration-color:#3e81d2;
 
                     text-decoration-color:#3e81d2;
Line 78: Line 73:
 
                     touch-action:manipulation;
 
                     touch-action:manipulation;
 
                     user-select:none;
 
                     user-select:none;
−
                     vertical-align:middle;
+
                      
−
                     white-space:nowrap;
+
                     white-space:nowrap;">
−
                    width:150px;
+
            <strong>[[Learn more|<span style="color:#fff;">Learn more</span>]]
−
                    -webkit-tap-hi">
+
            </strong>
−
        <strong>[[Learn more|<span style="color:#fff;">Learn more</span>]]
+
            </span>
−
        </strong></span></p>
+
        </span>
 +
    </p>
 
</div>
 
</div>

Revision as of 09:57, 22 January 2020

caption

OPSA: Office of Public Service Accessibility

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.

Learn more

Retrieved from "https://wiki.gccollab.ca/index.php?title=User:Soli/header&oldid=16399"