Difference between revisions of "Team:Peking/test1"

Line 1: Line 1:
−
 
+
<style>
−
<html>
+
*, *:before, *:after {
−
<head>
+
     box-sizing: inherit
−
    <meta charset="utf-8">
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
    <style>
+
−
#sideMenu, #top_title {display:none;}
+
−
#globalWsection {
+
−
     padding-top: 50px;
+
−
    width: 100%
+
 
}
 
}
−
body,
+
.clearfix:after, .quickstart-step:after {
−
html{
+
     clear: both;
−
     margin: 0;
+
     content: "";
−
     padding:0;
+
     display: table;
−
     font-family: 'Objektiv-mk1', sans-serif;
+
     height: 0;
−
     font-weight: 300;
+
     visibility: hidden
−
     overflow-x: hidden;
+
−
    position: relative;
+
 
}
 
}
−
.firstHeading{
+
 
−
     display:none;
+
img {
 +
     max-width: 272px
 
}
 
}
−
.page{
+
 
−
     background: honeydew;
+
:link, :visited {
 +
     color: #039be5;
 +
    outline: 0;
 +
    text-decoration: none
 
}
 
}
−
rapper {
+
 
−
     padding:0;
+
a:focus {
 +
     text-decoration: underline
 
}
 
}
−
#content {
+
ul {
−
     width: 100%;
+
     list-style: disc outside
−
    height: 100%;
+
−
    border:none;
+
−
    margin: 0px;
+
−
    padding:0;
+
 
}
 
}
−
section {
+
 
−
    padding: 0;
+
li, li p {
−
     margin: 0;
+
     margin: 8px 0;
−
     border: 0
+
     padding: 0
 
}
 
}
−
#bodyContent a[href^="https://"], .link-https {
+
@media screen and (max-width: 720px) {
−
    background: none !important;
+
    .devsite-settings-kabob {
−
     padding: 0 !important;
+
        margin: 12px 0
 +
     }
 
}
 
}
−
.navbar-pad-original {
+
 
−
     padding: 0
+
.devsite-footer-promos {
 +
     background: #f7f7f7;
 +
    font: 14px/20px Roboto, sans-serif
 
}
 
}
  
−
        *, *:before, *:after {
+
.devsite-footer-promos-list {
−
            box-sizing: inherit
+
    padding: 20px 4px;
−
        }
+
    text-align: center
−
        .clearfix:after, .quickstart-step:after {
+
}
−
            clear: both;
+
−
            content: "";
+
−
            display: table;
+
−
            height: 0;
+
−
            visibility: hidden
+
−
        }
+
  
−
        body, html {
+
.devsite-footer-promo {
−
            color: #212121;
+
    display: inline-block;
−
            font: 400 16px/24px Roboto, sans-serif;
+
    margin: 20px;
−
            -moz-osx-font-smoothing: grayscale;
+
    vertical-align: top;
−
            -webkit-font-smoothing: antialiased;
+
    width: 192px
−
            margin: 0;
+
}
−
            -webkit-text-size-adjust: 100%;
+
−
            -ms-text-size-adjust: 100%;
+
−
            text-size-adjust: 100%
+
−
        }
+
  
 +
.devsite-footer-promo-icon {
 +
    color: rgba(0, 0, 0, .87);
 +
    display: block;
 +
    font-size: 48px;
 +
    height: 48px;
 +
    margin: 0 auto 8px;
 +
    width: 48px
 +
}
  
−
        table img {
+
.devsite-footer-promo-title {
−
            max-width: 272px
+
    color: rgba(0, 0, 0, .87);
−
        }
+
    display: block;
 +
    font-weight: 500
 +
}
  
−
        :link, :visited {
+
.devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus {
−
            color: #039be5;
+
    color: #039be5;
−
            outline: 0;
+
    text-decoration: none
−
            text-decoration: none
+
}
−
        }
+
  
−
        a:focus {
+
.devsite-footer-linkboxes {
−
            text-decoration: underline
+
    background: linear-gradient(90deg, #263238 50%, #37424b 50%);
−
        }
+
    font: 14px/16px Roboto, sans-serif
−
        ul {
+
}
−
            list-style: disc outside
+
−
        }
+
  
−
        li, li p {
+
.devsite-footer-linkboxes > .devsite-full-site-width {
−
            margin: 8px 0;
+
    max-width: 1432px
−
            padding: 0
+
}
−
        }
+
−
        blockquote {
+
−
            background: #f7f7f7;
+
−
            margin: 16px 0;
+
−
            padding: 8px;
+
−
            quotes: none
+
−
        }
+
−
        @media screen and (max-width: 720px) {
+
−
            .devsite-settings-kabob {
+
−
                margin: 12px 0
+
−
            }
+
−
        }
+
  
−
        .devsite-footer-promos {
+
.devsite-footer-linkboxes-all-backup {
−
            background: #f7f7f7;
+
    background: linear-gradient(90deg, #303c42 50%, #37424b 50%)
−
            font: 14px/20px Roboto, sans-serif
+
}
−
        }
+
  
−
        .devsite-footer-promos-list {
+
.devsite-footer-linkboxes-list {
−
            padding: 20px 4px;
+
    display: -ms-flexbox;
−
            text-align: center
+
    display: flex;
−
        }
+
    -ms-flex-wrap: wrap;
 +
    flex-wrap: wrap;
 +
    padding: 0
 +
}
  
−
        .devsite-footer-promo {
+
.devsite-footer-linkbox {
−
            display: inline-block;
+
    background: #263238;
−
            margin: 20px;
+
    display: inline-block;
−
            vertical-align: top;
+
    -ms-flex: 0 0 auto;
−
            width: 192px
+
    flex: 0 0 auto;
−
        }
+
    margin: 0;
 +
    padding: 24px 40px 40px;
 +
    text-align: left;
 +
    vertical-align: top;
 +
    width: 25%
 +
}
  
−
        .devsite-footer-promo-icon {
+
.devsite-footer-linkbox-backup {
−
            color: rgba(0, 0, 0, .87);
+
    background: #303c42
−
            display: block;
+
}
−
            font-size: 48px;
+
−
            height: 48px;
+
−
            margin: 0 auto 8px;
+
−
            width: 48px
+
−
        }
+
  
−
        .devsite-footer-promo-title {
+
.devsite-footer-linkbox-sites {
−
            color: rgba(0, 0, 0, .87);
+
    background: #37424b
−
            display: block;
+
}
−
            font-weight: 500
+
−
        }
+
  
−
        .devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus {
+
.devsite-footer-linkbox-logo-link {
−
            color: #039be5;
+
    border-bottom: 1px solid #455a64;
−
            text-decoration: none
+
    display: block;
−
        }
+
    margin: 0 -40px 16px;
 +
    padding: 0 40px 20px
 +
}
  
−
        .devsite-footer-linkboxes {
+
.devsite-footer-linkbox-logo {
−
            background: linear-gradient(90deg, #263238 50%, #37424b 50%);
+
    margin: -5px 0 0;
−
            font: 14px/16px Roboto, sans-serif
+
    max-width: 216px;
−
        }
+
    width: 100%;
 +
    vertical-align: top
 +
}
  
−
        .devsite-footer-linkboxes > .devsite-full-site-width {
+
.devsite-footer-linkbox-heading {
−
            max-width: 1432px
+
    color: #fff;
−
        }
+
    font: 500 14px/16px Roboto, sans-serif;
 +
    margin: 0 0 16px
 +
}
  
−
        .devsite-footer-linkboxes-all-backup {
+
.devsite-footer-linkbox-list {
−
            background: linear-gradient(90deg, #303c42 50%, #37424b 50%)
+
    list-style-type: none;
−
        }
+
    padding: 0
 +
}
  
−
        .devsite-footer-linkboxes-list {
+
.devsite-footer-linkbox-item {
−
            display: -ms-flexbox;
+
    margin: 16px 0
−
            display: flex;
+
}
−
            -ms-flex-wrap: wrap;
+
−
            flex-wrap: wrap;
+
−
            padding: 0
+
−
        }
+
  
−
        .devsite-footer-linkbox {
+
.devsite-footer-linkbox-item:first-child {
−
            background: #263238;
+
    margin-top: 0
−
            display: inline-block;
+
}
−
            -ms-flex: 0 0 auto;
+
−
            flex: 0 0 auto;
+
−
            margin: 0;
+
−
            padding: 24px 40px 40px;
+
−
            text-align: left;
+
−
            vertical-align: top;
+
−
            width: 25%
+
−
        }
+
  
−
        .devsite-footer-linkbox-backup {
+
.devsite-footer-linkbox-item:last-child {
−
            background: #303c42
+
    margin-bottom: 0
−
        }
+
}
  
−
        .devsite-footer-linkbox-sites {
+
.devsite-footer-linkbox-item a {
−
            background: #37424b
+
    color: #cfd8dc
−
        }
+
}
  
−
        .devsite-footer-linkbox-logo-link {
+
.devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus {
−
            border-bottom: 1px solid #455a64;
+
    color: #fff;
−
            display: block;
+
    text-decoration: none
−
            margin: 0 -40px 16px;
+
}
−
            padding: 0 40px 20px
+
−
        }
+
  
−
        .devsite-footer-linkbox-logo {
+
.devsite-utility-footer {
−
            margin: -5px 0 0;
+
    background: #455a64
−
            max-width: 216px;
+
}
−
            width: 100%;
+
−
            vertical-align: top
+
−
        }
+
  
−
        .devsite-footer-linkbox-heading {
+
.devsite-utility-footer-nav {
−
            color: #fff;
+
    color: #fff;
−
            font: 500 14px/16px Roboto, sans-serif;
+
    overflow: auto;
−
            margin: 0 0 16px
+
padding: 14px 24px, .devsite-utility-footer-nav-right {
−
        }
+
    -ms-flex-align: center;
 +
    align-items: center;
 +
    display: -ms-flexbox;
 +
    display: flex;
 +
    -ms-flex-pack: center;
 +
    justify-content: center
 +
}
  
−
        .devsite-footer-linkbox-list {
+
.devsite-utility-footer-nav-left {
−
            list-style-type: none;
+
    float: left
−
            padding: 0
+
}
−
        }
+
  
−
        .devsite-footer-linkbox-item {
+
.devsite-utility-footer-nav-right {
−
            margin: 16px 0
+
    float: right
−
        }
+
}
  
−
        .devsite-footer-linkbox-item:first-child {
+
.devsite-utility-footer-links, .devsite-utility-footer-newsletter-signup-text {
−
            margin-top: 0
+
    font-weight: 500;
−
        }
+
    margin-right: 16px
 +
}
  
−
        .devsite-footer-linkbox-item:last-child {
+
.devsite-utility-footer-link {
−
            margin-bottom: 0
+
    color: #fff
−
        }
+
}
  
−
        .devsite-footer-linkbox-item a {
+
.devsite-utility-footer-link:focus {
−
            color: #cfd8dc
+
    text-decoration: underline
−
        }
+
}
  
−
        .devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus {
+
.devsite-utility-footer-link + .devsite-utility-footer-link::before {
−
            color: #fff;
+
    content: '|';
−
            text-decoration: none
+
    margin: 0 8px
−
        }
+
}
  
−
        .devsite-utility-footer {
+
.devsite-utility-footer-language {
−
            background: #455a64
+
    margin-right: 16px
−
        }
+
}
  
−
        .devsite-utility-footer-nav {
+
.devsite-utility-footer-language .kd-select {
−
            color: #fff;
+
    border-color: #fff;
−
            overflow: auto;
+
    min-width: 96px
−
        padding: 14px 24px, .devsite-utility-footer-nav-right {
+
}
−
                            -ms-flex-align: center;
+
−
                            align-items: center;
+
−
                            display: -ms-flexbox;
+
−
                            display: flex;
+
−
                            -ms-flex-pack: center;
+
−
                            justify-content: center
+
−
                        }
+
  
−
        .devsite-utility-footer-nav-left {
+
@media screen and (max-width: 1000px) {
−
            float: left
+
    .devsite-footer-linkbox {
−
        }
+
        width: 50%
 +
    }
 +
}
  
−
        .devsite-utility-footer-nav-right {
+
@media screen and (max-width: 720px) {
−
            float: right
+
    .devsite-footer-promos-list {
−
         }
+
        padding: 20px 16px;
 +
         text-align: left
 +
    }
  
−
        .devsite-utility-footer-links, .devsite-utility-footer-newsletter-signup-text {
+
    .devsite-footer-promo {
−
            font-weight: 500;
+
        margin: 8px;
−
            margin-right: 16px
+
        width: calc((100% - 32px) / 2)
−
        }
+
    }
  
−
        .devsite-utility-footer-link {
+
    .devsite-footer-promo-icon {
−
            color: #fff
+
        float: left;
−
         }
+
         height: 32px;
 +
        margin-right: 16px;
 +
        width: 32px
 +
    }
  
−
        .devsite-utility-footer-link:focus {
+
    .devsite-footer-promo-title {
−
            text-decoration: underline
+
        font-weight: normal;
−
         }
+
         line-height: 32px
 +
    }
  
−
        .devsite-utility-footer-link + .devsite-utility-footer-link::before {
+
    .devsite-footer-promo-description {
−
            content: '|';
+
        display: none
−
            margin: 0 8px
+
    }
−
        }
+
  
−
        .devsite-utility-footer-language {
+
    .devsite-footer-linkbox {
−
            margin-right: 16px
+
        padding: 24px 16px 24px
−
        }
+
    }
  
−
        .devsite-utility-footer-language .kd-select {
+
    .devsite-footer-linkbox-logo-link {
−
            border-color: #fff;
+
        margin: 0 -16px 24px;
−
            min-width: 96px
+
        padding: 0 16px 17px
−
        }
+
    }
  
−
        @media screen and (max-width: 1000px) {
+
    .devsite-utility-footer-nav {
−
            .devsite-footer-linkbox {
+
        padding: 14px 16px
−
                width: 50%
+
    }
−
            }
+
−
        }
+
  
−
        @media screen and (max-width: 720px) {
+
    .devsite-utility-footer-nav-right {
−
            .devsite-footer-promos-list {
+
        clear: both;
−
                padding: 20px 16px;
+
        display: -ms-flexbox;
−
                text-align: left
+
        display: flex;
−
            }
+
        float: left;
 +
        margin-top: 8px
 +
    }
  
−
            .devsite-footer-promo {
+
    .devsite-utility-footer-newsletter-signup-text {
−
                margin: 8px;
+
        margin: 0 0 0 16px;
−
                width: calc((100% - 32px) / 2)
+
        -ms-flex-order: 2;
−
            }
+
        order: 2
 +
    }
  
−
            .devsite-footer-promo-icon {
+
    .devsite-utility-footer-newsletter-signup-button {
−
                float: left;
+
        -ms-flex: 0 0 auto;
−
                height: 32px;
+
        flex: 0 0 auto;
−
                margin-right: 16px;
+
        -ms-flex-order: 1;
−
                width: 32px
+
        order: 1
−
            }
+
    }
 +
}
  
−
            .devsite-footer-promo-title {
 
−
                font-weight: normal;
 
−
                line-height: 32px
 
−
            }
 
  
−
            .devsite-footer-promo-description {
 
−
                display: none
 
−
            }
 
−
 
−
            .devsite-footer-linkbox {
 
−
                padding: 24px 16px 24px
 
−
            }
 
−
 
−
            .devsite-footer-linkbox-logo-link {
 
−
                margin: 0 -16px 24px;
 
−
                padding: 0 16px 17px
 
−
            }
 
−
 
−
            .devsite-utility-footer-nav {
 
−
                padding: 14px 16px
 
−
            }
 
−
 
−
            .devsite-utility-footer-nav-right {
 
−
                clear: both;
 
−
                display: -ms-flexbox;
 
−
                display: flex;
 
−
                float: left;
 
−
                margin-top: 8px
 
−
            }
 
−
 
−
            .devsite-utility-footer-newsletter-signup-text {
 
−
                margin: 0 0 0 16px;
 
−
                -ms-flex-order: 2;
 
−
                order: 2
 
−
            }
 
−
 
−
            .devsite-utility-footer-newsletter-signup-button {
 
−
                -ms-flex: 0 0 auto;
 
−
                flex: 0 0 auto;
 
−
                -ms-flex-order: 1;
 
−
                order: 1
 
−
            }
 
−
        }
 
  
 +
@media screen and (max-width: 1200px) {
 +
#table-of-contents, h2#contents, h3#contents, h2.toc, h3.toc, div.toc:not(.class):not(.group):not(.type):not(.interface), section.toc, ol.toc, ul.toc, .inline-toc {
 +
    display: none
 +
}
 +
.devsite-content-footer {
 +
    border-top: 1px solid #ebebeb;
 +
    clear: both;
 +
    color: #757575;
 +
    font: italic 13px/20px Roboto, sans-serif;
 +
    margin-top: 16px
 +
}
  
−
 
+
.devsite-content-footer-date {
−
        @media screen and (max-width: 1200px) {
+
    margin-bottom: 0
−
            #table-of-contents, h2#contents, h3#contents, h2.toc, h3.toc, div.toc:not(.class):not(.group):not(.type):not(.interface), section.toc, ol.toc, ul.toc, .inline-toc {
+
}
−
                display: none
+
</style>
−
            }
+
<html>
−
 
+
−
            ol.toc, ol.toc ol, ol.toc ul {
+
−
                list-style-type: none
+
−
            }
+
−
 
+
−
            .devsite-content-footer {
+
−
                border-top: 1px solid #ebebeb;
+
−
                clear: both;
+
−
                color: #757575;
+
−
                font: italic 13px/20px Roboto, sans-serif;
+
−
                margin-top: 16px
+
−
            }
+
−
 
+
−
            .devsite-content-footer-date {
+
−
                margin-bottom: 0
+
−
            }
+
−
    </style>
+
−
</head>
+
−
<title>Team:Peking</title>
+
−
 
+
−
<body>
+
−
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+
−
<footer class="devsite-footer-promos nocontent"><nav class="devsite-full-site-width">
+
−
    <ul class="devsite-footer-promos-list">
+
−
        <li class="devsite-footer-promo">
+
−
            <a href="https://github.com/PekingiGEM2017"
+
−
              class="devsite-footer-promo-title gc-analytics-event"
+
−
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
−
                <img class="devsite-footer-promo-icon" src="logo-github.svg">
+
−
                GitHub
+
−
            </a>
+
−
            <div class="devsite-footer-promo-description">Fork our API code samples and other open-source projects.</div>
+
−
        </li>
+
−
 
+
−
        <li class="devsite-footer-promo">
+
−
            <a href="https://www.facebook.com/pekingigem"
+
−
              class="devsite-footer-promo-title gc-analytics-event"
+
−
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
−
                <img class="devsite-footer-promo-icon" src="facebook.svg">
+
−
                Facebook
+
−
            </a>
+
−
            <div class="devsite-footer-promo-description">The latest news on our projects</div>
+
−
        </li>
+
−
 
+
−
        <li class="devsite-footer-promo">
+
−
            <a href="https://twitter.com/iGEM_Peking"
+
−
              class="devsite-footer-promo-title gc-analytics-event"
+
−
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
−
                <img class="devsite-footer-promo-icon" src="twitter.svg">
+
−
                Twitter
+
−
            </a>
+
−
            <div class="devsite-footer-promo-description">Connect with @PekingIGEM on Twitter</div>
+
−
        </li>
+
−
 
+
−
        <li class="devsite-footer-promo">
+
−
            <a href="http://www.synbiowiki.com"
+
−
              class="devsite-footer-promo-title gc-analytics-event"
+
−
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
−
                <img class="devsite-footer-promo-icon" src="wikipedia.svg">
+
−
                SynBioWiki
+
−
            </a>
+
−
            <div class="devsite-footer-promo-description">The encyclopedia of synthetic biology</div>
+
−
        </li>
+
−
 
+
−
        <li class="devsite-footer-promo">
+
−
            <a href="https://www.youtube.com/channel/UCefEYVCVqKJLmoJrSxivgZQ"
+
−
              class="devsite-footer-promo-title gc-analytics-event"
+
−
              data-category="Site-Wide Custom Events" data-label="Content Page Footer Promo">
+
−
                <img class="devsite-footer-promo-icon" src="youtube.svg">
+
−
                Videos
+
−
            </a>
+
−
            <div class="devsite-footer-promo-description">Check out the Peking iGEM 2017 team&#39;s videos</div>
+
−
        </li>
+
−
    </ul>
+
−
</nav>
+
−
</footer>
+
−
</body>
+
 
</html>
 
</html>

Revision as of 04:41, 7 October 2017

<style>

  • , *:before, *:after {
   box-sizing: inherit

} .clearfix:after, .quickstart-step:after { 

   clear: both;
   content: "";
   display: table;
   height: 0;
   visibility: hidden

}

img { 

   max-width: 272px

}

link, :visited {
   color: #039be5;
   outline: 0;
   text-decoration: none

}

a:focus { 

   text-decoration: underline

} ul { 

   list-style: disc outside

}

li, li p { 

   margin: 8px 0;
   padding: 0

} @media screen and (max-width: 720px) { 

   .devsite-settings-kabob {
       margin: 12px 0
   }

}

.devsite-footer-promos { 

   background: #f7f7f7;
   font: 14px/20px Roboto, sans-serif

}

.devsite-footer-promos-list { 

   padding: 20px 4px;
   text-align: center

}

.devsite-footer-promo { 

   display: inline-block;
   margin: 20px;
   vertical-align: top;
   width: 192px

}

.devsite-footer-promo-icon { 

   color: rgba(0, 0, 0, .87);
   display: block;
   font-size: 48px;
   height: 48px;
   margin: 0 auto 8px;
   width: 48px

}

.devsite-footer-promo-title { 

   color: rgba(0, 0, 0, .87);
   display: block;
   font-weight: 500

}

.devsite-footer-promo-title:hover, .devsite-footer-promo-title:focus { 

   color: #039be5;
   text-decoration: none

}

.devsite-footer-linkboxes { 

   background: linear-gradient(90deg, #263238 50%, #37424b 50%);
   font: 14px/16px Roboto, sans-serif

}

.devsite-footer-linkboxes > .devsite-full-site-width { 

   max-width: 1432px

}

.devsite-footer-linkboxes-all-backup { 

   background: linear-gradient(90deg, #303c42 50%, #37424b 50%)

}

.devsite-footer-linkboxes-list { 

   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0

}

.devsite-footer-linkbox { 

   background: #263238;
   display: inline-block;
   -ms-flex: 0 0 auto;
   flex: 0 0 auto;
   margin: 0;
   padding: 24px 40px 40px;
   text-align: left;
   vertical-align: top;
   width: 25%

}

.devsite-footer-linkbox-backup { 

   background: #303c42

}

.devsite-footer-linkbox-sites { 

   background: #37424b

}

.devsite-footer-linkbox-logo-link { 

   border-bottom: 1px solid #455a64;
   display: block;
   margin: 0 -40px 16px;
   padding: 0 40px 20px

}

.devsite-footer-linkbox-logo { 

   margin: -5px 0 0;
   max-width: 216px;
   width: 100%;
   vertical-align: top

}

.devsite-footer-linkbox-heading { 

   color: #fff;
   font: 500 14px/16px Roboto, sans-serif;
   margin: 0 0 16px

}

.devsite-footer-linkbox-list { 

   list-style-type: none;
   padding: 0

}

.devsite-footer-linkbox-item { 

   margin: 16px 0

}

.devsite-footer-linkbox-item:first-child { 

   margin-top: 0

}

.devsite-footer-linkbox-item:last-child { 

   margin-bottom: 0

}

.devsite-footer-linkbox-item a { 

   color: #cfd8dc

}

.devsite-footer-linkbox-item a:hover, .devsite-footer-linkbox-item a:focus { 

   color: #fff;
   text-decoration: none

}

.devsite-utility-footer { 

   background: #455a64

}

.devsite-utility-footer-nav { 

   color: #fff;
   overflow: auto;

padding: 14px 24px, .devsite-utility-footer-nav-right { 

   -ms-flex-align: center;
   align-items: center;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-pack: center;
   justify-content: center

}

.devsite-utility-footer-nav-left { 

   float: left

}

.devsite-utility-footer-nav-right { 

   float: right

}

.devsite-utility-footer-links, .devsite-utility-footer-newsletter-signup-text { 

   font-weight: 500;
   margin-right: 16px

}

.devsite-utility-footer-link { 

   color: #fff

}

.devsite-utility-footer-link:focus { 

   text-decoration: underline

}

.devsite-utility-footer-link + .devsite-utility-footer-link::before { 

   content: '|';
   margin: 0 8px

}

.devsite-utility-footer-language { 

   margin-right: 16px

}

.devsite-utility-footer-language .kd-select { 

   border-color: #fff;
   min-width: 96px

}

@media screen and (max-width: 1000px) { 

   .devsite-footer-linkbox {
       width: 50%
   }

}

@media screen and (max-width: 720px) { 

   .devsite-footer-promos-list {
       padding: 20px 16px;
       text-align: left
   }

   .devsite-footer-promo {
       margin: 8px;
       width: calc((100% - 32px) / 2)
   }

   .devsite-footer-promo-icon {
       float: left;
       height: 32px;
       margin-right: 16px;
       width: 32px
   }

   .devsite-footer-promo-title {
       font-weight: normal;
       line-height: 32px
   }

   .devsite-footer-promo-description {
       display: none
   }

   .devsite-footer-linkbox {
       padding: 24px 16px 24px
   }

   .devsite-footer-linkbox-logo-link {
       margin: 0 -16px 24px;
       padding: 0 16px 17px
   }

   .devsite-utility-footer-nav {
       padding: 14px 16px
   }

   .devsite-utility-footer-nav-right {
       clear: both;
       display: -ms-flexbox;
       display: flex;
       float: left;
       margin-top: 8px
   }

   .devsite-utility-footer-newsletter-signup-text {
       margin: 0 0 0 16px;
       -ms-flex-order: 2;
       order: 2
   }

   .devsite-utility-footer-newsletter-signup-button {
       -ms-flex: 0 0 auto;
       flex: 0 0 auto;
       -ms-flex-order: 1;
       order: 1
   }

}


@media screen and (max-width: 1200px) {

  1. table-of-contents, h2#contents, h3#contents, h2.toc, h3.toc, div.toc:not(.class):not(.group):not(.type):not(.interface), section.toc, ol.toc, ul.toc, .inline-toc {
   display: none

} .devsite-content-footer { 

   border-top: 1px solid #ebebeb;
   clear: both;
   color: #757575;
   font: italic 13px/20px Roboto, sans-serif;
   margin-top: 16px

}

.devsite-content-footer-date { 

   margin-bottom: 0

} </style>