206 lines
7.7 KiB
CSS
206 lines
7.7 KiB
CSS
|
/* #Foundation Style
|
||
|
|
================================================== */
|
||
|
|
.row .column, .row .columns{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||
|
|
|
||
|
|
.container{ margin: 0px auto; padding: 0px 20px; max-width: 1140px; }
|
||
|
|
.boxed-style{ max-width: 1180px; margin-left: auto; margin-right: auto; }
|
||
|
|
|
||
|
|
.row { width: 1140px; max-width: 100%; margin: 0 auto; }
|
||
|
|
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -10px; }
|
||
|
|
|
||
|
|
.column, .columns { float: left; min-height: 1px; padding: 0 10px; position: relative; }
|
||
|
|
.column.wrapper, .columns.wrapper{ padding: 0px; }
|
||
|
|
|
||
|
|
.row .one { width: 8.333%; }
|
||
|
|
.row .two { width: 16.667%; }
|
||
|
|
.row .three { width: 25%; }
|
||
|
|
.row .four { width: 33.333%; }
|
||
|
|
.row .five { width: 41.667%; }
|
||
|
|
.row .six { width: 50%; }
|
||
|
|
.row .seven { width: 58.333%; }
|
||
|
|
.row .eight { width: 66.667%; }
|
||
|
|
.row .nine { width: 75%; }
|
||
|
|
.row .ten { width: 83.333%; }
|
||
|
|
.row .eleven { width: 91.667%; }
|
||
|
|
.row .twelve { width: 100%; }
|
||
|
|
|
||
|
|
.row .one-fifth{ width: 20%; }
|
||
|
|
.row .one-sixth{ width: 16.667; }
|
||
|
|
|
||
|
|
img{ max-width: 100%; height: auto; }
|
||
|
|
img { -ms-interpolation-mode: bicubic; }
|
||
|
|
object, embed { max-width: 100%; }
|
||
|
|
|
||
|
|
.page-left-both-sidebar,
|
||
|
|
.page-left-right-sidebar{ float: left; width: 800px; padding: 0px 10px; }
|
||
|
|
.gdl-right-sidebar{ float: right; width: 300px; padding: 0px 10px; }
|
||
|
|
|
||
|
|
/* #Foundation Desktop / Tablet
|
||
|
|
================================================== */
|
||
|
|
@media only screen and (max-width: 1179px) {
|
||
|
|
.container{ max-width: 960px; }
|
||
|
|
.boxed-style{ max-width: 1000px; }
|
||
|
|
|
||
|
|
.row .row { margin: 0 -10px; }
|
||
|
|
|
||
|
|
.column, .columns { padding: 0 10px; }
|
||
|
|
|
||
|
|
.page-left-both-sidebar,
|
||
|
|
.page-left-right-sidebar{ float: left; width: 620px; }
|
||
|
|
.gdl-right-sidebar{ float: right; width: 300px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 999px) {
|
||
|
|
.container{ max-width: 728px; }
|
||
|
|
.boxed-style{ max-width: 768px; }
|
||
|
|
|
||
|
|
.row .row { margin: 0 -10px; }
|
||
|
|
|
||
|
|
.column, .columns { padding: 0 10px; }
|
||
|
|
|
||
|
|
.page-left-both-sidebar,
|
||
|
|
.page-left-right-sidebar{ float: left; width: 388px; }
|
||
|
|
.gdl-right-sidebar{ float: right; width: 300px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Foundation Mobile
|
||
|
|
================================================== */
|
||
|
|
@media only screen and (max-width: 767px) {
|
||
|
|
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;
|
||
|
|
width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
|
||
|
|
|
||
|
|
.container{ max-width: 420px; }
|
||
|
|
.boxed-style{ max-width: 460px; }
|
||
|
|
|
||
|
|
.row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
|
||
|
|
|
||
|
|
.row .column, .row .columns { width: 100%; float: none; }
|
||
|
|
|
||
|
|
.column:last-child, .columns:last-child { float: none; }
|
||
|
|
[class*="column"] + [class*="column"]:last-child { float: none; }
|
||
|
|
|
||
|
|
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
|
||
|
|
.column:after, .columns:after { clear: both; }
|
||
|
|
|
||
|
|
.page-left-both-sidebar,
|
||
|
|
.page-left-right-sidebar{ float: none !important; width: auto; }
|
||
|
|
.gdl-right-sidebar{ float: none !important; width: auto; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Custom Style
|
||
|
|
================================================== */
|
||
|
|
|
||
|
|
div.top-responsive-wrapper{ display: none; }
|
||
|
|
div.gdl-navigation-wrapper .responsive-menu-wrapper{ display: none; }
|
||
|
|
|
||
|
|
/* #Custom Ipad size
|
||
|
|
================================================== */
|
||
|
|
@media only screen and (max-width: 1179px) {
|
||
|
|
div.header-wrapper .logo-wrapper{ float: none; padding: 30px 0px 30px; }
|
||
|
|
div.header-wrapper .header-right-banner-wrapper{ text-align: center; float: none; margin: 0px auto; padding: 0px 0px 30px; }
|
||
|
|
|
||
|
|
body ul.sf-menu li a { padding: 16px 13px; }
|
||
|
|
div.random-post {
|
||
|
|
padding: 17px 20px 14px 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 999px) {
|
||
|
|
|
||
|
|
body ul.sf-menu li a { padding: 16px 11px; }
|
||
|
|
div.gdl-page-item.columns{ width: 100%; }
|
||
|
|
div.gdl-left-sidebar.columns{ width: 100%; }
|
||
|
|
|
||
|
|
div.top-navigation-left{ margin-left: 0px; float: none; text-align: center; }
|
||
|
|
div.top-navigation-left ul.top-menu{ display: inline-block; }
|
||
|
|
div.top-navigation-right{ margin-right: 0px; float: none; }
|
||
|
|
|
||
|
|
div.main-navigation-wrapper .random-post { display: none; }
|
||
|
|
|
||
|
|
div.gdl-top-slider .nivo-directionNav a.nivo-prevNav,
|
||
|
|
div.gdl-top-slider .nivo-directionNav a.nivo-nextNav,
|
||
|
|
div.gdl-top-slider .flex-direction-nav li .flex-prev,
|
||
|
|
div.gdl-top-slider .flex-direction-nav li .flex-next{ opacity: 1; }
|
||
|
|
div.gdl-top-slider div.flexslider.carousel-included .flex-direction-nav li .flex-prev { left: 0px; }
|
||
|
|
div.gdl-top-slider div.flexslider.carousel-included .flex-direction-nav li .flex-next { right: 0px; }
|
||
|
|
}
|
||
|
|
|
||
|
|
/* #Custom Mobile size
|
||
|
|
================================================== */
|
||
|
|
@media only screen and (max-width: 767px) {
|
||
|
|
/*--- header area ---*/
|
||
|
|
div.top-navigation-container{ padding-bottom: 10px; }
|
||
|
|
div.top-navigation-left{ margin-left: 0px; float: none; }
|
||
|
|
div.top-navigation-right{ margin-right: 0px; float: none; }
|
||
|
|
|
||
|
|
div.top-navigation-left div.top-superfish-wrapper{ display: none; }
|
||
|
|
div.top-navigation-left div.top-responsive-wrapper{ display: block; padding-top: 10px; }
|
||
|
|
div.top-navigation-left div.top-responsive-wrapper select{ width: 100%; height: 25px; }
|
||
|
|
|
||
|
|
div.top-navigation-right div.social-wrapper{ padding: 0px 0px 5px; float: none; display: inline-block; margin: 0px; }
|
||
|
|
div.top-navigation-right div.top-navigation-right-text{ float: none; padding: 0px; }
|
||
|
|
div.top-navigation-right div.top-search-wrapper{ display: none; }
|
||
|
|
|
||
|
|
div.header-wrapper .logo-wrapper{ float: none; padding: 30px 0px 30px; }
|
||
|
|
div.header-wrapper .header-right-banner-wrapper{ float: none; margin: 0px; padding: 0px 0px 30px; }
|
||
|
|
|
||
|
|
div.gdl-navigation-wrapper { overflow: hidden; }
|
||
|
|
div.gdl-navigation-wrapper .responsive-menu-wrapper{ display: block; margin: 20px; }
|
||
|
|
div.gdl-navigation-wrapper .responsive-menu-wrapper select{ margin: 0px; }
|
||
|
|
div.gdl-navigation-wrapper .main-navigation-wrapper{ display: none; }
|
||
|
|
|
||
|
|
div.header-top-marquee{ padding-left: 20px; }
|
||
|
|
div.header-top-marquee .marquee-head{ display: none; }
|
||
|
|
|
||
|
|
/*--- slider ---*/
|
||
|
|
.nivo-caption{ display: none !important; }
|
||
|
|
.anythingSlider{ display: none !important; }
|
||
|
|
.flex-caption{ display: none !important; }
|
||
|
|
.flexslider.carousel-included .flex-caption{ display: block !important; }
|
||
|
|
|
||
|
|
/*--- sidebar ---*/
|
||
|
|
div.gdl-left-sidebar .sidebar-wrapper{ padding: 0px; }
|
||
|
|
div.gdl-right-sidebar .sidebar-wrapper { padding: 0px; }
|
||
|
|
div.gdl-sidebar-wrapper.gdl-border-y{ background: none; }
|
||
|
|
|
||
|
|
/*--- single page ---*/
|
||
|
|
div.adjacent-post .next-post-link i,
|
||
|
|
div.adjacent-post .previous-post-link i{ padding-left: 0px; float: left; }
|
||
|
|
div.adjacent-post .previous-post-link,
|
||
|
|
div.adjacent-post .next-post-link{ float: none; width: 100%; text-align: left; }
|
||
|
|
|
||
|
|
div.single-portfolio .port-media-wrapper { max-width: 100%; width: 100%; float: none; margin-bottom: 20px; }
|
||
|
|
div.single-portfolio .port-content-wrapper { overflow: visible; }
|
||
|
|
div.single-portfolio .port-nav .port-prev-nav, div.single-portfolio .port-nav .port-next-nav { margin-bottom: 15px; }
|
||
|
|
|
||
|
|
/*--- page item ---*/
|
||
|
|
div.price-item{ margin-bottom: 20px; }
|
||
|
|
|
||
|
|
div.port-nav-wrapper { margin-bottom: 20px; display: inline-block; }
|
||
|
|
|
||
|
|
div.gdl-blog-medium .blog-medium-media-wrapper{ margin-right: 0px; width: 100%; float: none; margin-bottom: 15px; }
|
||
|
|
|
||
|
|
div.stunning-text-wrapper { text-align: center; }
|
||
|
|
div.stunning-text-wrapper.shadow-on .stunning-text-shadow{ display: none; }
|
||
|
|
|
||
|
|
/*--- footer ---*/
|
||
|
|
div.copyright-left, div.copyright-right{ float: none; text-align: center; }
|
||
|
|
|
||
|
|
/*--- shortcode ---*/
|
||
|
|
.shortcode1-4, .shortcode1-4.last,
|
||
|
|
.shortcode1-3, .shortcode1-3.last,
|
||
|
|
.shortcode1-2, .shortcode1-2.last,
|
||
|
|
.shortcode2-3, .shortcode2-3.last,
|
||
|
|
.shortcode3-4, .shortcode3-4.last,
|
||
|
|
.shortcode1-5, .shortcode1-5.last,
|
||
|
|
.shortcode2-5, .shortcode2-5.last,
|
||
|
|
.shortcode3-5, .shortcode3-5.last,
|
||
|
|
.shortcode4-5, .shortcode4-5.last{ width: 100%; }
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 360px) {
|
||
|
|
div.gdl-social-counter-widget a.social-counter-widget {
|
||
|
|
padding-left: 5px !important;
|
||
|
|
padding-right: 0px !important;
|
||
|
|
}
|
||
|
|
}
|