grid.css in Brainstorm profile 7
.row { margin-right: -15px; margin-left: -15px; } .row:before { display: table; content: " "; } .row:after { display: table; content: " "; clear: both; } .col { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; } .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 33.33333333%; } .col-2 { width: 33.33333333%; } .col-1 { width: 33.33333333%; } @media (max-width: 1240px) { .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } } @media (max-width: 767px) { .row { margin-right: -10px; margin-left: -10px; } .col { padding-left: 10px; padding-right: 10px; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } } @media (max-width: 480px) { .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } }
File
themes/brainstorm_theme/css/grid.cssView source
- .row {
- margin-right: -15px;
- margin-left: -15px;
- }
- .row:before {
- display: table;
- content: " ";
- }
- .row:after {
- display: table;
- content: " ";
- clear: both;
- }
- .col {
- position: relative;
- min-height: 1px;
- padding-right: 15px;
- padding-left: 15px;
- float: left;
- }
- .col-12 {
- width: 100%;
- }
- .col-11 {
- width: 91.66666667%;
- }
- .col-10 {
- width: 83.33333333%;
- }
- .col-9 {
- width: 75%;
- }
- .col-8 {
- width: 66.66666667%;
- }
- .col-7 {
- width: 58.33333333%;
- }
- .col-6 {
- width: 50%;
- }
- .col-5 {
- width: 41.66666667%;
- }
- .col-4 {
- width: 33.33333333%;
- }
- .col-3 {
- width: 33.33333333%;
- }
- .col-2 {
- width: 33.33333333%;
- }
- .col-1 {
- width: 33.33333333%;
- }
-
- @media (max-width: 1240px) {
- .col-md-12 {
- width: 100%;
- }
- .col-md-11 {
- width: 91.66666667%;
- }
- .col-md-10 {
- width: 83.33333333%;
- }
- .col-md-9 {
- width: 75%;
- }
- .col-md-8 {
- width: 66.66666667%;
- }
- .col-md-7 {
- width: 58.33333333%;
- }
- .col-md-6 {
- width: 50%;
- }
- .col-md-5 {
- width: 41.66666667%;
- }
- .col-md-4 {
- width: 33.33333333%;
- }
- .col-md-3 {
- width: 25%;
- }
- .col-md-2 {
- width: 16.66666667%;
- }
- .col-md-1 {
- width: 8.33333333%;
- }
- }
-
- @media (max-width: 767px) {
- .row {
- margin-right: -10px;
- margin-left: -10px;
- }
- .col {
- padding-left: 10px;
- padding-right: 10px;
- }
- .col-sm-12 {
- width: 100%;
- }
- .col-sm-11 {
- width: 91.66666667%;
- }
- .col-sm-10 {
- width: 83.33333333%;
- }
- .col-sm-9 {
- width: 75%;
- }
- .col-sm-8 {
- width: 66.66666667%;
- }
- .col-sm-7 {
- width: 58.33333333%;
- }
- .col-sm-6 {
- width: 50%;
- }
- .col-sm-5 {
- width: 41.66666667%;
- }
- .col-sm-4 {
- width: 33.33333333%;
- }
- .col-sm-3 {
- width: 25%;
- }
- .col-sm-2 {
- width: 16.66666667%;
- }
- .col-sm-1 {
- width: 8.33333333%;
- }
- }
-
- @media (max-width: 480px) {
- .col-xs-12 {
- width: 100%;
- }
- .col-xs-11 {
- width: 91.66666667%;
- }
- .col-xs-10 {
- width: 83.33333333%;
- }
- .col-xs-9 {
- width: 75%;
- }
- .col-xs-8 {
- width: 66.66666667%;
- }
- .col-xs-7 {
- width: 58.33333333%;
- }
- .col-xs-6 {
- width: 50%;
- }
- .col-xs-5 {
- width: 41.66666667%;
- }
- .col-xs-4 {
- width: 33.33333333%;
- }
- .col-xs-3 {
- width: 25%;
- }
- .col-xs-2 {
- width: 16.66666667%;
- }
- .col-xs-1 {
- width: 8.33333333%;
- }
- }