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;