summaryrefslogtreecommitdiff
path: root/css/layout-liquid.css
diff options
context:
space:
mode:
authorJayaram R Pai2014-07-31 17:13:33 +0530
committerJayaram R Pai2014-07-31 17:13:33 +0530
commit69f0119c7262602af46fd6a80e4558089835fa01 (patch)
tree783210690cc87ccd6d9139b7d1c184f49d07ec3b /css/layout-liquid.css
downloadscilab_theme-69f0119c7262602af46fd6a80e4558089835fa01.tar.gz
scilab_theme-69f0119c7262602af46fd6a80e4558089835fa01.tar.bz2
scilab_theme-69f0119c7262602af46fd6a80e4558089835fa01.zip
initial commit
Diffstat (limited to 'css/layout-liquid.css')
-rwxr-xr-xcss/layout-liquid.css202
1 files changed, 202 insertions, 0 deletions
diff --git a/css/layout-liquid.css b/css/layout-liquid.css
new file mode 100755
index 0000000..e5aefad
--- /dev/null
+++ b/css/layout-liquid.css
@@ -0,0 +1,202 @@
+/**
+ * @file
+ * Layout Styling (DIV Positioning)
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout is based on the Zen Columns layout method.
+ * http://drupal.org/node/201428
+ *
+ * Only CSS that affects the layout (positioning) of major elements should be
+ * listed here. Such as:
+ * display, position, float, clear, width, height, min-width, min-height
+ * margin, border, padding, overflow
+ */
+
+
+/*
+ * Body
+ */
+body {
+}
+
+#page-wrapper,
+.region-page-closure {
+ min-width: 960px; /* Don't allow the browser to make the site unreadable. */
+}
+
+#page {
+}
+
+/*
+ * Header
+ */
+#header {
+}
+
+#header .section {
+}
+
+#search-box {
+}
+
+.region-header {
+ clear: both; /* Clear the logo */
+}
+
+/*
+ * Main (container for everything else)
+ */
+#main-wrapper {
+ position: relative;
+}
+
+#main {
+}
+
+/*
+ * Content
+ */
+#content {
+ float: left; /* LTR */
+ width: 100%;
+ margin-left: 0; /* LTR */
+ margin-right: -100%; /* LTR */ /* Negative value of #content's width + left margin. */
+ padding: 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
+}
+
+#content .section,
+.no-sidebars #content .section {
+ margin: 0;
+ padding: 0;
+}
+
+.sidebar-first #content .section {
+ padding-left: 200px; /* LTR */ /* The width + left margin of .region-sidebar-first. */
+ padding-right: 0; /* LTR */
+}
+
+.sidebar-second #content .section {
+ padding-left: 0; /* LTR */
+ padding-right: 200px; /* LTR */ /* The width + right margin of .region-sidebar-second. */
+}
+
+.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. */
+}
+
+/*
+ * Navigation
+ */
+#navigation {
+ float: left; /* LTR */
+ width: 100%;
+ margin-left: 0; /* LTR */
+ margin-right: -100%; /* LTR */ /* Negative value of #navigation's width + left margin. */
+ padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
+ height: 2.3em; /* The navigation can have any arbritrary height. We picked one
+ that is the line-height plus 1em: 1.3 + 1 = 2.3
+ Set this to the same value as the margin-top below. */
+}
+
+.with-navigation #content,
+.with-navigation .region-sidebar-first,
+.with-navigation .region-sidebar-second {
+ margin-top: 2.3em; /* Set this to the same value as the navigation height above. */
+}
+
+#navigation .section {
+}
+
+#navigation ul /* Primary and secondary links */ {
+ margin: 0;
+ padding: 0;
+ text-align: left; /* LTR */
+}
+
+#navigation li /* A simple method to get navigation links to appear in one line. */ {
+ float: left; /* LTR */
+ padding: 0 10px 0 0; /* LTR */
+}
+
+/*
+ * First sidebar
+ */
+.region-sidebar-first {
+ float: left; /* LTR */
+ width: 200px;
+ margin-left: 0; /* LTR */
+ margin-right: -200px; /* LTR */ /* Negative value of .region-sidebar-first's width + left margin. */
+ padding: 0; /* DO NOT CHANGE. Add padding or margin to .region-sidebar-first .section. */
+}
+
+.region-sidebar-first .section {
+ margin: 0 20px 0 0; /* LTR */
+ padding: 0;
+}
+
+/*
+ * Second sidebar
+ */
+.region-sidebar-second {
+ float: right; /* LTR */
+ width: 200px;
+ 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. */
+}
+
+.region-sidebar-second .section {
+ margin: 0 0 0 20px; /* LTR */
+ padding: 0;
+}
+
+/*
+ * Footer
+ */
+#footer {
+}
+
+#footer .section {
+}
+
+/*
+ * Closure
+ */
+.region-page-closure /* See also the #page-wrapper declaration above that this div shares. */ {
+}
+
+/*
+ * Prevent overflowing content
+ */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer,
+.region-page-closure {
+ overflow: visible;
+ word-wrap: break-word; /* A very nice CSS3 property */
+}
+
+#navigation {
+ overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
+}
+
+/*
+ * If a div.clearfix doesn't have any content after it and its bottom edge
+ * touches the bottom of the viewport, Firefox and Safari will mistakenly
+ * place several pixels worth of space between the bottom of the div and the
+ * bottom of the viewport. Uncomment this CSS property to fix this.
+ * Note: with some over-large content, this property might cause scrollbars
+ * to appear on the #page-wrapper div.
+ */
+/*
+#page-wrapper {
+ overflow-y: hidden;
+}
+*/