Updated comments in layout css.
authorJohnAlbin
Mon, 28 Jan 2008 16:35:19 +0000 (16:35 +0000)
committerJohnAlbin
Mon, 28 Jan 2008 16:35:19 +0000 (16:35 +0000)
layout-fixed.css
layout-liquid.css

index 16feb34..1a1e565 100644 (file)
     padding: 0;
   }
 
-/** sidebar-left **/
-  #sidebar-left
-  {
-    float: left;
-    width: 200px;
-    margin-left: 0;
-    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
-    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
-  }
-
-  #sidebar-left-inner
-  {
-    margin: 0 20px 0 0;
-    padding: 0;
-  }
-
-/** sidebar-right **/
-  #sidebar-right
-  {
-    float: left;
-    width: 200px;
-    margin-left: 760px; /* Width of content + sidebar-left. */
-    margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
-    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
-  }
-
-  #sidebar-right-inner
-  {
-    margin: 0 0 0 20px;
-    padding: 0;
-  }
-
 /** navbar **/
   #navbar
   {
     float: left;
     width: 100%;
     margin-left: 0;
-    margin-right: -100%; /* Negative value of #navbar's width. */
+    margin-right: -100%; /* Negative value of #navbar's width + left margin. */
     padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
     height: 3.6em; /* The navbar can have any arbritrary height. We picked one
                       that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
   }
   */
 
+/** sidebar-left **/
+  #sidebar-left
+  {
+    float: left;
+    width: 200px;
+    margin-left: 0;
+    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
+    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
+  }
+
+  #sidebar-left-inner
+  {
+    margin: 0 20px 0 0;
+    padding: 0;
+  }
+
+/** sidebar-right **/
+  #sidebar-right
+  {
+    float: left;
+    width: 200px;
+    margin-left: 760px; /* Width of content + sidebar-left. */
+    margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
+    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
+  }
+
+  #sidebar-right-inner
+  {
+    margin: 0 0 0 20px;
+    padding: 0;
+  }
+
 /** Prevent overflowing content **/
   #header,
   #content,
index 640825f..cea45da 100644 (file)
     float: left;
     width: 100%;
     margin-left: 0;
-    margin-right: -100%; /* Negative value of #content's width. */
+    margin-right: -100%; /* Negative value of #content's width + left margin. */
     padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
   }
 
   .two-sidebars #content-inner
   {
-    padding-left: 200px; /* The width of #sidebar-left. */
-    padding-right: 200px; /* The width of #sidebar-right. */
+    padding-left: 200px; /* The width + left margin of #sidebar-left. */
+    padding-right: 200px; /* The width + right margin of #sidebar-right. */
   }
 
   .sidebar-left #content-inner
   {
-    padding-left: 200px; /* The width of #sidebar-left. */
+    padding-left: 200px; /* The width + left margin of #sidebar-left. */
     padding-right: 0;
   }
 
   .sidebar-right #content-inner
   {
     padding-left: 0;
-    padding-right: 200px; /* The width of #sidebar-right. */
+    padding-right: 200px; /* The width + right margin of #sidebar-right. */
   }
 
   #content-inner
     padding: 0;
   }
 
-/** sidebar-left **/
-  #sidebar-left
-  {
-    float: left;
-    width: 200px;
-    margin-left: 0;
-    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
-    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
-  }
-
-  #sidebar-left-inner
-  {
-    margin: 0 20px 0 0;
-    padding: 0;
-  }
-
-/** sidebar-right **/
-  #sidebar-right
-  {
-    float: right;
-    width: 200px;
-    margin-left: -200px; /* Negative value of #sidebar-right's width. */
-    margin-right: 0;
-    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
-  }
-
-  #sidebar-right-inner
-  {
-    margin: 0 0 0 20px;
-    padding: 0;
-  }
-
 /** navbar **/
   #navbar
   {
     float: left;
     width: 100%;
     margin-left: 0;
-    margin-right: -100%; /* Negative value of #navbar's width. */
+    margin-right: -100%; /* Negative value of #navbar's width + left margin. */
     padding: 0; /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */
     height: 3.6em; /* The navbar can have any arbritrary height. We picked one
                       that is twice the line-height pluse 1em: 2 x 1.3 + 1 = 3.6
   }
   */
 
+/** sidebar-left **/
+  #sidebar-left
+  {
+    float: left;
+    width: 200px;
+    margin-left: 0;
+    margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
+    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
+  }
+
+  #sidebar-left-inner
+  {
+    margin: 0 20px 0 0;
+    padding: 0;
+  }
+
+/** sidebar-right **/
+  #sidebar-right
+  {
+    float: right;
+    width: 200px;
+    margin-left: -200px; /* Negative value of #sidebar-right's width + right margin. */
+    margin-right: 0;
+    padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
+  }
+
+  #sidebar-right-inner
+  {
+    margin: 0 0 0 20px;
+    padding: 0;
+  }
+
 /** Prevent overflowing content **/
   #header,
   #content,