grid16-fluid.css in Drupal Commons 6.2
/* $Id: grid16-fluid.css 6945 2010-03-25 05:56:44Z chris $ */
/* Layout - 16 column grid, fluid width, 20px gutters
-------------------------------------------------------------- */
/* grid widths */
.grid16-1 {width: 6.25%;}
.grid16-2 {width: 12.5%;}
.grid16-3 {width: 18.75%;}
.grid16-4 {width: 25%;}
.grid16-5 {width: 31.25%;}
.grid16-6 {width: 37.5%;}
.grid16-7 {width: 43.75%;}
.grid16-8 {width: 50%;}
.grid16-9 {width: 56.25%;}
.grid16-10 {width: 62.5%;}
.grid16-11 {width: 68.75%;}
.grid16-12 {width: 75%;}
.grid16-13 {width: 81.25%;}
.grid16-14 {width: 87.5%;}
.grid16-15 {width: 93.75%;}
.grid16-16 {width: 100%;}
/* block indents */
.grid16-indent-1 {margin-left: 6.25%;}
.grid16-indent-2 {margin-left: 12.5%;}
.grid16-indent-3 {margin-left: 18.75%;}
.grid16-indent-4 {margin-left: 25%;}
.grid16-indent-5 {margin-left: 31.25%;}
.grid16-indent-6 {margin-left: 37.5%;}
.grid16-indent-7 {margin-left: 43.75%;}
.grid16-indent-8 {margin-left: 50%;}
.grid16-indent-9 {margin-left: 56.25%;}
.grid16-indent-10 {margin-left: 62.5%;}
.grid16-indent-11 {margin-left: 68.75%;}
.grid16-indent-12 {margin-left: 75%;}
.grid16-indent-13 {margin-left: 81.25%;}
.grid16-indent-14 {margin-left: 87.5%;}
.grid16-indent-15 {margin-left: 93.75%;}
/* gutters (2 x margin) */
.block .inner {
margin-left: 10px;
margin-right: 10px;
}
/* page min width */
body,
div.full-width {
min-width: 960px;
}
/* row max-min width */
.row {
max-width: 100%;
min-width: 960px;
}
/*ensure body copy is not too long in very wide width browsers*/
.page-node.full-node.grid-type-fluid .content-content .node .content,
.page-node.full-node.grid-type-fluid .content-content .comments .content {
max-width: 700px;
}
/* allow nested rows to be smaller */
.row.nested {
min-width: 0;
}
/* theme setting: set fluid grid width on top-level full-width elements */
.fluid-100 .full-width .grid16-16 {width: 100%;}
.fluid-95 .full-width .grid16-16 {width: 95%;}
.fluid-90 .full-width .grid16-16 {width: 90%;}
.fluid-85 .full-width .grid16-16 {width: 85%;}
/* now reset all nested full-width elements back to 100% */
#page .grid16-16 .grid16-16 {width: 100%;}
File
themes/commons_connect/css/grid16-fluid.css
View source
- /* $Id: grid16-fluid.css 6945 2010-03-25 05:56:44Z chris $ */
-
- /* Layout - 16 column grid, fluid width, 20px gutters
- -------------------------------------------------------------- */
-
- /* grid widths */
- .grid16-1 {width: 6.25%;}
- .grid16-2 {width: 12.5%;}
- .grid16-3 {width: 18.75%;}
- .grid16-4 {width: 25%;}
- .grid16-5 {width: 31.25%;}
- .grid16-6 {width: 37.5%;}
- .grid16-7 {width: 43.75%;}
- .grid16-8 {width: 50%;}
- .grid16-9 {width: 56.25%;}
- .grid16-10 {width: 62.5%;}
- .grid16-11 {width: 68.75%;}
- .grid16-12 {width: 75%;}
- .grid16-13 {width: 81.25%;}
- .grid16-14 {width: 87.5%;}
- .grid16-15 {width: 93.75%;}
- .grid16-16 {width: 100%;}
-
- /* block indents */
- .grid16-indent-1 {margin-left: 6.25%;}
- .grid16-indent-2 {margin-left: 12.5%;}
- .grid16-indent-3 {margin-left: 18.75%;}
- .grid16-indent-4 {margin-left: 25%;}
- .grid16-indent-5 {margin-left: 31.25%;}
- .grid16-indent-6 {margin-left: 37.5%;}
- .grid16-indent-7 {margin-left: 43.75%;}
- .grid16-indent-8 {margin-left: 50%;}
- .grid16-indent-9 {margin-left: 56.25%;}
- .grid16-indent-10 {margin-left: 62.5%;}
- .grid16-indent-11 {margin-left: 68.75%;}
- .grid16-indent-12 {margin-left: 75%;}
- .grid16-indent-13 {margin-left: 81.25%;}
- .grid16-indent-14 {margin-left: 87.5%;}
- .grid16-indent-15 {margin-left: 93.75%;}
-
- /* gutters (2 x margin) */
- .block .inner {
- margin-left: 10px;
- margin-right: 10px;
- }
-
- /* page min width */
- body,
- div.full-width {
- min-width: 960px;
- }
-
- /* row max-min width */
- .row {
- max-width: 100%;
- min-width: 960px;
- }
-
- /*ensure body copy is not too long in very wide width browsers*/
-
- .page-node.full-node.grid-type-fluid .content-content .node .content,
- .page-node.full-node.grid-type-fluid .content-content .comments .content {
- max-width: 700px;
- }
-
- /* allow nested rows to be smaller */
- .row.nested {
- min-width: 0;
- }
-
- /* theme setting: set fluid grid width on top-level full-width elements */
- .fluid-100 .full-width .grid16-16 {width: 100%;}
- .fluid-95 .full-width .grid16-16 {width: 95%;}
- .fluid-90 .full-width .grid16-16 {width: 90%;}
- .fluid-85 .full-width .grid16-16 {width: 85%;}
-
- /* now reset all nested full-width elements back to 100% */
- #page .grid16-16 .grid16-16 {width: 100%;}