Mercurial > dottes
comparison web/css/dottes.css @ 203:28060949020d
Some CSS tweaking.
Make the margins consistent.
Include but comment out style to centre the tune image.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Sun, 17 Feb 2013 10:30:22 +0000 |
parents | b3a4f4caddd5 |
children | c173abe4441b |
comparison
equal
deleted
inserted
replaced
202:540511b14c73 | 203:28060949020d |
---|---|
18 } | 18 } |
19 | 19 |
20 p | 20 p |
21 { | 21 { |
22 background: white; | 22 background: white; |
23 margin: 20px; | 23 margin: 10px; |
24 } | 24 } |
25 | 25 |
26 div.clear | 26 div.clear |
27 { | 27 { |
28 padding: 5px; | 28 padding: 5px; |
38 height: 136px; | 38 height: 136px; |
39 font-family: 'Pirata One', sans-serif; | 39 font-family: 'Pirata One', sans-serif; |
40 background-image: url('../img/buzzard.jpg'); | 40 background-image: url('../img/buzzard.jpg'); |
41 background-repeat: no-repeat; | 41 background-repeat: no-repeat; |
42 background-position: right center; | 42 background-position: right center; |
43 padding: 10px; | |
43 } | 44 } |
44 | 45 |
45 div.dottes-body | 46 div.dottes-body |
46 { | 47 { |
47 background-color: white; | 48 background-color: white; |
60 border-bottom-right-radius: 5px; | 61 border-bottom-right-radius: 5px; |
61 } | 62 } |
62 | 63 |
63 div.dottes-body h1 | 64 div.dottes-body h1 |
64 { | 65 { |
65 padding: 10px; | |
66 margin: 10px; | 66 margin: 10px; |
67 text-align: left; | 67 text-align: left; |
68 } | 68 } |
69 | 69 |
70 div.dottes-container | 70 div.dottes-container |
71 { | 71 { |
72 border: 2px solid grey; | 72 border: 2px solid grey; |
73 margin: 5px; | 73 margin: 10px; |
74 } | 74 } |
75 | 75 |
76 div.dottes-container h1 | 76 div.dottes-container h1 |
77 { | 77 { |
78 padding: 0px; | 78 padding: 0px; |
95 font-size: 20px; | 95 font-size: 20px; |
96 } | 96 } |
97 | 97 |
98 table.dottes-tune-table | 98 table.dottes-tune-table |
99 { | 99 { |
100 padding: 10px; | |
101 margin: 10px; | 100 margin: 10px; |
102 } | 101 } |
103 | 102 |
104 table.dottes-tune-table td | 103 table.dottes-tune-table td |
105 { | 104 { |
107 } | 106 } |
108 | 107 |
109 ul.tune-type-list | 108 ul.tune-type-list |
110 { | 109 { |
111 list-style-type: none; | 110 list-style-type: none; |
112 margin: 20px; | |
113 } | 111 } |
114 | 112 |
115 ul.tune-type-list li | 113 ul.tune-type-list li |
116 { | 114 { |
117 display: inline; | 115 display: inline; |
118 } | 116 } |
119 | 117 |
118 img.dottes-png | |
119 { | |
120 display: block; | |
121 /* margin-left: auto; */ | |
122 /* margin-right: auto; */ | |
123 } | |
124 | |
120 ul.tune-data-list | 125 ul.tune-data-list |
121 { | 126 { |
122 list-style-type: none; | 127 list-style-type: none; |
123 margin: 20px; | |
124 } | 128 } |
125 | 129 |
126 ul.tune-data-list li | 130 ul.tune-data-list li |
127 { | 131 { |
128 display: inline; | 132 display: inline; |
133 margin: 10px; | |
129 } | 134 } |