Mercurial > dottes
comparison web/css/dottes.css @ 443:ae0836b5f4dd build-default-191
Change main body font to Open Sans, to match the main Havoc website.
author | Jim Hague <jim.hague@acm.org> |
---|---|
date | Mon, 11 Nov 2013 22:14:00 +0000 |
parents | ab1b5b833a0c |
children | b163d8d3f4a7 |
comparison
equal
deleted
inserted
replaced
442:54baa010ede2 | 443:ae0836b5f4dd |
---|---|
1 html { | |
2 font-size: 62.5%; | |
3 } | |
4 | |
1 body { | 5 body { |
2 background-color: #9900cc; | 6 background-color: #9900cc; |
3 background-image: url('../img/purple-fabric-background.jpg'); | 7 background-image: url('../img/purple-fabric-background.jpg'); |
4 color: #000000; | 8 color: #000000; |
5 font-size: 16px; | 9 font-size: 14px; |
10 font-size: 1.4rem; | |
6 height: auto; | 11 height: auto; |
7 padding-top: 0px; | 12 padding-top: 0px; |
8 padding-bottom: 20px; | 13 padding-bottom: 20px; |
9 font-family: 'Oswald', serif; | 14 font-family: 'Open Sans', sans-serif; |
10 } | 15 } |
11 | 16 |
12 h1 { | 17 h1 { |
13 background: white; | 18 background: white; |
14 text-align: center; | 19 text-align: center; |
15 font-size: 25px; | 20 font-size: 17px; |
21 font-size: 1.7rem; | |
16 font-weight: bold; | 22 font-weight: bold; |
17 } | 23 } |
18 | 24 |
19 p | 25 p |
20 { | 26 { |
52 div.banner h1 | 58 div.banner h1 |
53 { | 59 { |
54 display: none; | 60 display: none; |
55 text-align: left; | 61 text-align: left; |
56 font-size: 50px; | 62 font-size: 50px; |
63 font-size: 5.0rem; | |
57 font-weight: bold; | 64 font-weight: bold; |
58 color: #ffffff; | 65 color: #ffffff; |
59 font-family: 'Pirata One', sans-serif; | 66 font-family: 'Pirata One', sans-serif; |
60 padding: 10px; | 67 padding: 10px; |
61 } | 68 } |
148 } | 155 } |
149 | 156 |
150 div.dottes-tune-header-middle h1 | 157 div.dottes-tune-header-middle h1 |
151 { | 158 { |
152 font-size: 25px; | 159 font-size: 25px; |
160 font-size: 2.5rem; | |
153 font-weight: bold; | 161 font-weight: bold; |
154 text-align: center; | 162 text-align: center; |
155 margin: 0px; | 163 margin: 0px; |
156 } | 164 } |
157 | 165 |
158 div.dottes-tune-header-middle h2 | 166 div.dottes-tune-header-middle h2 |
159 { | 167 { |
160 font-size: 15px; | 168 font-size: 15px; |
169 font-size: 1.5rem; | |
161 font-weight: normal; | 170 font-weight: normal; |
162 text-align: center; | 171 text-align: center; |
163 margin: 0px; | 172 margin: 0px; |
164 } | 173 } |
165 | 174 |
202 } | 211 } |
203 | 212 |
204 a.dottes-tune-link | 213 a.dottes-tune-link |
205 { | 214 { |
206 font-size: 20px; | 215 font-size: 20px; |
216 font-size: 2.0rem; | |
207 position: relative; | 217 position: relative; |
208 top: 12px; | 218 top: 12px; |
209 } | 219 } |
210 | 220 |
211 a.dottes-tune-icon-link | 221 a.dottes-tune-icon-link |