diff options
Diffstat (limited to 'gpanels-fluid.css')
| -rw-r--r-- | gpanels-fluid.css | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/gpanels-fluid.css b/gpanels-fluid.css new file mode 100644 index 0000000..4606099 --- /dev/null +++ b/gpanels-fluid.css @@ -0,0 +1,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%; +} |
