<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>