Difference between revisions of "User:Mike/fishing/header"

 
(8 intermediate revisions by the same user not shown)
Line 27: Line 27:
 
  -- Footer (LOCKED)
 
  -- Footer (LOCKED)
 
  -->
 
  -->
<div class="carousel-caption text left"
+
<div style="display:block; position:relative; text-size-adjust:100%; width:100%; display:table; background-color:#62B9E5; background: linear-gradient(84deg, rgba(98,185,229,1) 0%, rgba(172,220,243,1) 8%, rgba(98,185,229,1) 100%);">
    style="box-sizing:border-box;
+
     <div style="width=90%; display:table-cell;">
                display:block;
+
         <span style="max-width:100%;">[[File:Together-transparent.png|frameless|3000px|center|caption]]</span>
                position:relative;
+
         <h1 style="color:#1C304A;
                text-align:center;
 
                text-size-adjust:100%;
 
                width:100%;
 
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
     <div style="background-color:#62B9E5;
 
                    background-size:cover;
 
                    border-bottom-left-radius:15px;
 
                    border-bottom-right-radius:15px;
 
                    border-top-left-radius:15px;
 
                    border-top-right-radius:15px;
 
                    box-sizing:border-box;
 
                    display:block;
 
                    max-width:100%;
 
                    position:relative;
 
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
 
                    width=100%;">
 
         <span style="max-width:100%;">[[File:Accessible-together.jpg|frameless|3000px|center|caption]]</span>
 
         <h1 style="border-bottom-color:#fff;">
 
            <span style="box-sizing:border-box;
 
                    color:#1C304A;
 
 
                     display:inline;
 
                     display:inline;
 
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
 
                     font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
                     font-size:60px;
+
                     font-size:40px;
 
                     font-weight:700;
 
                     font-weight:700;
 
                     padding-left:20px;
 
                     padding-left:20px;
Line 60: Line 40:
 
                     text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;
 
                     text-shadow:rgba(255, 255, 255, 0.6) 0px 1px 2px;
 
                     text-size-adjust:100%;
 
                     text-size-adjust:100%;
                     width:auto;
+
                     width:auto;">
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
+
             Office of Public Service Accessibility (OPSA)</h1>
             <strong>OPSA: Office of Public Service Accessibility</strong></span></h1>
 
 
     </div>
 
     </div>
 +
    <div style="display:table-cell; width:9%; vertical-align:left; padding:10px; background-color:#1C304A;"></div>
 +
    <div style="display:table-cell; width:1%; vertical-align:left; padding:10px; background-color:transparent;"></div>
 +
</div>
 
     <div class="width"
 
     <div class="width"
 
         style="text-align:center;
 
         style="text-align:center;
Line 86: Line 68:
 
             </strong></span></h2></p>
 
             </strong></span></h2></p>
 
     </div>
 
     </div>
</div>
 
 
<div style="text-align:center;
 
<div style="text-align:center;
 
             padding-bottom:10px;
 
             padding-bottom:10px;

Latest revision as of 17:17, 19 January 2020

caption

Office of Public Service Accessibility (OPSA)

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.