diff options
Diffstat (limited to 'webroot/css/grid.css')
-rw-r--r-- | webroot/css/grid.css | 966 |
1 files changed, 483 insertions, 483 deletions
diff --git a/webroot/css/grid.css b/webroot/css/grid.css index e1f8e24..6b03e87 100644 --- a/webroot/css/grid.css +++ b/webroot/css/grid.css @@ -1,484 +1,484 @@ -/*
- 960 Grid System ~ Core CSS.
- Learn more ~ http://960.gs/
-
- Licensed under GPL and MIT.
-*/
-
-/* =Containers
---------------------------------------------------------------------------------*/
-
-/* =Grid >> Global
---------------------------------------------------------------------------------*/
-
-.grid_1,
-.grid_2,
-.grid_3,
-.grid_4,
-.grid_5,
-.grid_6,
-.grid_7,
-.grid_8,
-.grid_9,
-.grid_10,
-.grid_11,
-.grid_12,
-.grid_13,
-.grid_14,
-.grid_15,
-.grid_16
-{
- display: inline;
- float: left;
- margin-left: 1%;
- margin-right: 1%;
-}
-
-.container_12 .grid_3,
-.container_16 .grid_4
-{
- width: 23%;
-}
-
-.container_12 .grid_6,
-.container_16 .grid_8
-{
- width: 48%;
-}
-
-.container_12 .grid_9,
-.container_16 .grid_12
-{
- width: 73%;
-}
-
-.container_12 .grid_12,
-.container_16 .grid_16
-{
- width: 98%;
-}
-
-/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
---------------------------------------------------------------------------------*/
-
-.alpha
-{
- margin-left: 0;
-}
-
-.omega
-{
- margin-right: 0;
-}
-
-/* =Grid >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .grid_1
-{
- width: 6.333%;
-}
-
-.container_12 .grid_2
-{
- width: 14.666%;
-}
-
-.container_12 .grid_4
-{
- width: 31.333%;
-}
-
-.container_12 .grid_5
-{
- width: 39.666%;
-}
-
-.container_12 .grid_7
-{
- width: 56.333%;
-}
-
-.container_12 .grid_8
-{
- width: 64.666%;
-}
-
-.container_12 .grid_10
-{
- width: 81.333%;
-}
-
-.container_12 .grid_11
-{
- width: 89.666%;
-}
-
-/* =Grid >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .grid_1
-{
- width: 4.25%;
-}
-
-.container_16 .grid_2
-{
- width: 10.5%;
-}
-
-.container_16 .grid_3
-{
- width: 16.75%;
-}
-
-.container_16 .grid_5
-{
- width: 29.25%;
-}
-
-.container_16 .grid_6
-{
- width: 35.5%;
-}
-
-.container_16 .grid_7
-{
- width: 41.75%;
-}
-
-.container_16 .grid_9
-{
- width: 54.25%;
-}
-
-.container_16 .grid_10
-{
- width: 60.5%;
-}
-
-.container_16 .grid_11
-{
- width: 66.75%;
-}
-
-.container_16 .grid_13
-{
- width: 79.25%;
-}
-
-.container_16 .grid_14
-{
- width: 85.5%;
-}
-
-.container_16 .grid_15
-{
- width: 91.75%;
-}
-
-/* =Prefix Extra Space >> Global
---------------------------------------------------------------------------------*/
-
-.container_12 .prefix_3,
-.container_16 .prefix_4
-{
- padding-left: 25%;
-}
-
-.container_12 .prefix_6,
-.container_16 .prefix_8
-{
- padding-left: 50%;
-}
-
-.container_12 .prefix_9,
-.container_16 .prefix_12
-{
- padding-left: 75%;
-}
-
-/* =Prefix Extra Space >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .prefix_1
-{
- padding-left: 8.333%;
-}
-
-.container_12 .prefix_2
-{
- padding-left: 16.666%;
-}
-
-.container_12 .prefix_4
-{
- padding-left: 33.333%;
-}
-
-.container_12 .prefix_5
-{
- padding-left: 41.666%;
-}
-
-.container_12 .prefix_7
-{
- padding-left: 58.333%;
-}
-
-.container_12 .prefix_8
-{
- padding-left: 66.666%;
-}
-
-.container_12 .prefix_10
-{
- padding-left: 83.333%;
-}
-
-.container_12 .prefix_11
-{
- padding-left: 91.666%;
-}
-
-/* =Prefix Extra Space >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .prefix_1
-{
- padding-left: 6.25%;
-}
-
-.container_16 .prefix_2
-{
- padding-left: 12.5%;
-}
-
-.container_16 .prefix_3
-{
- padding-left: 18.75%;
-}
-
-.container_16 .prefix_5
-{
- padding-left: 31.25%;
-}
-
-.container_16 .prefix_6
-{
- padding-left: 37.5%;
-}
-
-.container_16 .prefix_7
-{
- padding-left: 43.75%;
-}
-
-.container_16 .prefix_9
-{
- padding-left: 56.25%;
-}
-
-.container_16 .prefix_10
-{
- padding-left: 62.5%;
-}
-
-.container_16 .prefix_11
-{
- padding-left: 68.75%;
-}
-
-.container_16 .prefix_13
-{
- padding-left: 81.25%;
-}
-
-.container_16 .prefix_14
-{
- padding-left: 87.5%;
-}
-
-.container_16 .prefix_15
-{
- padding-left: 93.75%;
-}
-
-/* =Suffix Extra Space >> Global
---------------------------------------------------------------------------------*/
-
-.container_12 .suffix_3,
-.container_16 .suffix_4
-{
- padding-right: 25%;
-}
-
-.container_12 .suffix_6,
-.container_16 .suffix_8
-{
- padding-right: 50%;
-}
-
-.container_12 .suffix_9,
-.container_16 .suffix_12
-{
- padding-right: 75%;
-}
-
-/* =Suffix Extra Space >> 12 Columns
---------------------------------------------------------------------------------*/
-
-.container_12 .suffix_1
-{
- padding-right: 8.333%;
-}
-
-.container_12 .suffix_2
-{
- padding-right: 16.666%;
-}
-
-.container_12 .suffix_4
-{
- padding-right: 33.333%;
-}
-
-.container_12 .suffix_5
-{
- padding-right: 41.666%;
-}
-
-.container_12 .suffix_7
-{
- padding-right: 58.333%;
-}
-
-.container_12 .suffix_8
-{
- padding-right: 66.666%;
-}
-
-.container_12 .suffix_10
-{
- padding-right: 83.333%;
-}
-
-.container_12 .suffix_11
-{
- padding-right: 91.666%;
-}
-
-/* =Suffix Extra Space >> 16 Columns
---------------------------------------------------------------------------------*/
-
-.container_16 .suffix_1
-{
- padding-right: 6.25%;
-}
-
-.container_16 .suffix_2
-{
- padding-right: 16.5%;
-}
-
-.container_16 .suffix_3
-{
- padding-right: 18.75%;
-}
-
-.container_16 .suffix_5
-{
- padding-right: 31.25%;
-}
-
-.container_16 .suffix_6
-{
- padding-right: 37.5%;
-}
-
-.container_16 .suffix_7
-{
- padding-right: 43.75%;
-}
-
-.container_16 .suffix_9
-{
- padding-right: 56.25%;
-}
-
-.container_16 .suffix_10
-{
- padding-right: 62.5%;
-}
-
-.container_16 .suffix_11
-{
- padding-right: 68.75%;
-}
-
-.container_16 .suffix_13
-{
- padding-right: 81.25%;
-}
-
-.container_16 .suffix_14
-{
- padding-right: 87.5%;
-}
-
-.container_16 .suffix_15
-{
- padding-right: 93.75%;
-}
-
-/* =Clear Floated Elements
---------------------------------------------------------------------------------*/
-
-/* http://sonspring.com/journal/clearing-floats */
-
-html body * span.cl,
-html body * div.cl,
-html body * li.cl,
-html body * dd.cl,
-.cl
-{
- background: none;
- border: 0;
- clear: both;
- display: block;
- float: none;
- font-size: 0;
- list-style: none;
- margin: 0;
- padding: 0;
- overflow: hidden;
- visibility: hidden;
- width: 0;
- height: 0;
-}
-
-/* http://www.positioniseverything.net/easyclearing.html */
-
-.cl:after
-{
- clear: both;
- content: '.';
- display: block;
- visibility: hidden;
- height: 0;
-}
-
-.cl
-{
- display: inline-block;
-}
-
-* html .cl
-{
- height: 1%;
-}
-
-.cl
-{
- display: block;
+/* + 960 Grid System ~ Core CSS. + Learn more ~ http://960.gs/ + + Licensed under GPL and MIT. +*/ + +/* =Containers +--------------------------------------------------------------------------------*/ + +/* =Grid >> Global +--------------------------------------------------------------------------------*/ + +.grid_1, +.grid_2, +.grid_3, +.grid_4, +.grid_5, +.grid_6, +.grid_7, +.grid_8, +.grid_9, +.grid_10, +.grid_11, +.grid_12, +.grid_13, +.grid_14, +.grid_15, +.grid_16 +{ + display: inline; + float: left; + margin-left: 1%; + margin-right: 1%; +} + +.container_12 .grid_3, +.container_16 .grid_4 +{ + width: 23%; +} + +.container_12 .grid_6, +.container_16 .grid_8 +{ + width: 48%; +} + +.container_12 .grid_9, +.container_16 .grid_12 +{ + width: 73%; +} + +.container_12 .grid_12, +.container_16 .grid_16 +{ + width: 98%; +} + +/* =Grid >> Children (Alpha ~ First, Omega ~ Last) +--------------------------------------------------------------------------------*/ + +.alpha +{ + margin-left: 0; +} + +.omega +{ + margin-right: 0; +} + +/* =Grid >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .grid_1 +{ + width: 6.333%; +} + +.container_12 .grid_2 +{ + width: 14.666%; +} + +.container_12 .grid_4 +{ + width: 31.333%; +} + +.container_12 .grid_5 +{ + width: 39.666%; +} + +.container_12 .grid_7 +{ + width: 56.333%; +} + +.container_12 .grid_8 +{ + width: 64.666%; +} + +.container_12 .grid_10 +{ + width: 81.333%; +} + +.container_12 .grid_11 +{ + width: 89.666%; +} + +/* =Grid >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .grid_1 +{ + width: 4.25%; +} + +.container_16 .grid_2 +{ + width: 10.5%; +} + +.container_16 .grid_3 +{ + width: 16.75%; +} + +.container_16 .grid_5 +{ + width: 29.25%; +} + +.container_16 .grid_6 +{ + width: 35.5%; +} + +.container_16 .grid_7 +{ + width: 41.75%; +} + +.container_16 .grid_9 +{ + width: 54.25%; +} + +.container_16 .grid_10 +{ + width: 60.5%; +} + +.container_16 .grid_11 +{ + width: 66.75%; +} + +.container_16 .grid_13 +{ + width: 79.25%; +} + +.container_16 .grid_14 +{ + width: 85.5%; +} + +.container_16 .grid_15 +{ + width: 91.75%; +} + +/* =Prefix Extra Space >> Global +--------------------------------------------------------------------------------*/ + +.container_12 .prefix_3, +.container_16 .prefix_4 +{ + padding-left: 25%; +} + +.container_12 .prefix_6, +.container_16 .prefix_8 +{ + padding-left: 50%; +} + +.container_12 .prefix_9, +.container_16 .prefix_12 +{ + padding-left: 75%; +} + +/* =Prefix Extra Space >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .prefix_1 +{ + padding-left: 8.333%; +} + +.container_12 .prefix_2 +{ + padding-left: 16.666%; +} + +.container_12 .prefix_4 +{ + padding-left: 33.333%; +} + +.container_12 .prefix_5 +{ + padding-left: 41.666%; +} + +.container_12 .prefix_7 +{ + padding-left: 58.333%; +} + +.container_12 .prefix_8 +{ + padding-left: 66.666%; +} + +.container_12 .prefix_10 +{ + padding-left: 83.333%; +} + +.container_12 .prefix_11 +{ + padding-left: 91.666%; +} + +/* =Prefix Extra Space >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .prefix_1 +{ + padding-left: 6.25%; +} + +.container_16 .prefix_2 +{ + padding-left: 12.5%; +} + +.container_16 .prefix_3 +{ + padding-left: 18.75%; +} + +.container_16 .prefix_5 +{ + padding-left: 31.25%; +} + +.container_16 .prefix_6 +{ + padding-left: 37.5%; +} + +.container_16 .prefix_7 +{ + padding-left: 43.75%; +} + +.container_16 .prefix_9 +{ + padding-left: 56.25%; +} + +.container_16 .prefix_10 +{ + padding-left: 62.5%; +} + +.container_16 .prefix_11 +{ + padding-left: 68.75%; +} + +.container_16 .prefix_13 +{ + padding-left: 81.25%; +} + +.container_16 .prefix_14 +{ + padding-left: 87.5%; +} + +.container_16 .prefix_15 +{ + padding-left: 93.75%; +} + +/* =Suffix Extra Space >> Global +--------------------------------------------------------------------------------*/ + +.container_12 .suffix_3, +.container_16 .suffix_4 +{ + padding-right: 25%; +} + +.container_12 .suffix_6, +.container_16 .suffix_8 +{ + padding-right: 50%; +} + +.container_12 .suffix_9, +.container_16 .suffix_12 +{ + padding-right: 75%; +} + +/* =Suffix Extra Space >> 12 Columns +--------------------------------------------------------------------------------*/ + +.container_12 .suffix_1 +{ + padding-right: 8.333%; +} + +.container_12 .suffix_2 +{ + padding-right: 16.666%; +} + +.container_12 .suffix_4 +{ + padding-right: 33.333%; +} + +.container_12 .suffix_5 +{ + padding-right: 41.666%; +} + +.container_12 .suffix_7 +{ + padding-right: 58.333%; +} + +.container_12 .suffix_8 +{ + padding-right: 66.666%; +} + +.container_12 .suffix_10 +{ + padding-right: 83.333%; +} + +.container_12 .suffix_11 +{ + padding-right: 91.666%; +} + +/* =Suffix Extra Space >> 16 Columns +--------------------------------------------------------------------------------*/ + +.container_16 .suffix_1 +{ + padding-right: 6.25%; +} + +.container_16 .suffix_2 +{ + padding-right: 16.5%; +} + +.container_16 .suffix_3 +{ + padding-right: 18.75%; +} + +.container_16 .suffix_5 +{ + padding-right: 31.25%; +} + +.container_16 .suffix_6 +{ + padding-right: 37.5%; +} + +.container_16 .suffix_7 +{ + padding-right: 43.75%; +} + +.container_16 .suffix_9 +{ + padding-right: 56.25%; +} + +.container_16 .suffix_10 +{ + padding-right: 62.5%; +} + +.container_16 .suffix_11 +{ + padding-right: 68.75%; +} + +.container_16 .suffix_13 +{ + padding-right: 81.25%; +} + +.container_16 .suffix_14 +{ + padding-right: 87.5%; +} + +.container_16 .suffix_15 +{ + padding-right: 93.75%; +} + +/* =Clear Floated Elements +--------------------------------------------------------------------------------*/ + +/* http://sonspring.com/journal/clearing-floats */ + +html body * span.cl, +html body * div.cl, +html body * li.cl, +html body * dd.cl, +.cl +{ + background: none; + border: 0; + clear: both; + display: block; + float: none; + font-size: 0; + list-style: none; + margin: 0; + padding: 0; + overflow: hidden; + visibility: hidden; + width: 0; + height: 0; +} + +/* http://www.positioniseverything.net/easyclearing.html */ + +.cl:after +{ + clear: both; + content: '.'; + display: block; + visibility: hidden; + height: 0; +} + +.cl +{ + display: inline-block; +} + +* html .cl +{ + height: 1%; +} + +.cl +{ + display: block; }
\ No newline at end of file |