1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
|
/* 2009 -2010 (c) | ez-css.org
* ez-plug.css :: version 1.1 :: 01182010
*
* This style sheet can be added to any document (there is no styling of HTML elements)
* With this style sheet, use the code snippets from http://www.ez-css.org/layouts
*/
/*
* this is the clearfix method
* we rely on this to contain floats in "stand-alone" modules
*/
.ez-wr:after,
.ez-box:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/*
* hacks for IE 5 (Win and Mac)
* (min-height is the "hasLayout" trigger used for IE7)
*/
.ez-wr,.ez-box,.ez-last {display: inline-block;min-height: 0;}
/* hides from IE-mac \*/
* html .ez-wr,
* html .ez-box,
* html .ez-last {height: 1%;}
.ez-wr,.ez-box,.ez-last {display: block;}
/* end hide from IE-mac */
/*
* the last DIV in the HTML flow (a column) must create a new block formatting context.
* by default, we rely on "overflow:hidden", but if this creates an issue with your design, then try one of these classes instead:
* ez-oa
* ez-dt
* ez-it
* ez-tc
* ez-ib
*/
.ez-oh {
overflow: hidden;
}
* html .ez-oh {
overflow: visible;
}
.ez-oa {
overflow: auto;
}
.ez-dt {
display: table;
}
.ez-it {
display: inline-table;
}
.ez-tc {
display: table-cell;
}
.ez-ib {
display: inline-block;
}
/*
* DIVs to be columns
* we float them left or right depending on module or layout
* the negative margin is used to fix a IE6 bug (3px jog).
*/
.ez-fl {
float: left;
}
* html .ez-fl {
margin-right: -3px;
}
.ez-fr {
float: right;
}
* html .ez-fr {
margin-left: -3px;
}
/*
* every floated column in a module or layout needs a width
* here we have 5 default values: 1/4, 1/3, 1/2, 2/3 and 3/4
*/
.ez-25 {width: 25%;}
.ez-33 {width: 33.33%;}
.ez-50 {width: 50%;}
.ez-66 {width: 66.66%;}
.ez-75 {width: 75%;}
/*
* the following classes are used to make columns that are siblings overlap by 1 pixel (to vertically align 1 pixel borders between containers)
* for this to work, this class must be applied to the following elements:
* - column 1 of Module 2A,
* - column 2 of Module 3A,
* - column 1 of Module 3B,
* - column 3 of Module 4A,
* - column 1 of Module 4B,
* - column 1 in column 1 of Module 4B,
* - column 2 in column 1 of Module 4B
*/
.ez-negmr {
margin-right: -1px;
}
* html .ez-negmr {
margin-right:-4px;
}
/*
* same as above, but for these elements:
* - column 1 of Module 3A,
* - column 1 of Module 4A,
* - column 2 of Module 4A
*/
.ez-negmx {
margin-right: -1px;
}
/*
* same as above, but for these elements:
* - column 1 of Module 2B,
* - column 2 of Module 3B
*/
.ez-negml {
margin-left: -1px;
}
* html .ez-negml {
margin-left:-4px;
}
|
