File manager - Edit - /home/verseaumee/www/plugins/system/bluetheme/assets/css/main-responsive.css
Back
/*MAIN.CSS*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*This is main CSS file that contains custom style rules used in this template*/ /*-------------------------------------------------------------------------------------------------------------------------------*/ /* Template Name: IDENTITY.*/ /* Author: Designova.*/ /* Website: http://www.designova.net */ /* Copyright: (C) 2014 */ /*-------------------------------------------------------------------------------------------------------------------------------*/ /*==========================*/ /*ALL DEVICE OPTIMIZATION*/ /*===========================*/ /*Huge Displays*/ @media (min-width: 3000px) { .intro-grid{ width: 20%; } .grid li{ width: 20%; } } /*Projector Screens and Ver Large Monitors*/ @media (min-width: 2561px) { .intro-grid{ width: 20%; } .grid li{ width: 20%; } } /*iMac 27, HD Screens and Large Monitors*/ @media (min-width: 1921px) and (max-width: 2560px) { .intro-grid{ width: 20%; } .grid li{ width: 20%; } } /*Large Widescreen Monitors*/ @media (max-width: 1920px) { .intro-grid{ width: 20%; } .grid li{ width: 20%; } } /*Medium Widescreen Monitors*/ @media (max-width: 1680px) { .intro-grid{ width: 20%; } .grid li{ width: 20%; } .intro-06-headletters .caps-heading{ font-size: 64px; line-height: 71px; } .intro-06-sub-heading > span{ font-size: 24px; line-height: 31px; } } /*Large Widescreen Laptops*/ @media (max-width: 1440px) { .intro-grid{ width: 20%; } .grid li{ width: 20%; } .intro-06-headletters .caps-heading{ font-size: 48px; line-height: 55px; } .intro-06-sub-heading > span{ font-size: 18px; line-height: 25px; } } /*Common Widescreen Laptops*/ @media (max-width: 1366px) { .intro-grid{ width: 25%; } .grid li{ width: 25%; } .intro-06-headletters .caps-heading{ font-size: 48px; line-height: 55px; } .intro-06-sub-heading > span{ font-size: 18px; line-height: 25px; } } /*Very Large Tablets and Medium Laptops*/ @media (max-width: 1280px) { .intro-grid{ width: 25%; } .grid li{ width: 33.3%; } .intro-06-headletters .caps-heading{ font-size: 48px; line-height: 55px; } .intro-06-sub-heading > span{ font-size: 18px; line-height: 25px; } } /*Notebooks and Small Laptops*/ @media (max-width: 1152px) { .intro-grid{ width: 25%; } .grid li{ width: 33.3%; } .intro-06-headletters .caps-heading{ font-size: 48px; line-height: 55px; } .intro-06-sub-heading > span{ font-size: 18px; line-height: 25px; } .intro-08-headletters h2{ font-size: 32px; line-height: 39px; } .intro-08-sub-heading > span{ font-size: 12px; line-height: 19px; } } /*iPad Landscape Mode and Large Tablets */ @media (max-width: 1024px) { .container{ width: 100%; } .intro-06-headletters .caps-heading{ font-size: 48px; line-height: 55px; } .intro-06-sub-heading > span{ font-size: 18px; line-height: 25px; } .intro-08-headletters h2{ font-size: 32px; line-height: 39px; } .intro-08-sub-heading > span{ font-size: 12px; line-height: 19px; } .stats-list li{ display: inline-block; width: 49%; } .status-icon > img{ margin-left: 15px; } .grid li{ width: 50%; } .intro-grid{ width: 33.3%; } .mediafolio-grid{ width: 32%; } .main-heading{ font-size: 48px; line-height: 55px; } } /*Small Desktop and Very Small Notebook */ @media (max-width: 960px) { .container{ width: 100%; } .intro-06-headletters .caps-heading{ font-size: 48px; line-height: 55px; } .intro-06-sub-heading > span{ font-size: 18px; line-height: 25px; } .intro-08-headletters h2{ font-size: 32px; line-height: 39px; } .intro-08-sub-heading > span{ font-size: 12px; line-height: 19px; } .stats-list li{ display: inline-block; width: 49%; } .status-icon > img{ margin-left: 15px; } .grid li{ width: 50%; } .intro-grid{ width: 33.3%; } .mediafolio-grid{ width: 33.3%; } } /*Medium Tablets */ @media (max-width: 800px) { .container{ width: 100%; } .add-top-half{ padding-top:15px; } .add-bottom-half{ padding-bottom: 15px; } .mob-center{ text-align: center; } .mob-add-top{ margin-top: 30px; } .mob-add-bottom{ margin-bottom:30px; } .text-left, .text-right, p, h1, h2, h3, h4, h5{ text-align: center; } .btn{ width: 100%; } .border-top-main, .border-top-dark, .border-top-white, .border-top-grey{ border-top: none !important; } #sm-trigger { background: transparent url('../images/menu.png') center 20px no-repeat; box-shadow: none; } #vertical-logo{ display: none; } #mastwrap{ margin-left: 0; } .menu a{ font-size: 10px; padding: 1em 1em 1em 1.8em; } #logo > img{ display: none; } .handle{ display: block; margin-bottom: 20px; } .intro-grid{ width: 50%; } .intro-03-headletters .caps-heading{ font-size: 36px; } .intro-03-sub-heading { font-size: 14px; line-height: 24px; } .intro-06-headletters .caps-heading{ font-size: 36px; line-height: 43px; } .intro-06-sub-heading > span{ font-size: 12px; line-height: 19px; } .intro-08-headletters h2{ font-size: 24px; line-height: 31px; } .intro-08-sub-heading > span{ font-size: 14px !important; line-height: 21px !important; background: transparent !important; color: #999 !important; } .main-heading{ font-size: 32px; line-height: 39px; } .sub-heading { font-size: 18px; line-height: 25px; } .testimonial-carousel .owl-buttons{ text-align: center !important; } .liner-small{ display: inline-block; } .status-icon{ text-align: center; } .img-responsive{ display: inline-block; } .stats-info > span{ margin-left: 0; } .stats-text{ margin-left: 0; } .inner-heading{ font-size: 20px; line-height: 27px; } .query-heading{ font-size: 24px; line-height: 31px; } .mediafolio-grid{ width: 49%; } .mediafolio-filter li{ padding: 6px; width: 32%; margin: 2px !important; } .portfolio-filter li{ padding: 2px; margin: 0 !important; width: 33% !important; } .portfolio-filter li span{ display: block; border:solid 1px #fff; } .slideshow nav span.nav-prev, .slideshow nav span.nav-next { display: none; } .slideshow nav span, .slideshow nav span.nav-close{ padding-right: 30px; } .va-title{ font-size: 18px; line-height: 24px; padding-left: 10px; text-align: left; } .va-slice ul li { display: block; margin: 0 2px 30px; float: none; } .gallery-slide{ width: 400px !important; height: 266px !important; } .credentials li a > span{ display: block; } .grid li{ width: 50%; } } /*iPad Portrait Mode, iPad Mini and Small Tablets */ @media (max-width: 768px) { .container{ width: 100%; } .add-top-half{ padding-top:15px; } .add-bottom-half{ padding-bottom: 15px; } .mob-center{ text-align: center; } .mob-add-top{ margin-top: 30px; } .mob-add-bottom{ margin-bottom:30px; } .text-left, .text-right, p, h1, h2, h3, h4, h5{ text-align: center; } .btn{ width: 100%; } .border-top-main, .border-top-dark, .border-top-white, .border-top-grey{ border-top: none !important; } #sm-trigger { background: transparent url('../images/menu.png') center 20px no-repeat; box-shadow: none; } #vertical-logo{ display: none; } #mastwrap{ margin-left: 0; } .menu a{ font-size: 10px; padding: 1em 1em 1em 1.8em; } #logo > img{ display: none; } .handle{ display: block; margin-bottom: 20px; } .intro-grid{ width: 50%; } .intro-03-headletters .caps-heading{ font-size: 36px; } .intro-03-sub-heading { font-size: 14px; line-height: 24px; } .intro-06-headletters .caps-heading{ font-size: 36px; line-height: 43px; } .intro-06-sub-heading > span{ font-size: 12px; line-height: 19px; } .intro-08-headletters h2{ font-size: 24px; line-height: 31px; } .intro-08-sub-heading > span{ font-size: 14px !important; line-height: 21px !important; background: transparent !important; color: #999 !important; } .main-heading{ font-size: 32px; line-height: 39px; } .sub-heading { font-size: 18px; line-height: 25px; } .testimonial-carousel .owl-buttons{ text-align: center !important; } .liner-small{ display: inline-block; } .status-icon{ text-align: center; } .img-responsive{ display: inline-block; } .stats-info > span{ margin-left: 0; } .stats-text{ margin-left: 0; } .inner-heading{ font-size: 20px; line-height: 27px; } .query-heading{ font-size: 24px; line-height: 31px; } .mediafolio-grid{ width: 49%; } .mediafolio-filter li{ padding: 6px; width: 32%; margin: 2px !important; } .portfolio-filter li{ padding: 2px; margin: 0 !important; width: 33% !important; } .portfolio-filter li span{ display: block; border:solid 1px #fff; } .slideshow nav span.nav-prev, .slideshow nav span.nav-next { display: none; } .slideshow nav span, .slideshow nav span.nav-close{ padding-right: 30px; } .va-title{ font-size: 18px; line-height: 24px; padding-left: 10px; text-align: left; } .va-slice ul li { display: block; margin: 0 2px 30px; float: none; } .gallery-slide{ width: 384px !important; height: 256px !important; } .credentials li a > span{ display: block; } .grid li{ width: 50%; } } /*Medium Smart Phones v2*/ @media screen and (max-width: 640px) { .add-top-half{ padding-top:15px; } .add-bottom-half{ padding-bottom: 15px; } .mob-center{ text-align: center; } .mob-add-top{ margin-top: 30px; } .mob-add-bottom{ margin-bottom:30px; } .text-left, .text-right, p, h1, h2, h3, h4, h5{ text-align: center; } .btn{ width: 100%; } .border-top-main, .border-top-dark, .border-top-white, .border-top-grey{ border-top: none !important; } #sm-trigger { background: transparent url('../images/menu.png') center 20px no-repeat; box-shadow: none; } #vertical-logo{ display: none; } #mastwrap{ margin-left: 0; } .menu a{ font-size: 10px; padding: 1em 1em 1em 1.8em; } #logo > img{ display: none; } .handle{ display: block; margin-bottom: 20px; } .intro-grid{ width: 50%; } .intro-03-headletters .caps-heading{ font-size: 36px; } .intro-03-sub-heading { font-size: 14px; line-height: 24px; } .intro-06-headletters .caps-heading{ font-size: 36px; line-height: 43px; } .intro-06-sub-heading > span{ font-size: 12px; line-height: 19px; } .intro-08-headletters h2{ font-size: 24px; line-height: 31px; } .intro-08-sub-heading > span{ font-size: 14px !important; line-height: 21px !important; background: transparent !important; color: #999 !important; } .main-heading{ font-size: 32px; line-height: 39px; } .sub-heading { font-size: 18px; line-height: 25px; } .testimonial-carousel .owl-buttons{ text-align: center !important; } .liner-small{ display: inline-block; } .status-icon{ text-align: center; } .img-responsive{ display: inline-block; } .stats-info > span{ margin-left: 0; } .stats-text{ margin-left: 0; } .inner-heading{ font-size: 20px; line-height: 27px; } .query-heading{ font-size: 24px; line-height: 31px; } .mediafolio-grid{ width: 49%; } .mediafolio-filter li{ padding: 6px; width: 48%; margin: 2px !important; } .portfolio-filter li{ padding: 2px; margin: 0 !important; width: 48% !important; } .portfolio-filter li span{ display: block; border:solid 1px #fff; } .slideshow nav span.nav-prev, .slideshow nav span.nav-next { display: none; } .slideshow nav span, .slideshow nav span.nav-close{ padding-right: 30px; } .va-title{ font-size: 18px; line-height: 24px; padding-left: 10px; text-align: left; } .va-slice ul li { display: block; margin: 0 2px 30px; float: none; } .gallery-slide{ width: 640px !important; height: 426px !important; } .credentials li a > span{ display: block; } .grid li{ width: 50%; } } /*Google Nexus and Other Large Smart Phones v1*/ @media screen and (max-width: 600px) { .add-top-half{ padding-top:15px; } .add-bottom-half{ padding-bottom: 15px; } .mob-center{ text-align: center; } .mob-add-top{ margin-top: 30px; } .mob-add-bottom{ margin-bottom:30px; } .text-left, .text-right, p, h1, h2, h3, h4, h5{ text-align: center; } .btn{ width: 100%; } .border-top-main, .border-top-dark, .border-top-white, .border-top-grey{ border-top: none !important; } #sm-trigger { background: transparent url('../images/menu.png') center 20px no-repeat; box-shadow: none; } #vertical-logo{ display: none; } #mastwrap{ margin-left: 0; } .menu a{ font-size: 10px; padding: 1em 1em 1em 1.8em; } #logo > img{ display: none; } .handle{ display: block; margin-bottom: 20px; } .intro-grid{ width: 50%; } .intro-03-headletters .caps-heading{ font-size: 36px; } .intro-03-sub-heading { font-size: 14px; line-height: 24px; } .intro-06-headletters .caps-heading{ font-size: 36px; line-height: 43px; } .intro-06-sub-heading > span{ font-size: 12px; line-height: 19px; } .intro-08-headletters h2{ font-size: 24px; line-height: 31px; } .intro-08-sub-heading > span{ font-size: 14px !important; line-height: 21px !important; background: transparent !important; color: #999 !important; } .main-heading{ font-size: 32px; line-height: 39px; } .sub-heading { font-size: 18px; line-height: 25px; } .testimonial-carousel .owl-buttons{ text-align: center !important; } .liner-small{ display: inline-block; } .status-icon{ text-align: center; } .img-responsive{ display: inline-block; } .stats-info > span{ margin-left: 0; } .stats-text{ margin-left: 0; } .inner-heading{ font-size: 20px; line-height: 27px; } .query-heading{ font-size: 24px; line-height: 31px; } .mediafolio-grid{ width: 49%; } .mediafolio-filter li{ padding: 6px; width: 48%; margin: 2px !important; } .portfolio-filter li{ padding: 2px; margin: 0 !important; width: 48% !important; } .portfolio-filter li span{ display: block; border:solid 1px #fff; } .slideshow nav span.nav-prev, .slideshow nav span.nav-next { display: none; } .slideshow nav span, .slideshow nav span.nav-close{ padding-right: 30px; } .va-title{ font-size: 18px; line-height: 24px; padding-left: 10px; text-align: left; } .va-slice ul li { display: block; margin: 0 2px 30px; float: none; } .gallery-slide{ width: 600px !important; height: 399px !important; } .credentials li a > span{ display: block; } .grid li{ width: 50%; } } /*iPhone Landscape Mode and Mediium Smart Phones*/ @media screen and (max-width: 480px) { .add-top-half{ padding-top:15px; } .add-bottom-half{ padding-bottom: 15px; } .mob-center{ text-align: center; } .mob-add-top{ margin-top: 30px; } .mob-add-bottom{ margin-bottom:30px; } .text-left, .text-right, p, h1, h2, h3, h4, h5{ text-align: center; } .btn{ width: 100%; } .border-top-main, .border-top-dark, .border-top-white, .border-top-grey{ border-top: none !important; } #sm-trigger { background: transparent url('../images/menu.png') center 20px no-repeat; box-shadow: none; } #vertical-logo{ display: none; } #mastwrap{ margin-left: 0; } .menu a{ font-size: 10px; padding: 1em 1em 1em 1.8em; } #logo > img{ display: none; } .handle{ display: block; margin-bottom: 20px; } .intro-grid{ width: 50%; } .intro-03-headletters .caps-heading{ font-size: 36px; } .intro-03-sub-heading { font-size: 14px; line-height: 24px; } .intro-06-headletters .caps-heading{ font-size: 36px; line-height: 43px; } .intro-06-sub-heading > span{ font-size: 12px; line-height: 19px; } .intro-08-headletters h2{ font-size: 24px; line-height: 31px; } .intro-08-sub-heading > span{ font-size: 14px !important; line-height: 21px !important; background: transparent !important; color: #999 !important; } .main-heading{ font-size: 32px; line-height: 39px; } .sub-heading { font-size: 18px; line-height: 25px; } .testimonial-carousel .owl-buttons{ text-align: center !important; } .liner-small{ display: inline-block; } .status-icon{ text-align: center; } .img-responsive{ display: inline-block; } .stats-info > span{ margin-left: 0; } .stats-text{ margin-left: 0; } .inner-heading{ font-size: 20px; line-height: 27px; } .query-heading{ font-size: 24px; line-height: 31px; } .mediafolio-grid{ width: 49%; } .mediafolio-filter li{ padding: 6px; width: 48%; margin: 2px !important; } .portfolio-filter li{ padding: 2px; margin: 0 !important; width: 48% !important; } .portfolio-filter li span{ display: block; border:solid 1px #fff; } .slideshow nav span.nav-prev, .slideshow nav span.nav-next { display: none; } .slideshow nav span, .slideshow nav span.nav-close{ padding-right: 30px; } .va-title{ font-size: 18px; line-height: 24px; padding-left: 10px; text-align: left; } .va-slice ul li { display: block; margin: 0 2px 30px; float: none; } .gallery-slide{ width: 480px !important; height: 319px !important; } .credentials li a > span{ display: block; } .grid li{ width: 50%; } } /*Other Major Small Smart Phones*/ @media screen and (max-width: 360px) { .add-top-half{ padding-top:15px; } .add-bottom-half{ padding-bottom: 15px; } .mob-center{ text-align: center; } .mob-add-top{ margin-top: 30px; } .mob-add-bottom{ margin-bottom:30px; } .text-left, .text-right, p, h1, h2, h3, h4, h5{ text-align: center; } .btn{ width: 100%; } .border-top-main, .border-top-dark, .border-top-white, .border-top-grey{ border-top: none !important; } #sm-trigger { background: transparent url('../images/menu.png') center 20px no-repeat; box-shadow: none; } #vertical-logo{ display: none; } #mastwrap{ margin-left: 0; } .menu a{ font-size: 10px; padding: 1em 1em 1em 1.8em; } #logo > img{ display: none; } .handle{ display: block; margin-bottom: 20px; } .intro-grid{ width: 50%; } .intro-03-headletters .caps-heading{ font-size: 36px; } .intro-03-sub-heading { font-size: 14px; line-height: 24px; } .intro-06-headletters .caps-heading{ font-size: 36px; line-height: 43px; } .intro-06-sub-heading > span{ font-size: 12px; line-height: 19px; } .intro-08-headletters h2{ font-size: 24px; line-height: 31px; } .intro-08-sub-heading > span{ font-size: 14px !important; line-height: 21px !important; background: transparent !important; color: #999 !important; } .main-heading{ font-size: 32px; line-height: 39px; } .sub-heading { font-size: 18px; line-height: 25px; } .testimonial-carousel .owl-buttons{ text-align: center !important; } .liner-small{ display: inline-block; } .status-icon{ text-align: center; } .img-responsive{ display: inline-block; } .stats-info > span{ margin-left: 0; } .stats-text{ margin-left: 0; } .inner-heading{ font-size: 20px; line-height: 27px; } .query-heading{ font-size: 24px; line-height: 31px; } .mediafolio-grid{ width: 49%; } .mediafolio-filter li{ padding: 6px; width: 48%; margin: 2px !important; } .portfolio-filter li{ padding: 2px; margin: 0 !important; width: 48% !important; } .portfolio-filter li span{ display: block; border:solid 1px #fff; } .slideshow nav span.nav-prev, .slideshow nav span.nav-next { display: none; } .slideshow nav span, .slideshow nav span.nav-close{ padding-right: 30px; } .va-title{ font-size: 18px; line-height: 24px; padding-left: 10px; text-align: left; } .va-slice ul li { display: block; margin: 0 2px 30px; float: none; } .gallery-slide{ width: 360px !important; height: 239px !important; } .credentials li a > span{ display: block; } } /*iPhone Portrait Mode and Very Small Mobile Phones*/ @media screen and (max-width: 320px) { .add-top-half{ padding-top:15px; } .add-bottom-half{ padding-bottom: 15px; } .mob-center{ text-align: center; } .mob-add-top{ margin-top: 30px; } .mob-add-bottom{ margin-bottom:30px; } .text-left, .text-right, p, h1, h2, h3, h4, h5{ text-align: center; } .btn{ width: 100%; } .border-top-main, .border-top-dark, .border-top-white, .border-top-grey{ border-top: none !important; } #sm-trigger { background: transparent url('../images/menu.png') center 20px no-repeat; box-shadow: none; } #vertical-logo{ display: none; } #mastwrap{ margin-left: 0; } .menu a{ font-size: 10px; padding: 1em 1em 1em 1.8em; } #logo > img{ display: none; } .handle{ display: block; margin-bottom: 20px; } .intro-grid{ width: 50%; } .intro-03-headletters .caps-heading{ font-size: 36px; } .intro-03-sub-heading { font-size: 14px; line-height: 24px; } .intro-06-headletters .caps-heading{ font-size: 36px; line-height: 43px; } .intro-06-sub-heading > span{ font-size: 12px; line-height: 19px; } .intro-08-headletters h2{ font-size: 24px; line-height: 31px; } .intro-08-sub-heading > span{ font-size: 14px !important; line-height: 21px !important; background: transparent !important; color: #999 !important; } .main-heading{ font-size: 32px; line-height: 39px; } .sub-heading { font-size: 18px; line-height: 25px; } .testimonial-carousel .owl-buttons{ text-align: center !important; } .liner-small{ display: inline-block; } .status-icon{ text-align: center; } .img-responsive{ display: inline-block; } .stats-info > span{ margin-left: 0; } .stats-text{ margin-left: 0; } .inner-heading{ font-size: 20px; line-height: 27px; } .query-heading{ font-size: 24px; line-height: 31px; } .mediafolio-grid{ width: 49%; } .mediafolio-filter li{ padding: 6px; width: 48%; margin: 2px !important; } .portfolio-filter li{ padding: 2px; margin: 0 !important; width: 48% !important; } .portfolio-filter li span{ display: block; border:solid 1px #fff; } .slideshow nav span.nav-prev, .slideshow nav span.nav-next { display: none; } .slideshow nav span, .slideshow nav span.nav-close{ padding-right: 30px; } .va-title{ font-size: 18px; line-height: 24px; padding-left: 10px; text-align: left; } .va-slice ul li { display: block; margin: 0 2px 30px; float: none; } .gallery-slide{ width: 320px !important; height: 213px !important; } .credentials li a > span{ display: block; } }
| ver. 1.4 |
Github
|
.
| PHP 8.5.7 | Generation time: 0 |
proxy
|
phpinfo
|
Settings