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