make it easy to float cms images right next to eachother

[wfpl-cms.git] / style.less

diff --git a/style.less b/style.less
index 52e4c8b..c0e5e63 100644 (file)
--- a/style.less
+++ b/style.less
@@ -46,23 +46,35 @@ nav {
        width: @nav-width - 2*@nav-padding;
        padding: @nav-padding;
        background: @nav-color;
-       a {
-               display: block;
+       h3 {
+               span {
+                       color: @nav-color;
+               }
+       }
+       h3.current {
+               span {
+                       color: inherit;
+               }
+               a {
+                       text-decoration: none;
+               }
        }
 }
 
 #main-body {
        float: left;
        width: @site-main-body-width;
-       padding: @site-gutter-width @site-gutter-width @site-gutter-width @site-gutter-width;
+       padding: @site-gutter-width @site-gutter-width 3*@site-gutter-width @site-gutter-width;
        background: @site-body-color;
 }
 
 footer {
        clear: both;
-       width: @site-width;
-       height: 50px;
+       width: @site-width - 2*@site-gutter-width;
+       padding: @site-gutter-width;
+       text-align: center;
        background: @site-footer-color;
+       font-size: 80%;
 }
 
 #wfpl_messages {
@@ -118,6 +130,7 @@ div.error {
 span.wfpl_ifl {
        display: block;
        float: left;
+       clear: left;
        font-size: 10px;
        text-align: right;
        background-repeat: no-repeat;
@@ -127,11 +140,12 @@ span.wfpl_ifl {
 span.wfpl_ifr {
        display: block;
        float: right;
+       clear: right;
        font-size: 10px;
        text-align: right;
        background-repeat: no-repeat;
        background-position: left top;
-       margin: 0 0 10px 2px;
+       margin: 0 0 2px 10px;
 }
 div.wfpl_ic {
        margin: 15px auto;