mirror of
https://github.com/dawidolko/Website-Templates.git
synced 2025-10-27 07:53:11 +01:00
143 lines
3.2 KiB
CSS
143 lines
3.2 KiB
CSS
/* iPads (portrait and landscape) ----------- */
|
|
@media (max-width: 768px) {
|
|
body{ overflow-x: hidden;}
|
|
.navbar-header {
|
|
float: none;
|
|
}
|
|
.navbar-toggle {
|
|
display: block;
|
|
}
|
|
.navbar-collapse {
|
|
border-top: 1px solid transparent;
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
|
|
}
|
|
.navbar-collapse.collapse {
|
|
display: none !important;
|
|
}
|
|
.navbar-fixed-top .navbar-collapse,
|
|
.navbar-fixed-bottom .navbar-collapse {
|
|
max-height: 420px;
|
|
text-align: center;
|
|
}
|
|
.gray-bg .vline {
|
|
left: 11%;
|
|
}
|
|
.navbar-right {
|
|
float: none !important;
|
|
margin-right: -15px;
|
|
}
|
|
.navbar-nav {
|
|
float: center !important;
|
|
margin: 7.5px -15px;
|
|
}
|
|
.navbar-nav>li {
|
|
float: none;
|
|
}
|
|
.navbar-nav>li>a {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
.navbar-text {
|
|
float: none;
|
|
margin: 15px 0;
|
|
}
|
|
.navbar-collapse.collapse.in {display: block!important;}
|
|
.collapsing {overflow: hidden!important; }
|
|
.navbar-nav {margin: 0 -15px;}
|
|
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
|
|
padding: 10px 15px 10px 25px;
|
|
}
|
|
.price.panel-default {
|
|
margin: 40px;
|
|
}
|
|
.price.featured.panel-default {
|
|
margin: 40px;
|
|
}
|
|
.content-heading{ margin-top: 80px;}
|
|
.ipad-wrapper .app-wrap {left: 22%;}
|
|
#home.app .content-heading.text-left{text-align: center;}
|
|
#itemsWorkTwo .box .hover-text i.fa {
|
|
top: 0%;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
#home.slider .content-heading {
|
|
margin-top: 30px;
|
|
}
|
|
#home.slider h1 {
|
|
color: #FC3;
|
|
font-size: 28px;
|
|
}
|
|
.slider .content-heading p.lead { margin-bottom: 20px; }
|
|
.slider .carousel-indicators { bottom: 30px; }
|
|
}
|
|
@media (max-width: 603px) {
|
|
.slider a.goto-btn { display: none;}
|
|
.ipad-wrapper .app-wrap {left: 16%;}
|
|
#footer .pull-left,
|
|
#footer .pull-right {
|
|
float: none !important;
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 460px) {
|
|
.gray-bg .vline {
|
|
left: 15%;
|
|
}
|
|
.meta-detail { display: none; }
|
|
h1 { font-size: 34px;}
|
|
#home.slider h1 { font-size: 26px;}
|
|
p.lead { display: none;}
|
|
.slider .carousel-indicators { bottom: 0px; }
|
|
.ipad-wrapper .app-wrap {left: 3%;}
|
|
}
|
|
@media (max-width: 360px) {
|
|
#services,
|
|
#pricing,
|
|
.section-header,
|
|
.about-right-content,
|
|
#features,
|
|
#feature,
|
|
#works,
|
|
#blog,
|
|
#contact {
|
|
padding: 20px 0;
|
|
}
|
|
p{ font-size: 12px}
|
|
h2{ font-size: 20px;}
|
|
h4{ line-height: 20px;}
|
|
ul.list-inline.cat > li{ margin-bottom: 20px;}
|
|
.gray-bg .vline { left: 20%;}
|
|
.post-meta {min-height: 50px;}
|
|
.price.panel-default {
|
|
margin: 20px;
|
|
}
|
|
.price.featured.panel-default {
|
|
margin: 20px;
|
|
}
|
|
h1 {font-size: 26px}
|
|
#home.slider{ display: none;}
|
|
#intro.slider{ margin-top: 70px !important}
|
|
.ipad-wrapper .app-wrap {display: none;}
|
|
a.goto-btn {
|
|
margin-right: auto;
|
|
margin: 0 10px;
|
|
}
|
|
a.goto-btn {
|
|
display: inline-block;
|
|
}
|
|
.blog .post-meta {min-height: 55px;}
|
|
}
|
|
@media (max-width: 320px) {
|
|
.post-wrap .post .media-body p {display: none;}
|
|
.gray-bg .vline { left: 25%;}
|
|
.nav.nav-pills > li > a { font-size: 11px;}
|
|
ul.features li span.fa {
|
|
font-size: 30px;
|
|
margin-top: 2px;
|
|
}
|
|
.post-tab .nav-tabs > li > a {
|
|
padding: 5px 10px;
|
|
}
|
|
} |