Mercurial > dottes
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 206:58f4c7177bd1 | 207:afe8fc2c8d8c |
|---|---|
| 21 { | 21 { |
| 22 background: white; | 22 background: white; |
| 23 margin: 10px; | 23 margin: 10px; |
| 24 } | 24 } |
| 25 | 25 |
| 26 div.clear | |
| 27 { | |
| 28 padding: 5px; | |
| 29 } | |
| 30 | |
| 31 div.banner | 26 div.banner |
| 32 { | 27 { |
| 33 height: 136px; | 28 height: 136px; |
| 34 background-color: #9900cc; | 29 background-color: #9900cc; |
| 35 background-image: url('../img/banner.png'); | 30 background-image: url('../img/banner.png'); |
| 36 background-repeat: no-repeat; | 31 background-repeat: no-repeat; |
| 37 background-position: center center; | 32 background-position: center center; |
| 33 | |
| 34 -webkit-border-top-left-radius: 5px; | |
| 35 -webkit-border-top-right-radius: 5px; | |
| 36 -moz-border-radius-topleft: 5px; | |
| 37 -moz-border-radius-topright: 5px; | |
| 38 border-top-left-radius: 5px; | |
| 39 border-top-right-radius: 5px; | |
| 40 | |
| 41 -webkit-border-bottom-left-radius: 5px; | |
| 42 -webkit-border-bottom-right-radius: 5px; | |
| 43 -moz-border-radius-bottomleft: 5px; | |
| 44 -moz-border-radius-bottomright: 5px; | |
| 45 border-bottom-left-radius: 5px; | |
| 46 border-bottom-right-radius: 5px; | |
| 47 | |
| 48 margin-top: 5px; | |
| 49 margin-bottom: 5px; | |
| 38 } | 50 } |
| 39 | 51 |
| 40 div.banner h1 | 52 div.banner h1 |
| 41 { | 53 { |
| 42 display: none; | 54 display: none; |
| 62 -webkit-border-bottom-right-radius: 5px; | 74 -webkit-border-bottom-right-radius: 5px; |
| 63 -moz-border-radius-bottomleft: 5px; | 75 -moz-border-radius-bottomleft: 5px; |
| 64 -moz-border-radius-bottomright: 5px; | 76 -moz-border-radius-bottomright: 5px; |
| 65 border-bottom-left-radius: 5px; | 77 border-bottom-left-radius: 5px; |
| 66 border-bottom-right-radius: 5px; | 78 border-bottom-right-radius: 5px; |
| 79 | |
| 80 margin-top: 5px; | |
| 81 margin-bottom: 5px; | |
| 67 } | 82 } |
| 68 | 83 |
| 69 div.dottes-body h1 | 84 div.dottes-body h1 |
| 70 { | 85 { |
| 71 margin: 10px; | 86 margin: 10px; |
