text-align: right;
}
-/* layout-fixed-rtl.css */
+/* layout-liquid-rtl.css */
/**
* @file
- * RTL companion for the layout-fixed.css file.
+ * RTL companion for the layout-liquid.css file.
*/
/*
* Content
*/
-#content,
-.no-sidebars #content {
+#content {
float: right;
- margin-left: -960px;
+ margin-left: -100%;
margin-right: 0; /* Negative value of #content's width + left margin. */
}
-.sidebar-first #content {
- margin-left: -960px; /* The width of .region-sidebar-first. */
- margin-right: 200px; /* Negative value of #content's width + left margin. */
+.sidebar-first #content .section {
+ padding-left: 0; /* The width + left margin of .region-sidebar-first. */
+ padding-right: 200px;
}
-.sidebar-second #content {
- margin-left: -760px;
- margin-right: 0; /* Negative value of #content's width + left margin. */
-}
-
-.two-sidebars #content {
- margin-left: -760px; /* The width of .region-sidebar-first */
- margin-right: 200px; /* Negative value of #content's width + left margin. */
+.sidebar-second #content .section {
+ padding-left: 200px;
+ padding-right: 0; /* The width + right margin of .region-sidebar-second. */
}
/*
* Second sidebar
*/
.region-sidebar-second {
- float: right;
- margin-left: -960px; /* Width of content + sidebar-first. */
- margin-right: 760px; /* Negative value of .region-sidebar-second's width + left margin. */
+ float: left;
+ margin-left: 0; /* Negative value of .region-sidebar-second's width + right margin. */
+ margin-right: -200px;
}
.region-sidebar-second .section {
border: 1px solid #ccc;
}
-/* layout-fixed.css */
+/* layout-liquid.css */
/**
* @file
#page-wrapper,
.region-page-closure {
- /*
- * If you want to make the page a fixed width and centered in the viewport,
- * this is the standards-compliant way to do that. See also the ie6.css file
- * for the necessary IE5/IE6quirks hack to center a div.
- */
- margin-left: auto;
- margin-right: auto;
- width: 960px;
+ min-width: 960px; /* Don't allow the browser to make the site unreadable. */
}
#page {
/*
* Content
*/
-#content,
-.no-sidebars #content {
+#content {
float: left; /* LTR */
- width: 960px;
+ width: 100%;
margin-left: 0; /* LTR */
- margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
+ margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}
-.sidebar-first #content {
- width: 760px;
- margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first. */
- margin-right: -960px; /* LTR */ /* Negative value of #content's width + left margin. */
+#content .section,
+.no-sidebars #content .section {
+ margin: 0;
+ padding: 0;
}
-.sidebar-second #content {
- width: 760px;
- margin-left: 0; /* LTR */
- margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+.sidebar-first #content .section {
+ padding-left: 200px; /* LTR */ /* The width + left margin of .region-sidebar-first. */
+ padding-right: 0; /* LTR */
}
-.two-sidebars #content {
- width: 560px;
- margin-left: 200px; /* LTR */ /* The width of .region-sidebar-first */
- margin-right: -760px; /* LTR */ /* Negative value of #content's width + left margin. */
+.sidebar-second #content .section {
+ padding-left: 0; /* LTR */
+ padding-right: 200px; /* LTR */ /* The width + right margin of .region-sidebar-second. */
}
-#content .section {
- margin: 0;
- padding: 0;
+.two-sidebars #content .section {
+ padding-left: 200px; /* The width + left margin of .region-sidebar-first. */
+ padding-right: 200px; /* The width + right margin of .region-sidebar-second. */
}
/*
* Second sidebar
*/
.region-sidebar-second {
- float: left; /* LTR */
+ float: right; /* LTR */
width: 200px;
- margin-left: 760px; /* LTR */ /* Width of content + sidebar-first. */
- margin-right: -960px; /* LTR */ /* Negative value of .region-sidebar-second's width + left margin. */
+ margin-left: -200px; /* LTR */ /* Negative value of .region-sidebar-second's width + right margin. */
+ margin-right: 0; /* LTR */
padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-second .section. */
}