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
|
/**
* $Id: gpanels-fluid.css,v 1.1.2.1 2010/07/24 02:27:35 jmburnz Exp $
* adaptivethemes.com
*
* @file gpanels-fluid.css
*
* - Two column Gpanels use opposing floats (this more accurate accross browser).
* - All other Gpanels use the more advanced negative position relative method.
*/
.gpanel {
clear:both;
margin:.75em 0;
}
.gpanel .region {
display:inline;
position:relative;
float:left;
overflow:hidden;
}
.two-50 .region-two-50-second,
.two-66-33 .region-two-66-33-second,
.two-33-66 .region-two-33-66-second {
float:right;
}
.two-33-66 .region-two-33-66-first,
.two-66-33 .region-two-66-33-second {
width:33%;
}
.two-66-33 .region-two-66-33-first,
.two-33-66 .region-two-33-66-second {
width:66%;
}
.three-3x33 .region {
width:32.666%;
}
.five-5x20 .region {
width:19.2%;
}
.six-6x16 .region {
width:15.833%;
}
.two-50 .region,
.three-25-25-50 .region-three-25-25-50-third,
.three-50-25-25 .region-three-50-25-25-first {
width:49.5%;
}
.three-25-25-50 .region-three-25-25-50-first,
.three-25-25-50 .region-three-25-25-50-second,
.three-50-25-25 .region-three-50-25-25-second,
.three-50-25-25 .region-three-50-25-25-third,
.four-4x25 .region {
width:24.25%;
}
.three-3x33 .region-three-33-second,
.three-25-25-50 .region-three-25-25-50-second,
.three-50-25-25 .region-three-50-25-25-second,
.four-4x25 .region-four-second,
.five-5x20 .region-five-second,
.six-6x16 .region-six-second {
right:-1%;
}
.three-3x33 .region-three-33-third,
.three-25-25-50 .region-three-25-25-50-third,
.three-50-25-25 .region-three-50-25-25-third,
.four-4x25 .region-four-third,
.five-5x20 .region-five-third,
.six-6x16 .region-six-third {
right:-2%;
}
.four-4x25 .region-four-fourth,
.five-5x20 .region-five-fourth,
.six-6x16 .region-six-fourth {
right:-3%;
}
.five-5x20 .region-five-fifth,
.six-6x16 .region-six-fifth {
right:-4%;
}
.six-6x16 .region-six-sixth {
right:-5%;
}
|
