diff options
Diffstat (limited to 'static/rater.css')
-rw-r--r-- | static/rater.css | 292 |
1 files changed, 292 insertions, 0 deletions
diff --git a/static/rater.css b/static/rater.css new file mode 100644 index 0000000..ae54a13 --- /dev/null +++ b/static/rater.css | |||
@@ -0,0 +1,292 @@ | |||
1 | body { | ||
2 | font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif; font-weight:200; font-stretch:normal; | ||
3 | } | ||
4 | |||
5 | .username-wrapper { | ||
6 | position: absolute; | ||
7 | right: 5px; | ||
8 | } | ||
9 | |||
10 | .changed { | ||
11 | background-color: #00f000; | ||
12 | color: white; | ||
13 | } | ||
14 | |||
15 | .clearfix { | ||
16 | clear: both; | ||
17 | } | ||
18 | |||
19 | #event-list { | ||
20 | padding-left: 0em; | ||
21 | list-style-type: none; | ||
22 | } | ||
23 | |||
24 | .main-button { | ||
25 | vertical-align: top; | ||
26 | text-align: center; | ||
27 | height: 40px; | ||
28 | width: 40px; | ||
29 | padding: 0; | ||
30 | } | ||
31 | |||
32 | .mini-button { | ||
33 | margin-right: 0.2em; | ||
34 | } | ||
35 | |||
36 | button { | ||
37 | background-color: #759ae9; | ||
38 | background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); | ||
39 | background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%); | ||
40 | border-top: 1px solid #1f58cc; | ||
41 | border-right: 1px solid #1b4db3; | ||
42 | border-bottom: 1px solid #174299; | ||
43 | border-left: 1px solid #1b4db3; | ||
44 | border-radius: 4px; | ||
45 | box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8); | ||
46 | color: #fff; | ||
47 | text-shadow: 0 -1px 1px #1a5ad9; | ||
48 | } | ||
49 | |||
50 | .event-list-item { | ||
51 | vertical-align: top; | ||
52 | background-color: #f6f6f6; | ||
53 | margin-bottom: 0.5em; | ||
54 | border: 1px solid silver; | ||
55 | border-radius: 10px; | ||
56 | padding: 0 0.5em 0.5em 0.5em; | ||
57 | box-sizing: border-box; | ||
58 | } | ||
59 | |||
60 | .event-list-item[event_state='gone'] { | ||
61 | background-image: | ||
62 | repeating-linear-gradient( | ||
63 | 45deg, | ||
64 | #eee, | ||
65 | #eee 20px, | ||
66 | #ddd 20px, | ||
67 | #ddd 40px /* determines size */ | ||
68 | ); | ||
69 | } | ||
70 | |||
71 | .event-list-item[event_type=meeting] .event-title:before { content: 'MEETING '; color: red; font-size: smaller; } | ||
72 | .event-list-item[event_type=workshop] .event-title:before { content: 'WORKSHOP '; color: red; font-size: smaller; } | ||
73 | .event-list-item[event_type=concert] .event-title:before { content: 'CONCERT '; color: red; font-size: smaller; } | ||
74 | .event-list-item[event_type=film] .event-title:before { content: 'FILM '; color: red; font-size: smaller; } | ||
75 | .event-list-item[event_type=other] .event-title:before { content: 'OTHER '; color: red; font-size: smaller; } | ||
76 | .event-list-item[event_type=podium] .event-title:before { content: 'PODIUM '; color: red; font-size: smaller; } | ||
77 | .event-list-item[event_type=performance] .event-title:before { content: 'PERFORMANCE '; color: red; font-size: smaller; } | ||
78 | .event-list-item[event_type=lightning_talk] .event-title:before { content: 'LIGHTNING '; color: red; font-size: smaller; } | ||
79 | |||
80 | body.two-column .event-list-item { | ||
81 | display: inline-block; | ||
82 | width: 48%; | ||
83 | margin-right: 1%; | ||
84 | } | ||
85 | |||
86 | body.three-column .event-list-item { | ||
87 | display: inline-block; | ||
88 | width: 32%; | ||
89 | margin-right: 1%; | ||
90 | } | ||
91 | |||
92 | body.four-column .event-list-item { | ||
93 | display: inline-block; | ||
94 | width: 23.5%; | ||
95 | margin-right: 1%; | ||
96 | } | ||
97 | |||
98 | .event-rating { | ||
99 | display: inline-block; | ||
100 | width: 15em; | ||
101 | margin: 1em 1em 0 0; | ||
102 | padding: 0.2em; | ||
103 | background-color: #f0f0f0; | ||
104 | border-radius: 10px; | ||
105 | vertical-align:top; | ||
106 | font-size: smaller; | ||
107 | } | ||
108 | |||
109 | .event-title, | ||
110 | .event-subtitle { | ||
111 | display: inline; | ||
112 | font-weight: bold; | ||
113 | } | ||
114 | |||
115 | .event-subtitle { | ||
116 | font-size: smaller; | ||
117 | } | ||
118 | |||
119 | .event-rating-comment { | ||
120 | min-height: 3em; | ||
121 | margin-top: 0.1em; | ||
122 | background-color: white; | ||
123 | } | ||
124 | |||
125 | #Filter, #Username { | ||
126 | font-size: x-large; | ||
127 | height: 40px; | ||
128 | } | ||
129 | |||
130 | .label { | ||
131 | float: left; | ||
132 | min-width: 8em !important; | ||
133 | font-style: italic; | ||
134 | } | ||
135 | |||
136 | .event-persons { | ||
137 | margin-top: 0.2em; | ||
138 | margin-bottom: 0.2em; | ||
139 | } | ||
140 | |||
141 | .event-speaker, .event-coordinator { | ||
142 | display: inline; | ||
143 | } | ||
144 | |||
145 | .event-coordinator { | ||
146 | margin-right: 0.5em; | ||
147 | } | ||
148 | |||
149 | .slider { | ||
150 | display: inline; | ||
151 | } | ||
152 | |||
153 | .event-notes, | ||
154 | .event-description, | ||
155 | .event-abstract { | ||
156 | height: 1.2em; | ||
157 | overflow: hidden; | ||
158 | cursor: zoom-in; | ||
159 | margin-bottom: 0.2em; | ||
160 | margin-right: 2em; | ||
161 | text-overflow: ellipsis; | ||
162 | white-space: nowrap; | ||
163 | } | ||
164 | |||
165 | .event-notes.full, | ||
166 | .event-description.full, | ||
167 | .event-abstract.full { | ||
168 | cursor: zoom-out; | ||
169 | background: white; | ||
170 | overflow: visible; | ||
171 | height: auto !important; | ||
172 | white-space: initial; | ||
173 | } | ||
174 | |||
175 | body.only-lectures .lectures-button, | ||
176 | body.only-todo .todo-button, | ||
177 | body.show-ratings .ratings-button, | ||
178 | body.two-column .two-columns, | ||
179 | body.three-column .three-columns, | ||
180 | body.four-column .four-columns, | ||
181 | .event-list-item.editing .edit-button, | ||
182 | .event-list-item[event_state='accepted'] .accept-button, | ||
183 | .event-list-item[event_state='rejected'] .reject-button, | ||
184 | .event-list-item.i-am-coordinator .take-button | ||
185 | { | ||
186 | background-image: -webkit-linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); | ||
187 | background-image: linear-gradient(top, #f37873 0%, #db504d 50%, #cb0500 50%, #a20601 100%); | ||
188 | } | ||
189 | |||
190 | output { | ||
191 | margin-left: 1em; | ||
192 | } | ||
193 | |||
194 | #event-own-rating, | ||
195 | .event-ratings { | ||
196 | display: none; | ||
197 | visibility: hidden; | ||
198 | } | ||
199 | |||
200 | body.show-ratings .event-ratings, | ||
201 | .event-list-item.editing #event-own-rating { | ||
202 | display: block; | ||
203 | visibility: initial; | ||
204 | } | ||
205 | |||
206 | #event-own-rating textarea { | ||
207 | min-width: 10em; | ||
208 | max-width: 20em; | ||
209 | width: 80%; | ||
210 | } | ||
211 | |||
212 | .event-meter-bar { | ||
213 | box-sizing: initial; | ||
214 | display: inline; | ||
215 | float: left; | ||
216 | width: 65px; | ||
217 | vertical-align: top; | ||
218 | margin: 0; | ||
219 | padding: 0; | ||
220 | } | ||
221 | |||
222 | .has-own-rating .event-meter-bar { | ||
223 | height: 65px; | ||
224 | } | ||
225 | .has-own-rating .event-meter-bar:after { | ||
226 | color: #ff0000; | ||
227 | z-index: 1; | ||
228 | content: '✓'; | ||
229 | font-size: 5em; | ||
230 | line-height: 1; | ||
231 | text-align: center; | ||
232 | position: relative; | ||
233 | left: 0; top: -65px; | ||
234 | width: 65px; | ||
235 | height: 65px; | ||
236 | opacity: 0.2; | ||
237 | } | ||
238 | |||
239 | body.safari meter { | ||
240 | -webkit-appearance: none; | ||
241 | -moz-appearance: none; | ||
242 | appearance: none; | ||
243 | } | ||
244 | |||
245 | meter { | ||
246 | vertical-align: top; | ||
247 | width: 60px; | ||
248 | margin-top: 0.3em; | ||
249 | border-radius: 3px; | ||
250 | height: 8px; | ||
251 | |||
252 | -moz-appearance: none; | ||
253 | } | ||
254 | |||
255 | meter::-moz-meter-bar { | ||
256 | background: #ddd; | ||
257 | } | ||
258 | |||
259 | :-moz-meter-optimum::-moz-meter-bar { | ||
260 | background: #afa; | ||
261 | } | ||
262 | |||
263 | meter.meter-4::-moz-meter-bar { | ||
264 | background: #fdd; | ||
265 | } | ||
266 | |||
267 | meter::-webkit-meter-bar { | ||
268 | background: #ddd; | ||
269 | box-shadow: 0 2px 3px rgba (0, 0, 0, 0.2) inset; | ||
270 | border-radius: 3px; | ||
271 | } | ||
272 | |||
273 | meter.meter-4::-webkit-meter-bar { | ||
274 | background: #fdd; | ||
275 | } | ||
276 | |||
277 | #status { | ||
278 | text-align: center; | ||
279 | font-size: xx-large; | ||
280 | font-weight: bold; | ||
281 | margin-top: 0.5em; | ||
282 | width: 100%; | ||
283 | clear: both; | ||
284 | } | ||
285 | |||
286 | body.only-lectures .event-list-item:not([event_type="lecture"]), | ||
287 | body.only-todo .event-list-item.has-own-rating, | ||
288 | .filtered, | ||
289 | .hidden { | ||
290 | display: none !important; | ||
291 | visibility: hidden !important; | ||
292 | } | ||