Difference between revisions of "User:Soli/header"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
<!--div class="super-body"
+
<div class="carousel-caption text left"
        style="
+
    style="
 +
            bottom:20px;
 
             box-sizing:border-box;
 
             box-sizing:border-box;
             color:rgb(51, 51, 51);
+
             color:rgb(255, 255, 255);
 
             display:block;
 
             display:block;
 
             font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
             font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
             font-size:14px;
 
             font-size:14px;
 +
            height:382.667px;
 
             line-height:20px;
 
             line-height:20px;
             padding-top:220px;
+
            padding-bottom:30px;
 +
             padding-top:20px;
 +
            position:relative;
 +
            text-align:center;
 +
            text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
 
             text-size-adjust:100%;
 
             text-size-adjust:100%;
             width:1454.67px;
+
             width:100%;
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"-->
+
            z-index:10;
 
+
             -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
<!--div class="jumbotron"
+
    <div style="position: relative; top: 0px; left: 0px; z-index: 3; width=1024px;">
      style="
+
        [[Image:various-people-crop.png|1024px]]
        background-image:url('https://wiki.gccollab.ca/images/7/73/Various_people.png');
+
        <h1><span style="
        background-color:rgb(238, 238, 238);
 
        background-image:none;
 
        background-repeat-x:;
 
        background-repeat-y:;
 
        background-size:cover;
 
        box-sizing:border-box;
 
        color:rgb(51, 51, 51);
 
        display:block;
 
        font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
        font-size:14px;
 
        height:475px;
 
        line-height:20px;
 
        margin-bottom:30px;
 
        padding-bottom:48px;
 
        padding-top:80px;
 
        position:relative;
 
        text-size-adjust:100%;
 
        width:1454.67px;
 
        -webkit-tap-highlight-color:rgba(0, 0, 0, 0);"-->
 
<div class="container"
 
    style="
 
                background-attachment:scroll;
 
                background-clip:border-box;
 
                background-color:rgba(0, 0, 0, 0.6);
 
                background-image:none;
 
                background-origin:padding-box;
 
                background-position-x:0%;
 
                background-position-y:0%;
 
                background-repeat-x:;
 
                background-repeat-y:;
 
                background-size:auto;
 
 
                 box-sizing:border-box;
 
                 box-sizing:border-box;
                 /* color:rgb(241, 241, 241); */
+
                 color:rgb(255, 255, 255);
                 display:block;
+
                 display:inline;
 
                 font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                 font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
                 font-size:14px;
+
                 font-size:63px;
                 height:475px;
+
                 font-weight:700;
                 line-height:20px;
+
                 height:auto;
                 margin-left:0px;
+
                 line-height:70px;
                 margin-right:0px;
+
                 text-align:center;
                 max-width:100%;
+
                 text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
                padding-left:15px;
 
                padding-right:15px;
 
                position:relative;
 
 
                 text-size-adjust:100%;
 
                 text-size-adjust:100%;
                 width:1454.67px;
+
                 width:auto;
 
                 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
                 -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
    <div class="carousel-item active"
+
                <strong>Office of Public Service Accessibility (OPSA)</strong></span></h1>
        style="
+
        <div class="width">
                box-sizing:border-box;
+
            <p style="
                /* color:rgb(241, 241, 241); */
+
                    box-sizing:border-box;
                display:block;
+
                    color:rgb(255, 255, 255);
                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
+
                    display:inline;
                font-size:14px;
+
                    font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
                height:0px;
+
                    font-size:21px;
                line-height:20px;
+
                    font-weight:700;
                text-size-adjust:100%;
+
                    height:auto;
                width:1424.67px;
+
                    line-height:30px;
                -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
+
                    text-align:center;
        <div class="container"
+
                    text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
            style="
+
                    text-size-adjust:100%;
 +
                    width:auto;
 +
                    -webkit-tap-highlight-color:">
 +
                <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>
 +
            <p><span class="btn btn-lg btn-primary"
 +
                    style="
 +
                    background-color:rgb(51, 122, 183);
 +
                    background-image:none;
 +
                    border-bottom-color:rgb(46, 109, 164);
 +
                    border-bottom-left-radius:6px;
 +
                    border-bottom-right-radius:6px;
 +
                    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(46, 109, 164);
 +
                    border-left-style:solid;
 +
                    border-left-width:1px;
 +
                    border-right-color:rgb(46, 109, 164);
 +
                    border-right-style:solid;
 +
                    border-right-width:1px;
 +
                    border-top-color:rgb(46, 109, 164);
 +
                    border-top-left-radius:6px;
 +
                    border-top-right-radius:6px;
 +
                    border-top-style:solid;
 +
                    border-top-width:1px;
 
                     box-sizing:border-box;
 
                     box-sizing:border-box;
                     /* color:rgb(241, 241, 241); */
+
                     color:rgb(255, 255, 255);
                     display:block;
+
                    cursor:pointer;
 +
                     display:inline-block;
 
                     font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                     font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
                     font-size:14px;
+
                     font-size:18px;
                     height:0px;
+
                    font-weight:400;
                     line-height:20px;
+
                     height:45px;
                     margin-left:126.667px;
+
                     line-height:24px;
                     margin-right:126.667px;
+
                     margin-bottom:0px;
                     max-width:100%;
+
                    padding-bottom:10px;
                     padding-left:15px;
+
                    padding-left:16px;
                     padding-right:15px;
+
                     padding-right:16px;
 +
                     padding-top:10px;
 +
                     text-align:center;
 +
                    text-decoration-color:rgb(255, 255, 255);
 +
                    text-decoration-line:none;
 +
                    text-decoration-style:solid;
 +
                     text-shadow:none;
 
                     text-size-adjust:100%;
 
                     text-size-adjust:100%;
                     width:1170px;
+
                     touch-action:manipulation;
                    -webkit-tap-highlight-color:rgba(0, 0, 0, 0)">
+
                    user-select:none;
            <div class="carousel-caption text left"
+
                    vertical-align:middle;
                style="
+
                    white-space:nowrap;
                        bottom:20px;
+
                    width:150px;
                        box-sizing:border-box;
+
                    -webkit-tap-hi">
                        color:rgb(255, 255, 255);
+
                    [[Learn more]]</span></p>
                        display:block;
 
                        font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                        font-size:14px;
 
                        height:382.667px;
 
                        left:290.667px;
 
                        line-height:20px;
 
                        padding-bottom:30px;
 
                        padding-top:20px;
 
                        position:relative;
 
                        right:290.667px;
 
                        text-align:center;
 
                        text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
 
                        text-size-adjust:100%;
 
                        width:872px;
 
                        z-index:10;
 
                        -webkit-tap-highlight-color:rgba(0, 0, 0, 0);">
 
                <div style="position: relative; top: 0px; left: 0px; z-index: 3; width=1024px;">
 
                    [[Image:various-people-crop.png|1024px]]
 
                    <h1><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:69.3px;
 
                            text-align:center;
 
                            text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
 
                            text-size-adjust:100%;
 
                            width:auto;
 
                            -webkit-tap-highlight-color:">
 
                            <strong>Office of Public Service Accessibility (OPSA)</strong></span></h1>
 
                    <div class="width">
 
                        <p style="
 
                                box-sizing:border-box;
 
                                color:rgb(255, 255, 255);
 
                                display:inline;
 
                                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                                font-size:21px;
 
                                font-weight:700;
 
                                height:auto;
 
                                line-height:30px;
 
                                text-align:center;
 
                                text-shadow:rgba(0, 0, 0, 0.6) 0px 1px 2px;
 
                                text-size-adjust:100%;
 
                                width:auto;
 
                                -webkit-tap-highlight-color:">
 
                            <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>
 
                        <p><span class="btn btn-lg btn-primary"
 
                                style="
 
                                background-color:rgb(51, 122, 183);
 
                                background-image:none;
 
                                border-bottom-color:rgb(46, 109, 164);
 
                                border-bottom-left-radius:6px;
 
                                border-bottom-right-radius:6px;
 
                                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(46, 109, 164);
 
                                border-left-style:solid;
 
                                border-left-width:1px;
 
                                border-right-color:rgb(46, 109, 164);
 
                                border-right-style:solid;
 
                                border-right-width:1px;
 
                                border-top-color:rgb(46, 109, 164);
 
                                border-top-left-radius:6px;
 
                                border-top-right-radius:6px;
 
                                border-top-style:solid;
 
                                border-top-width:1px;
 
                                box-sizing:border-box;
 
                                color:rgb(255, 255, 255);
 
                                cursor:pointer;
 
                                display:inline-block;
 
                                font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
 
                                font-size:18px;
 
                                font-weight:400;
 
                                height:45.3333px;
 
                                line-height:24px;
 
                                margin-bottom:0px;
 
                                padding-bottom:10px;
 
                                padding-left:16px;
 
                                padding-right:16px;
 
                                padding-top:10px;
 
                                text-align:center;
 
                                text-decoration-color:rgb(255, 255, 255);
 
                                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:126.052px;
 
                                -webkit-tap-hi">
 
                                [[Learn more]]</span></p>
 
                    </div>
 
                </div>
 
            </div>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
</div>
 
</div>
 
 
</div>
 
</div>

Revision as of 17:42, 13 January 2020