diff web/css/dottes.css @ 207:afe8fc2c8d8c

Set margin on divs so that they leave gaps between themselves. So 'clear' divs are unnecessary.
author Jim Hague <jim.hague@laicatc.com>
date Mon, 18 Feb 2013 21:50:58 +0000
parents c173abe4441b
children 6e76fc564fdb
line wrap: on
line diff
--- a/web/css/dottes.css	Mon Feb 18 15:25:24 2013 +0000
+++ b/web/css/dottes.css	Mon Feb 18 21:50:58 2013 +0000
@@ -23,11 +23,6 @@
     margin: 10px;
 }
 
-div.clear
-{
-    padding: 5px;
-}
-
 div.banner
 {
     height: 136px;
@@ -35,6 +30,23 @@
     background-image: url('../img/banner.png');
     background-repeat: no-repeat;
     background-position: center center;
+
+    -webkit-border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+
+    -webkit-border-bottom-left-radius: 5px;
+    -webkit-border-bottom-right-radius: 5px;
+    -moz-border-radius-bottomleft: 5px;
+    -moz-border-radius-bottomright: 5px;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+
+    margin-top: 5px;
+    margin-bottom: 5px;
 }
 
 div.banner h1
@@ -64,6 +76,9 @@
     -moz-border-radius-bottomright: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
+
+    margin-top: 5px;
+    margin-bottom: 5px;
 }
 
 div.dottes-body h1