CryHavoc
/
dottes
2
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Set margin on divs so that they leave gaps between themselves. 

So 'clear' divs are unnecessary.
This commit is contained in:
Jim Hague 2013-02-18 21:50:58 +00:00
parent eeebc12f7c
commit 67f3e594af
4 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
dottes.html.header
View File

@ -19,8 +19,6 @@
</div> </div>
</a> </a>
<div class="clear"></div>
<div class="grid_12 dottes-body"> <div class="grid_12 dottes-body">
<h1>@SUBTITLE@</h1> <h1>@SUBTITLE@</h1>
<p>@INTRO@ <p>@INTRO@
@ -37,8 +35,6 @@
This is issue @BUILD@. This is issue @BUILD@.
</div> </div>
<div class="clear"></div>
<div class="grid_12 dottes-body"> <div class="grid_12 dottes-body">
<h1>The tunes</h1> <h1>The tunes</h1>
<table class="dottes-tune-table"> <table class="dottes-tune-table">

2
dottes.html.tune
View File

@ -19,8 +19,6 @@
</div> </div>
</a> </a>
<div class="clear"></div>
<div class="grid_12 dottes-body"> <div class="grid_12 dottes-body">
<h1>@TITLE@</h1> <h1>@TITLE@</h1>
<img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots"> <img class="dottes-png" src="@TUNE@.png" alt="@TITLE@ dots">

25
web/css/dottes.css
View File

@ -23,11 +23,6 @@ p
margin: 10px; margin: 10px;
} }
div.clear
{
padding: 5px;
}
div.banner div.banner
{ {
height: 136px; height: 136px;
@ -35,6 +30,23 @@ div.banner
background-image: url('../img/banner.png'); background-image: url('../img/banner.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; 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 div.banner h1
@ -64,6 +76,9 @@ div.dottes-body
-moz-border-radius-bottomright: 5px; -moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
margin-top: 5px;
margin-bottom: 5px;
} }
div.dottes-body h1 div.dottes-body h1

4
web/index.html
View File

@ -19,8 +19,6 @@
</div> </div>
</a> </a>
<div class="clear"></div>
<div class="grid_12 dottes-body"> <div class="grid_12 dottes-body">
<h1>The music of Cry Havoc, a reference.</h1> <h1>The music of Cry Havoc, a reference.</h1>
<p>After every practice or dance-out, the musicians of Cry Havoc <p>After every practice or dance-out, the musicians of Cry Havoc
@ -52,8 +50,6 @@
</div> </div>
</div> </div>
<div class="clear"></div>
<div class="grid_12 dottes-body"> <div class="grid_12 dottes-body">
<h1>But my instrument isn't suited for treble clef concert pitch!</h1> <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 <p>Of course, not all instruments are suited to playing music written