Mercurial > dottes

comparison web/css/dottes.css @ 192:fd0bcf094cf8

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
First go at some contemporary HTML/CSS stuff for the Booke.
author Jim Hague <jim.hague@acm.org>
date Fri, 15 Feb 2013 20:32:21 +0000
parents
children 5b4c478142e1
comparison
equal deleted inserted replaced
191:2fa3c89a0a8a 192:fd0bcf094cf8
1 body {
2 background-color: #9900cc;
3 background-image: url('../img/purple-fabric-background.jpg');
4 color: #000000;
5 font-size: 16px;
6 height: auto;
7 padding-top: 0px;
8 padding-bottom: 20px;
9 font-family: 'Oswald', serif;
10 }
11
12 h1 {
13 background: white;
14 font-weight: normal;
15 text-align: center;
16 font-size: 25px;
17 font-weight: bold;
18 }
19
20 p
21 {
22 background: white;
23 margin: 20px;
24 }
25
26 div.clear
27 {
28 padding: 5px;
29 }
30
31 div.banner h1
32 {
33 background-color: #9900cc;
34 text-align: left;
35 font-size: 50px;
36 font-weight: bold;
37 color: #000000;
38 height: 136px;
39 font-family: 'Pirata One', sans-serif;
40 background-image: url('../img/buzzard.jpg');
41 background-repeat: no-repeat;
42 background-position: right center;
43 }
44
45 div.dottes-body
46 {
47 background-color: white;
48 -webkit-border-top-left-radius: 5px;
49 -webkit-border-top-right-radius: 5px;
50 -moz-border-radius-topleft: 5px;
51 -moz-border-radius-topright: 5px;
52 border-top-left-radius: 5px;
53 border-top-right-radius: 5px;
54
55 -webkit-border-bottom-left-radius: 5px;
56 -webkit-border-bottom-right-radius: 5px;
57 -moz-border-radius-bottomleft: 5px;
58 -moz-border-radius-bottomright: 5px;
59 border-bottom-left-radius: 5px;
60 border-bottom-right-radius: 5px;
61 }
62
63 div.dottes-body h1
64 {
65 padding: 10px;
66 margin: 10px;
67 text-align: left;
68 }
69
70 div.dottes-container
71 {
72 border: 2px solid grey;
73 margin: 5px;
74 }
75
76 div.dottes-transpose-instrument
77 {
78 }
79
80 div.dottes-transpose-how
81 {
82 }
83
84 div.dottes-transpose-tunes
85 {
86 }
87
88 ul.tune-type-list
89 {
90 list-style-type: none;
91 margin: 20px;
92 }
93
94 ul.tune-type-list li
95 {
96 display: inline;
97 }