Mercurial > dottes

changeset 207:afe8fc2c8d8c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 58f4c7177bd1
children 63be970c5802
files dottes.html.header dottes.html.tune web/css/dottes.css web/index.html
diffstat 4 files changed, 20 insertions(+), 15 deletions(-) [+]
line wrap: on
line diff
--- a/dottes.html.header	Mon Feb 18 15:25:24 2013 +0000
+++ b/dottes.html.header	Mon Feb 18 21:50:58 2013 +0000
@@ -19,8 +19,6 @@
       </div>
     </a>
 
-    <div class="clear"></div>
-
     <div class="grid_12 dottes-body">
       <h1>@SUBTITLE@</h1>
       <p>@INTRO@
@@ -37,8 +35,6 @@
         This is issue @BUILD@.
     </div>
 
-    <div class="clear"></div>
-
     <div class="grid_12 dottes-body">
       <h1>The tunes</h1>
       <table class="dottes-tune-table">
--- a/dottes.html.tune	Mon Feb 18 15:25:24 2013 +0000
+++ b/dottes.html.tune	Mon Feb 18 21:50:58 2013 +0000
@@ -19,8 +19,6 @@
       </div>
     </a>
 
-    <div class="clear"></div>
-
     <div class="grid_12 dottes-body">
       <h1>@TITLE@</h1>
       <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots">
--- 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
--- a/web/index.html	Mon Feb 18 15:25:24 2013 +0000
+++ b/web/index.html	Mon Feb 18 21:50:58 2013 +0000
@@ -19,8 +19,6 @@
       </div>
     </a>
 
-    <div class="clear"></div>
-
     <div class="grid_12 dottes-body">
       <h1>The music of Cry Havoc, a reference.</h1>
       <p>After every practice or dance-out, the musicians of Cry Havoc
@@ -52,8 +50,6 @@
       </div>
     </div>
 
-    <div class="clear"></div>
-
     <div class="grid_12 dottes-body">
       <h1>But my instrument isn't suited for treble clef concert pitch!</h1>
       <p>Of course, not all instruments are suited to playing music written