Line 1: | Line 1: | ||
− | + | <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: 0; | + | 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) { | ||
+ | #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> | |
− | + | <html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</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) {
- 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>