docs/css/mobile_responsive.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 ========== */