root / drupal7 / sites / all / themes / corporateclean / css / basic-layout.css @ 87dbc3bf
1 | 85ad3d82 | Assos Assos | /*
|
---|---|---|---|
2 | 960 Grid System ~ Core CSS.
|
||
3 | Learn more ~ http://960.gs/
|
||
4 | |||
5 | Licensed under GPL and MIT.
|
||
6 | */
|
||
7 | |||
8 | /*
|
||
9 | 960 Grid System layout (lt IE9 without respond.js)
|
||
10 | */
|
||
11 | |||
12 | body {
|
||
13 | min-width: 960px; |
||
14 | } |
||
15 | |||
16 | /* `Containers
|
||
17 | ----------------------------------------------------------------------------------------------------*/
|
||
18 | |||
19 | .container_12 {
|
||
20 | margin-left: auto; |
||
21 | margin-right: auto; |
||
22 | width: 960px; |
||
23 | } |
||
24 | |||
25 | /* `Grid >> Global
|
||
26 | ----------------------------------------------------------------------------------------------------*/
|
||
27 | |||
28 | .grid_1,
|
||
29 | .grid_2,
|
||
30 | .grid_3,
|
||
31 | .grid_4,
|
||
32 | .grid_5,
|
||
33 | .grid_6,
|
||
34 | .grid_7,
|
||
35 | .grid_8,
|
||
36 | .grid_9,
|
||
37 | .grid_10,
|
||
38 | .grid_11,
|
||
39 | .grid_12 {
|
||
40 | display: inline; |
||
41 | float: left; |
||
42 | margin-left: 10px; |
||
43 | margin-right: 10px; |
||
44 | } |
||
45 | |||
46 | /* `Grid >> Children (Alpha ~ First, Omega ~ Last)
|
||
47 | ----------------------------------------------------------------------------------------------------*/
|
||
48 | |||
49 | .alpha {
|
||
50 | margin-left: 0; |
||
51 | } |
||
52 | |||
53 | .omega {
|
||
54 | margin-right: 0; |
||
55 | } |
||
56 | |||
57 | /* `Grid >> 12 Columns
|
||
58 | ----------------------------------------------------------------------------------------------------*/
|
||
59 | |||
60 | .container_12 .grid_1 { |
||
61 | width: 60px; |
||
62 | } |
||
63 | |||
64 | .container_12 .grid_2 { |
||
65 | width: 140px; |
||
66 | } |
||
67 | |||
68 | .container_12 .grid_3 { |
||
69 | width: 220px; |
||
70 | } |
||
71 | |||
72 | .container_12 .grid_4 { |
||
73 | width: 300px; |
||
74 | } |
||
75 | |||
76 | .container_12 .grid_5 { |
||
77 | width: 380px; |
||
78 | } |
||
79 | |||
80 | .container_12 .grid_6 { |
||
81 | width: 460px; |
||
82 | } |
||
83 | |||
84 | .container_12 .grid_7 { |
||
85 | width: 540px; |
||
86 | } |
||
87 | |||
88 | .container_12 .grid_8 { |
||
89 | width: 620px; |
||
90 | } |
||
91 | |||
92 | .container_12 .grid_9 { |
||
93 | width: 700px; |
||
94 | } |
||
95 | |||
96 | .container_12 .grid_10 { |
||
97 | width: 780px; |
||
98 | } |
||
99 | |||
100 | .container_12 .grid_11 { |
||
101 | width: 860px; |
||
102 | } |
||
103 | |||
104 | .container_12 .grid_12 { |
||
105 | width: 940px; |
||
106 | } |
||
107 | |||
108 | /* `Clear Floated Elements
|
||
109 | ----------------------------------------------------------------------------------------------------*/
|
||
110 | |||
111 | /* http://sonspring.com/journal/clearing-floats */
|
||
112 | |||
113 | .clear {
|
||
114 | clear: both; |
||
115 | display: block; |
||
116 | overflow: hidden; |
||
117 | visibility: hidden; |
||
118 | width: 0; |
||
119 | height: 0; |
||
120 | } |
||
121 | |||
122 | /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
|
||
123 | |||
124 | .clearfix:before, |
||
125 | .clearfix:after, |
||
126 | .container_12:before, |
||
127 | .container_12:after { |
||
128 | content: '.'; |
||
129 | display: block; |
||
130 | overflow: hidden; |
||
131 | visibility: hidden; |
||
132 | font-size: 0; |
||
133 | line-height: 0; |
||
134 | width: 0; |
||
135 | height: 0; |
||
136 | } |
||
137 | |||
138 | .clearfix:after, |
||
139 | .container_12:after { |
||
140 | clear: both; |
||
141 | } |
||
142 | |||
143 | /*
|
||
144 | The following zoom:1 rule is specifically for IE6 + IE7.
|
||
145 | Move to separate stylesheet if invalid CSS is a problem.
|
||
146 | */
|
||
147 | |||
148 | .clearfix,
|
||
149 | .container_12 {
|
||
150 | zoom: 1; |
||
151 | } |