/* Styles common to all screen sizes unless overridden in media queries */ body { font-size: 1em; } .grid-container { max-width: 960px; margin: 0 auto; } .grid-container * { box-sizing: border-box; } /*-- our clearfix hack -- */ .row:before, .row:after { content: ""; display: table; clear: both; } .row { overflow: hidden; } [class*='col-'] { float: left; min-height: 1px; width: 8.33333%; /*-- our gutter -- */ padding: 8px; /*background-color: #FFDCDC;*/ } .outline { border: 1px solid #F6A1A1; } .equalheight { margin-bottom: -1500px; padding-bottom: 1500px; } .no-gutter { padding: 0; } .s-col-1 { width: 8.3333%; } .s-col-2 { width: 16.6666%; } .s-col-3 { width: 25%; } .s-col-4 { width: 33.3333%; } .s-col-5 { width: 41.6666%; } .s-col-6 { width: 50%; } .s-col-7 { width: 58.3333%; } .s-col-8 { width: 66.6666%; } .s-col-9 { width: 75%; } .s-col-10 { width: 83.3333%; } .s-col-11 { width: 91.6666%; } .s-col-12 { width: 100%; } .s-offset-1 { margin-left: 8.3333%; } .s-offset-2 { margin-left: 16.6666%; } .s-offset-3 { margin-left: 25%; } .s-offset-4 { margin-left: 33.3333%; } .s-offset-5 { margin-left: 41.6666%; } .s-offset-6 { margin-left: 50%; } .s-offset-7 { margin-left: 58.3333%; } .s-offset-8 { margin-left: 66.6666%; } .s-offset-9 { margin-left: 75%; } .s-offset-10 { margin-left: 83.3333%; } .s-offset-11 { margin-left: 91.6666%; } .s-offset-12 { margin-left: 100%; } .s-hide { display: none; } .s-no-gutter{ padding:0; } /* Styles specific to medium screen sizes (and large ones unless overridden in media query) */ @media screen and (min-width: 500px) { .m-col-0 { width: 0; } .m-col-1 { width: 8.3333%; } .m-col-2 { width: 16.6666%; } .m-col-3 { width: 25%; } .m-col-4 { width: 33.3333%; } .m-col-5 { width: 41.6666%; } .m-col-6 { width: 50%; } .m-col-7 { width: 58.3333%; } .m-col-8 { width: 66.6666%; } .m-col-9 { width: 75%; } .m-col-10 { width: 83.3333%; } .m-col-11 { width: 91.6666%; } .m-col-12 { width: 100%; } .m-offset-1 { margin-left: 8.3333%; } .m-offset-2 { margin-left: 16.6666%; } .m-offset-3 { margin-left: 25%; } .m-offset-4 { margin-left: 33.3333%; } .m-offset-5 { margin-left: 41.6666%; } .m-offset-6 { margin-left: 50%; } .m-offset-7 { margin-left: 58.3333%; } .m-offset-8 { margin-left: 66.6666%; } .m-offset-9 { margin-left: 75%; } .m-offset-10 { margin-left: 83.3333%; } .m-offset-11 { margin-left: 91.6666%; } .m-offset-12 { margin-left: 100%; } .m-hide { display: none; } .m-show { display: inline; } } /* Styles specific to large screen sizes */ @media screen and (min-width: 900px) { [class*='col-'] { } .l-col-1 { width: 8.3333%; } .l-col-2 { width: 16.6666%; } .l-col-3 { width: 25%; } .l-col-4 { width: 33.3333%; } .l-col-5 { width: 41.6666%; } .l-col-6 { width: 50%; } .l-col-7 { width: 58.3333%; } .l-col-8 { width: 66.6666%; } .l-col-9 { width: 75%; } .l-col-10 { width: 83.3333%; } .l-col-11 { width: 91.6666%; } .l-col-12 { width: 100%; } .l-offset-1 { margin-left: 8.3333%; } .l-offset-2 { margin-left: 16.6666%; } .l-offset-3 { margin-left: 25%; } .l-offset-4 { margin-left: 33.3333%; } .l-offset-5 { margin-left: 41.6666%; } .l-offset-6 { margin-left: 50%; } .l-offset-7 { margin-left: 58.3333%; } .l-offset-8 { margin-left: 66.6666%; } .l-offset-9 { margin-left: 75%; } .l-offset-10 { margin-left: 83.3333%; } .l-offset-11 { margin-left: 91.6666%; } .l-offset-12 { margin-left: 100%; } .l-hide { display: none; } .l-show { display: inline; } .s-no-gutter { padding: 8px; } }
Лучший частный хостинг