summaryrefslogtreecommitdiffstats
path: root/gpanels-fluid.css
diff options
context:
space:
mode:
Diffstat (limited to 'gpanels-fluid.css')
-rw-r--r--gpanels-fluid.css81
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%;
+}