Commit | Line | Data |
720accfe |
1 | /* Following are the note styles -- edit away! */ |
2 | |
3 | body { |
4 | margin: 0; |
5 | padding: 1.0em; |
6 | background: #333; |
7 | color: #FFF; |
8 | font: 2em/1.4em 'Lucida Grande', Verdana, sans-serif; |
9 | } |
10 | |
11 | div.timers { |
12 | background: #FFF; |
13 | color: #333; |
14 | border: 0.08em solid #222; |
15 | border-top-width: 1px; |
16 | border-left-width: 1px; |
17 | float: left; |
18 | padding: 0.2em; |
19 | margin: 0 0 0.5em; |
20 | position: relative; |
21 | } |
22 | |
23 | div.timers h1 { |
24 | text-align: left; |
25 | font-size: 0.6em; |
26 | line-height: 1.4em; |
27 | background-color: #FF9; |
28 | padding: 0 0.75em; |
29 | margin: 0.25em 0 0; |
30 | border: 1px solid #EE8; |
31 | } |
32 | |
33 | div.timers div.controls { |
34 | position: absolute; |
35 | right: 0.25em; |
36 | top: 0.1em; |
37 | line-height: 1em; |
38 | } |
39 | |
40 | div.timers h1 a { |
41 | text-decoration: none; |
42 | color: #000; |
43 | } |
44 | |
45 | div.timers div.controls a { |
46 | font-size: 0.5em; |
47 | padding: 0; |
48 | color: #330; |
49 | } |
50 | |
51 | div.timers a.control { |
52 | position: absolute; |
53 | text-decoration: none; |
54 | padding: 0 0.25em; |
55 | color: #AAA; |
56 | outline: 0; |
57 | } |
58 | |
59 | #minus { |
60 | left: 0.25em; |
61 | } |
62 | |
63 | #plus { |
64 | right: 0.25em; |
65 | } |
66 | |
67 | .overtime { |
68 | background: yellow; |
69 | color: red; |
70 | border: 3px solid; |
71 | padding: 0.1em 0.25em; |
72 | font-weight: bold; |
73 | } |
74 | |
75 | div.timers h2 { |
76 | font-size: 0.6em; |
77 | line-height: 1.0em; |
78 | font-weight: normal; |
79 | margin: 0 0 -0.25em; |
80 | padding-top: 0.5em; |
81 | color: #666; |
82 | } |
83 | |
84 | div.timers p {margin: 0; padding: 0 0.5em;} |
85 | div.timers form {margin: 0;} |
86 | |
87 | div.timers span.clock { |
88 | font-family: monospace; |
89 | } |
90 | |
91 | div.timers ul {margin: 0; padding: 0; list-style: none;} |
92 | div.timers li {float: left; width: 5em; margin: 0; padding: 0 0.5em; |
93 | text-align: center;} |
94 | |
95 | div#elapsed {width: 12.1em;} |
96 | div#remaining {clear: left; width: 12.1em;} |
97 | div#remaining p {text-align: center;} |
98 | |
99 | #slide, |
100 | #next, |
101 | #notes, |
102 | #nextnotes { |
103 | font-size: 0.75em; |
104 | line-height: 1.4em; |
105 | clear: left; |
106 | /* max-width: 30.0em; */ |
107 | text-shadow: 0.1em 0.1em 0.1em #111; |
108 | } |
109 | |
110 | #next {margin-top: 2.5em;} |
111 | #next, #nextnotes { |
112 | color: #999; |
113 | font-size: 0.66em; |
114 | } |
115 | |
116 | em.disclaimer { |
117 | color: #666; |
118 | } |
119 | |
120 | div.collapsed h1 {display: block; font-size: 0.33em;} |
121 | div.collapsed h1 a {display: inline;} |
122 | div.collapsed * {display: none;} |