diff options
| author | Michael Francis <edude03@gmail.com> | 2011-05-28 13:28:16 -0400 |
|---|---|---|
| committer | Michael Francis <edude03@gmail.com> | 2011-05-28 13:28:16 -0400 |
| commit | 2389d66da849798f8d4ec5f10e3b07c11da49185 (patch) | |
| tree | e22556d12982395b469a23420c662662e3e064cc /webroot/css/grid.css | |
| download | otakuhub-2389d66da849798f8d4ec5f10e3b07c11da49185.tar.xz | |
Initial Commit
Diffstat (limited to 'webroot/css/grid.css')
| -rwxr-xr-x | webroot/css/grid.css | 484 |
1 files changed, 484 insertions, 0 deletions
diff --git a/webroot/css/grid.css b/webroot/css/grid.css new file mode 100755 index 0000000..e1f8e24 --- /dev/null +++ b/webroot/css/grid.css @@ -0,0 +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;
+}
\ No newline at end of file |