/*! qik_scaffold.css | v171121.131Copyright QikCss 2010 - 2016 | MIT License | http://QikCss.com */ /* qik_scaffold.css is a simple lightweight scaffold wireframe for fast repsonsive project prototyping in any media screen size. */ /* Making changes to qik_scaffold.css is not recommended. */ /*#region - SCAFFOLD - */ /*=======================================================================================Scaffold */ /* These classes are used to scaffold/wire-frame to DOM. They control order, flow, element colaspe and media queries. */ /*DONOT use to directly contain content elements such as h1, ul, p, etc.*/ /*#region - PAGE -*/ /*======================================================================================= Page */ /* A master scoffolding element that is a child of used only to set the default page width of the entire website. */ #Page { position: relative; overflow: hidden; margin: 0 auto; background-color: transparent; } /*#endregion Page */ /*#region - ROW -*/ /*======================================= row */ /* A scoffolding element only used to divide the DOM and any other element horizontally. */ #Banner, .banner, footer, #Footer, .footer, header, #Header, .header, Main, main, .main, nav, #Nav, .nav, #NavMain, #NavMobile, #NavFooter, #NavMobileRow, #NavMobileMenu, .navMbl, .row, .rowSzr, .rowTranspHgt005, .rowTranspHgt010, .rowTranspHgt020, .rowTranspHgt040, .rowTranspHgt060, .rowTranspHgt080, .rowTranspHgt100, .rowTranspHgt120, .rowTranspHgt140, .rowTranspHgt160, .rowTranspHgt180, .rowTranspHgt200, .rowTranspHgt220, .rowTranspHgt240, .rowTranspHgt260, .rowTranspHgt280, .rowTranspHgt300, .rowTranspHgt320, .rowTranspHgt340, .rowTranspHgt360, .rowTranspHgt400, .szRow, section, .section { position: relative; width: 100%; height: auto; left: 0; right: 0; background-color: inherit; } /*ie hack*/ * + html .row { clear: both; float: left; } /* NOTE: used to size and center a row horizontally. */ .szRow, .rowSzr { margin: 0 auto; } /* NOTE: used to ad an open transparent row exposing an image. */ .rowTranspHgt005 {height: 5px;} .rowTranspHgt010 {height: 10px;} .rowTranspHgt020 {height: 20px;} .rowTranspHgt030 {height: 30px;} .rowTranspHgt040 {height: 40px;} .rowTranspHgt050 {height: 50px;} .rowTranspHgt060 {height: 60px;} .rowTranspHgt070 {height: 70px;} .rowTranspHgt080 {height: 80px;} .rowTranspHgt090 {height: 90px;} .rowTranspHgt100 {height: 100px;} .rowTranspHgt110 {height: 110px;} .rowTranspHgt120 {height: 120px;} .rowTranspHgt130 {height: 130px;} .rowTranspHgt140 {height: 140px;} .rowTranspHgt150 {height: 150px;} .rowTranspHgt160 {height: 160px;} .rowTranspHgt170 {height: 170px;} .rowTranspHgt180 {height: 180px;} .rowTranspHgt190 {height: 190px;} .rowTranspHgt200 {height: 200px;} .rowTranspHgt220 {height: 220px;} .rowTranspHgt240 {height: 240px;} .rowTranspHgt260 {height: 260px;} .rowTranspHgt280 {height: 280px;} .rowTranspHgt300 {height: 300px;} .rowTranspHgt320 {height: 320px;} .rowTranspHgt340 {height: 340px;} .rowTranspHgt360 {height: 360px;} .rowTranspHgt380 {height: 380px;} .rowTranspHgt400 {height: 400px;} /*#endregion Row*/ /*#region - COLUMN -*/ /*======================================= col */ /* A scoffolding element only used to divide the DOM or any other elements vertically. */ /*CANNOT/should not be styled with border or shadow. Can be style with backgound.*/ /*To create shadowed column like objects add a Content Container (below) with a shadow class applied.(.shdw2 in qik_style.css) */ .col, .aside, #Aside, aside { display: inline-block; width: 100%; height: 100%; position: relative; top: 0; bottom: 0; clear: none; vertical-align: top; /*margin-right: -4.000px;*/ margin-left: -2.5px; margin-right: -2.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*.col:first-of-type { margin-left: -2.5px; }*/ /*hack to target IE7/8/9*/ * + html .col, * + html .aside, * + html #Aside, * + html aside { display: block; float: left !important; } /*#endregion Column*/ /*#endregion Scaffold*/