mirror of https://github.com/docker/docs.git
241 lines
6.4 KiB
CSS
241 lines
6.4 KiB
CSS
/* ========== Start Responsive Sytling ========== */
|
|
@media screen and (max-width:1199px) {
|
|
.node-type-front-page .dockercon16 section.title_section.darkblue a.button{
|
|
margin-bottom: 70px;
|
|
}
|
|
}
|
|
@media screen and (max-width:991px) {
|
|
section.section {
|
|
padding: 80px 0;
|
|
}
|
|
.main-header div>.nav-main>li {
|
|
margin-left: 16px;
|
|
}
|
|
div.dockercon_registation_section .cross-btn > a{
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
div.dockercon_registation_section .cross-btn:after{
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
div.dockercon_registation_section .cross-btn > a:after{
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
div.dockercon_registation_section .cross-btn > a:before{
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
.pricing-tables > li {
|
|
width: 50%;
|
|
}
|
|
.pricing-tables > li.standard {
|
|
border-right: 1px solid #CCC;
|
|
}
|
|
.main-header .logo, .main-header .logo_safari {
|
|
margin-left: 50px;
|
|
margin-top: 16px;
|
|
}
|
|
.main_footer .footer-nav .primary-footer-sub-nav {
|
|
float: left;
|
|
}
|
|
.main_footer .footer-nav .primary-footer-sub-nav ul li {
|
|
margin-left: 0px;
|
|
margin-right: 30px;
|
|
}
|
|
section.use_case_item_section .items.media li .media_content {
|
|
padding-right: 30px;
|
|
}
|
|
.dockercon16 section.use_case_item_section.section .button_table a.button {
|
|
padding: 15px 20px 13px 20px;
|
|
}
|
|
section.government_partners_section .government_partners_tabs ul li{
|
|
max-width: 32%;
|
|
}
|
|
section.government_other_resources_section.GenericDev .items.displaytable li {
|
|
float: left;
|
|
display: block;
|
|
width: 50%;
|
|
}
|
|
section.government_partners_section .government_partners_tabs ul li .helper img{
|
|
max-width: 100%;
|
|
}
|
|
section.dockercon_quotes_section .quotes_icon {
|
|
margin-left: 0px;
|
|
}
|
|
section.career_job_openings_section.GenericDev .items.media li {
|
|
padding: 20px 30px 20px 30px;
|
|
}
|
|
section.career_job_openings_section.GenericDev .items.media li .media_image {
|
|
left: 30px;
|
|
}
|
|
section.career_overview_section.GenericDev .items>li {
|
|
padding: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
@media screen and (max-width:940px) {
|
|
header .top-right-bg {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (max-width:767px) {
|
|
section.section {
|
|
padding: 60px 0;
|
|
}
|
|
section.GenericDev .items>li {
|
|
padding: 20px 10px 20px;
|
|
}
|
|
.dockercon16 div.heronav_section ul li a {
|
|
padding: 14px 30px 10px 30px;
|
|
}
|
|
.dockercon16 section.section a.button, .dockercon16 section.title_section a.button {
|
|
margin-right: 10px;
|
|
margin-left: 10px;
|
|
}.dockercon16 section.section a.button+a.button, .dockercon16 section.title_section a.button+a.button {
|
|
margin-right: 10px;
|
|
margin-left: 10px;
|
|
}
|
|
.sm-margin-top-40 {
|
|
margin-top:40px;
|
|
}
|
|
footer.main_footer .top_footer {
|
|
margin-bottom: 50px;
|
|
}
|
|
footer.main_footer div.newsletter {
|
|
max-width: none;
|
|
margin-right: auto;
|
|
}
|
|
footer.main_footer .social-icons {
|
|
max-width: none;
|
|
margin-right: auto;
|
|
}
|
|
.node-type-front-page .dockercon16 section.title_section.darkblue img.moby {
|
|
margin-bottom: 40px;
|
|
}
|
|
div.dockercon_registation_section {
|
|
background-size: 200% 52px;
|
|
}
|
|
.dockercon16 section.title_section .dockercon16_padding {
|
|
padding-top: 50px;
|
|
}
|
|
.dockercon16 section .dockercon16_padding {
|
|
padding-top:50px;
|
|
}
|
|
.dockercon16 section.use_case_item_section.section .button_table a.button {
|
|
margin-top:30px;
|
|
}
|
|
section.feature_customer_section.GenericDev .items.media>li{
|
|
width: 100%;
|
|
}
|
|
section.dockercon_quotes_section .quotes_icon {
|
|
margin-left: 0;
|
|
}
|
|
.sidebarnav_section ul{
|
|
margin: 0px 0px 1.5rem;
|
|
}
|
|
.dockercon16 .row .sidebarnav_section+.floatleft,.dockercon16 .docker_captian_about_section .text-left{
|
|
margin-top: 140px;
|
|
}
|
|
.dockercon16 .row .sidebarnav_section+.floatleft>.row{
|
|
padding: 0 15px;
|
|
}
|
|
.dockercon16 .docker_captian_about_section{
|
|
padding: 0 15px;
|
|
}
|
|
.dockercon16 .event-search {
|
|
padding: 0 15px;
|
|
}
|
|
.path-aws .dockercon16 .row .sidebarnav_section+.floatleft, .path-hpe .dockercon16 .row .sidebarnav_section+.floatleft, .path-IBM .dockercon16 .row .sidebarnav_section+.floatleft, .path-partner-portal .dockercon16 .row .sidebarnav_section+.floatleft , .path-microsoft .dockercon16 .row .sidebarnav_section+.floatleft, .path-find-partner .dockercon16 .row .sidebarnav_section+.floatleft {
|
|
margin-top: 175px;
|
|
}
|
|
.path-resources .dockercon16 .row .sidebarnav_section+.floatleft, .path-section-products .dockercon16 .row .sidebarnav_section+.floatleft {
|
|
margin-top: 280px;
|
|
}
|
|
div.dockercon_registation_section .cross-btn {
|
|
width: inherit;
|
|
}
|
|
section.title_section.darkblue img {
|
|
max-height: 250px;
|
|
}
|
|
.dockercon16 section.title_section .textalign-left a.button, .dockercon16 section.title_section .textalign-left a.button+a.button {
|
|
margin: 20px 0;
|
|
}
|
|
section.docker_product_section.GenericDev .items.media {
|
|
margin-left: -20px;
|
|
margin-right: -20px;
|
|
}
|
|
section.docker_product_section.GenericDev .items.media li {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
section.docker_product_section .items.media li .media_image {
|
|
left: 25px!important;
|
|
}
|
|
section.toolbox_overview_section .items>li a.button {
|
|
margin: 10px 00px;
|
|
}
|
|
}
|
|
@media screen and (max-width:680px) {
|
|
.pricing-tables > li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen and (max-width:600px) {
|
|
.dockercon16 section.title_section a.button,.dockercon16 section.title_section a.button+a.button{
|
|
display: block;
|
|
max-width: 300px;
|
|
margin: 20px auto;
|
|
}
|
|
.dockercon16 div.heronav_section ul {
|
|
display: block;
|
|
clear: none;
|
|
float: none;
|
|
}
|
|
.dockercon16 div.heronav_section ul li {
|
|
float: none;
|
|
display: inline-block;
|
|
}
|
|
.dockercon16 div.heronav_section ul li a {
|
|
padding: 14px 20px 10px 20px;
|
|
}
|
|
section.use_case_item_section .quote_container .author {
|
|
padding-left: 40%;
|
|
}
|
|
section.use_case_item_section .quote_container .author_position {
|
|
padding-left: 40%;
|
|
}
|
|
section.dockercon_quotes_section .quotes_slider .slides li .author{
|
|
padding-left: 40%;
|
|
}
|
|
section.dockercon_quotes_section .quotes_slider .slides li .author_position {
|
|
padding-left: 40%;
|
|
}
|
|
section.customers_logos_section .items>li{
|
|
width: 50%;
|
|
}
|
|
section.customers_logos_section .items>li a{
|
|
min-height: 250px;
|
|
}
|
|
section.government_other_resources_section.GenericDev .items.displaytable li {
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen and (max-width:500px) {
|
|
|
|
}
|
|
@media screen and (max-width:480px) {
|
|
section.customers_logos_section .items>li{
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen and (max-width:400px) {
|
|
section.included_product_section a.button {
|
|
width: 90%;
|
|
}
|
|
section.product_features_product_section .items li a.button {
|
|
min-width: inherit;
|
|
}
|
|
}
|
|
/* ========== End Responsive Sytling ========== */ |