Create blank home page by default

[wfpl-cms.git] / style.less
diff --git a/style.less b/style.less

index 787b97a..19dcef3 100644 (file)
--- a/style.less
+++ b/style.less
@@ -5,12 +5,8 @@
  @site-main-body-width: @site-width - 2*@site-gutter-width - @nav-width;
  
  // colors
-@site-header-color: #fff;
-@nav-color:    #fff; // if different than site-body-color: make sure content is taller than nav
-@site-body-color:   #fff;
-@site-window-color: #f4f4f4;
-@site-footer-color: #fff;
-@site-gutter-color: #fff;
+@site-body-color:   #fff; // the centered area with the site in it
+@site-window-color: #f4f4f4; // outside that, filling the rest of the browser window
  
  header, hgroup, section, footer, aside, nav, article, figure, img {
         display: block;
@@ -20,22 +16,29 @@ body {
         margin: 0;
         padding: 0;
         color: #000;
-       background: @site-body-color; // overruled below except in wysiywyg
         font: 14px "Liberation Sans", Arimo, Arial, sans-serif;
-}
-body.real_body_tag { // not the wysiwyg body
-       background: @site-window-color;
+
+       // Styles for the <body> tag within ckeditor
+       background: @site-body-color;
+       width: @site-main-body-width;
+       margin: 0 auto;
+       &.real_body_tag { // revert the above for the <body> on the real site
+               background: @site-window-color;
+               width: auto;
+               margin: 0;
+       }
  }
  
  // try to make the content of the editor widget approximately the same size as
  // the content will be displayed
  #cke_content {
-       margin-right: -30px;
+       margin-right: -15px;
+       margin-left: -15px;
  }
  
  #centerer {
         position: relative;
-       background: @nav-color;
+       background: @site-body-color;
         margin: 15px auto;
         width: @site-width;
         -moz-box-shadow: 2px 2px 15px #777;
@@ -46,7 +49,6 @@ body.real_body_tag { // not the wysiwyg body
  header {
         width: @site-width;
         height: 100px;
-       background: @site-header-color;
  }
  
  @nav-padding: 10px;
@@ -54,10 +56,9 @@ nav {
         float: left;
         width: @nav-width - 2*@nav-padding;
         padding: @nav-padding;
-       background: @nav-color;
         h3 {
                 span {
-                       color: @nav-color;
+                       color: @site-body-color;
                 }
         }
         h3.current {
@@ -82,7 +83,6 @@ footer {
         width: @site-width - 2*@site-gutter-width;
         padding: @site-gutter-width;
         text-align: center;
-       background: @site-footer-color;
         font-size: 80%;
  }
  
@@ -192,6 +192,7 @@ span.wfpl_ifl {
         float: left;
         clear: left;
         font-size: 10px;
+       color: black;
         text-align: right;
         background-repeat: no-repeat;
         background-position: left top;
@@ -202,6 +203,7 @@ span.wfpl_ifr {
         float: right;
         clear: right;
         font-size: 10px;
+       color: black;
         font-weight: normal;
         text-align: right;
         background-repeat: no-repeat;
@@ -238,3 +240,7 @@ div > :last-child,
  .last {
         margin-bottom: 0px;
  }
+.wide_field {
+       box-sizing: border-box;
+       width: 100%;
+}