Commit | Line | Data |
---|---|---|
7baaea38 JS |
1 | /* @font-face */ |
2 | ||
3 | @font-face { | |
4 | font-family: 'Lato'; | |
5 | font-style: normal; | |
6 | font-weight: 700; | |
ab613cb3 | 7 | src: local('Lato Bold'), local('Lato-Bold'), url('../fonts/Lato-Bold.ttf') format('truetype'); |
7baaea38 JS |
8 | } |
9 | @font-face { | |
10 | font-family: 'Lato'; | |
11 | font-style: italic; | |
12 | font-weight: 400; | |
ab613cb3 | 13 | src: local('Lato Italic'), local('Lato-Italic'), url('../fonts/Lato-Italic.ttf') format('truetype'); |
7baaea38 JS |
14 | } |
15 | @font-face { | |
16 | font-family: 'Lato'; | |
17 | font-style: italic; | |
18 | font-weight: 700; | |
ab613cb3 | 19 | src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('../fonts/Lato-BoldItalic.ttf') format('truetype'); |
7baaea38 JS |
20 | } |
21 | @font-face { | |
22 | font-family: 'Lato'; | |
23 | font-style: normal; | |
24 | font-weight: 400; | |
cfb7ed7d | 25 | src: local('Lato Regular'), local('Lato-Regular'), url('../fonts/Lato-Regular.ttf') format('truetype'); |
7baaea38 JS |
26 | } |
27 | ||
881b6e2c | 28 | body { |
06a5f21e | 29 | background-color: #111; |
7c9d1a2b | 30 | background-image: url("../images/background.png"); |
f5782fac | 31 | color: #C3C3C3; |
00cc5cb7 | 32 | font-family: sans-serif; |
7c9d1a2b CAW |
33 | padding: none; |
34 | margin: 0px; | |
35 | height: 100%; | |
06a5f21e | 36 | font: 16px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; |
7baaea38 | 37 | font-family:'Lato', sans-serif; |
9f661642 JS |
38 | } |
39 | ||
40 | form { | |
7c9d1a2b CAW |
41 | margin: 0px; |
42 | padding: 0px; | |
881b6e2c JS |
43 | } |
44 | ||
cb1e4a3d JS |
45 | /* text styles */ |
46 | ||
38f71d47 | 47 | h1{ |
0b6c3ef1 | 48 | margin-bottom: 15px; |
7c9d1a2b CAW |
49 | margin-top: 15px; |
50 | color: #fff; | |
a97e5bb2 | 51 | font-size: 1.875em; |
881b6e2c JS |
52 | } |
53 | ||
38f71d47 | 54 | h2{ |
f5782fac | 55 | font-size: 1.375em; |
7c9d1a2b CAW |
56 | margin-top: 20px; |
57 | color: #fff; | |
06a5f21e JS |
58 | } |
59 | ||
60 | h3{ | |
9ecf7cd1 | 61 | border-bottom: 1px solid #333; |
a97e5bb2 | 62 | font-size: 1.125em; |
38f71d47 JS |
63 | } |
64 | ||
881b6e2c | 65 | a { |
9ecf7cd1 | 66 | color: #86D4B1; |
881b6e2c JS |
67 | } |
68 | ||
996b3bf7 JS |
69 | a.highlight { |
70 | color: #fff; | |
71 | } | |
72 | ||
983aa712 JS |
73 | label { |
74 | font-weight: normal; | |
75 | } | |
76 | ||
03b058b7 | 77 | input, textarea { |
4826f626 JS |
78 | font-size:1em; |
79 | font-family:'Lato', sans-serif; | |
80 | } | |
81 | ||
983aa712 JS |
82 | /* website structure */ |
83 | ||
9f661642 | 84 | .mediagoblin_body { |
7c9d1a2b CAW |
85 | position: relative; |
86 | min-height: 100%; | |
9f661642 JS |
87 | } |
88 | ||
4a0f823e | 89 | .mediagoblin_header { |
7c9d1a2b CAW |
90 | height: 36px; |
91 | padding-top: 14px; | |
92 | margin-bottom: 20px; | |
9ecf7cd1 JS |
93 | border-bottom: 1px solid #333; |
94 | } | |
95 | ||
96 | a.mediagoblin_logo{ | |
a97e5bb2 JS |
97 | color: #fff; |
98 | font-weight: bold; | |
b2706737 | 99 | margin-right: 8px; |
881b6e2c JS |
100 | } |
101 | ||
9f661642 | 102 | .mediagoblin_footer { |
7c9d1a2b | 103 | height: 30px; |
9ecf7cd1 | 104 | border-top: 1px solid #333; |
7c9d1a2b CAW |
105 | bottom: 0px; |
106 | padding-top: 8px; | |
107 | text-align: center; | |
f51b65d5 | 108 | font-size: 0.875em; |
9f661642 JS |
109 | } |
110 | ||
111 | .mediagoblin_content { | |
7c9d1a2b | 112 | padding-bottom: 74px; |
9f661642 JS |
113 | } |
114 | ||
38aa4a40 | 115 | .mediagoblin_header_right { |
7c9d1a2b | 116 | float: right; |
38aa4a40 JS |
117 | } |
118 | ||
69dadf42 JS |
119 | /* common website elements */ |
120 | ||
75a12d63 | 121 | .button_action, .button_action_highlight { |
bb3b9e40 | 122 | display: inline-block; |
13423daa JS |
123 | color: #c3c3c3; |
124 | background-color: #363636; | |
125 | border: 1px solid; | |
126 | border-color: #464646 #2B2B2B #252525; | |
127 | border-radius: 4px; | |
13423daa | 128 | padding: 3px 8px; |
bb3b9e40 | 129 | font-size: 16px; |
13423daa JS |
130 | text-decoration: none; |
131 | font-style: normal; | |
132 | font-weight: bold; | |
75a12d63 | 133 | cursor: pointer; |
13423daa JS |
134 | } |
135 | ||
75a12d63 | 136 | .button_action_highlight { |
88f20b58 JS |
137 | background-color: #86D4B1; |
138 | border-color: #A2DEC3 #6CAA8E #5C9179; | |
139 | color: #283F35; | |
13423daa JS |
140 | } |
141 | ||
13423daa | 142 | .button_form, .cancel_link { |
7c9d1a2b CAW |
143 | height: 32px; |
144 | min-width: 99px; | |
145 | background-color: #86d4b1; | |
69dadf42 JS |
146 | background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); |
147 | background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); | |
148 | background-image: -moz-linear-gradient(top, #86d4b1, #62caa2); | |
149 | background-image: -ms-linear-gradient(top, #86d4b1, #62caa2); | |
150 | background-image: -o-linear-gradient(top, #86d4b1, #62caa2); | |
151 | background-image: linear-gradient(top, #86d4b1, #62caa2); | |
7c9d1a2b | 152 | box-shadow: 0px 0px 4px #000; |
9ecf7cd1 | 153 | border-radius: 3px; |
7c9d1a2b CAW |
154 | border: none; |
155 | color: #272727; | |
156 | margin: 10px 0px 10px 15px; | |
7c9d1a2b CAW |
157 | text-align: center; |
158 | padding-left: 11px; | |
159 | padding-right: 11px; | |
160 | text-decoration: none; | |
ce5db609 | 161 | font-family: 'Lato', sans-serif; |
ce5db609 | 162 | font-weight: bold; |
881b6e2c JS |
163 | } |
164 | ||
677f55cc CAW |
165 | .cancel_link { |
166 | background-color: #aaa; | |
167 | background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa)); | |
168 | background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa); | |
169 | background-image: -moz-linear-gradient(top, #D2D2D2, #aaa); | |
170 | background-image: -ms-linear-gradient(top, #D2D2D2, #aaa); | |
171 | background-image: -o-linear-gradient(top, #D2D2D2, #aaa); | |
172 | background-image: linear-gradient(top, #D2D2D2, #aaa); | |
173 | } | |
174 | ||
75a12d63 | 175 | .pagination { |
7c9d1a2b | 176 | text-align: center; |
bf332e82 JS |
177 | } |
178 | ||
75a12d63 | 179 | .pagination_arrow { |
7c9d1a2b | 180 | margin: 5px; |
0a45fa59 JS |
181 | } |
182 | ||
75a12d63 | 183 | .empty_space { |
5bd523eb | 184 | background-image: url("../images/empty_back.png"); |
1d03221d JS |
185 | font-style: italic; |
186 | text-align: center; | |
187 | height: 160px; | |
188 | padding-top: 70px; | |
189 | } | |
190 | ||
75a12d63 JS |
191 | .right_align { |
192 | float: right; | |
193 | } | |
194 | ||
75a12d63 JS |
195 | textarea#comment_content { |
196 | width: 634px; | |
197 | height: 90px; | |
9c6d8d77 JS |
198 | border: none; |
199 | background-color: #f1f1f1; | |
200 | padding: 3px; | |
75a12d63 JS |
201 | } |
202 | ||
491b9109 JS |
203 | /* forms */ |
204 | ||
205 | .form_box { | |
7c9d1a2b CAW |
206 | background-color: #222; |
207 | background-image: url("../images/background_lines.png"); | |
208 | background-repeat: repeat-x; | |
7c9d1a2b CAW |
209 | padding-bottom: 30px; |
210 | padding-top: 30px; | |
211 | margin-left: auto; | |
212 | margin-right: auto; | |
213 | display: block; | |
214 | float: none; | |
f0e621c8 JS |
215 | } |
216 | ||
bb1f2f89 | 217 | .edit_box { |
7c9d1a2b | 218 | background-image: url("../images/background_edit.png"); |
bb1f2f89 JS |
219 | } |
220 | ||
353f927e | 221 | .form_field_input input, .form_field_input textarea { |
7c9d1a2b | 222 | width: 100%; |
491b9109 JS |
223 | } |
224 | ||
aea6d577 JS |
225 | .form_field_input { |
226 | margin-bottom: 10px; | |
227 | } | |
228 | ||
229 | .form_field_label { | |
7c9d1a2b | 230 | margin-bottom: 4px; |
491b9109 JS |
231 | } |
232 | ||
feb3c4c3 JS |
233 | .form_field_label { |
234 | font-size:1.125em; | |
235 | } | |
236 | ||
237 | .form_field_description { | |
238 | font-style: italic; | |
239 | } | |
240 | ||
716a0ac3 | 241 | .form_field_error { |
7c9d1a2b CAW |
242 | background-color: #87453b; |
243 | color: #fff; | |
244 | border: none; | |
7c9d1a2b CAW |
245 | padding: 9px; |
246 | margin-top: 8px; | |
247 | margin-bottom: 8px; | |
491b9109 | 248 | } |
37a00748 | 249 | |
69dadf42 | 250 | .form_submit_buttons { |
7c9d1a2b | 251 | text-align: right; |
69dadf42 JS |
252 | } |
253 | ||
dab1d702 JS |
254 | #password_boolean { |
255 | margin-top: 4px; | |
256 | width: 20px; | |
257 | } | |
258 | ||
270dca58 JS |
259 | /* comments */ |
260 | ||
261 | .comment_author { | |
7c9d1a2b CAW |
262 | margin-bottom: 40px; |
263 | padding-top: 4px; | |
a97e5bb2 | 264 | font-size: 0.9em; |
270dca58 JS |
265 | } |
266 | ||
157c6026 JS |
267 | .comment_content { |
268 | margin-bottom: 30px; | |
269 | } | |
270 | ||
270dca58 | 271 | .comment_content p { |
157c6026 | 272 | margin-bottom: 0px; |
270dca58 JS |
273 | } |
274 | ||
a54e5be7 JS |
275 | /* media galleries */ |
276 | ||
e854a128 | 277 | .media_thumbnail { |
7c9d1a2b CAW |
278 | padding: 0px; |
279 | width: 180px; | |
7c9d1a2b CAW |
280 | overflow: hidden; |
281 | float: left; | |
282 | margin: 0px 4px 10px 4px; | |
92ed2892 | 283 | text-align: center; |
970cea18 | 284 | font-size: 0.875em; |
92ed2892 CAW |
285 | } |
286 | ||
ec451724 CAW |
287 | .media_thumbnail a { |
288 | color: #eee; | |
289 | text-decoration: none; | |
290 | } | |
291 | ||
92ed2892 CAW |
292 | /* media detail */ |
293 | ||
b2706737 | 294 | h2.media_title { |
a97e5bb2 | 295 | margin-bottom: 0px; |
9ecf7cd1 JS |
296 | } |
297 | ||
b2706737 | 298 | p.media_specs { |
a97e5bb2 | 299 | font-size: 0.9em; |
b2706737 JS |
300 | border-top: 1px solid #222; |
301 | border-bottom: 1px solid #222; | |
302 | padding: 10px 0px; | |
303 | color: #888; | |
9ecf7cd1 JS |
304 | } |
305 | ||
6c191eb3 KR |
306 | .no_html5 { |
307 | background: black; | |
308 | color: white; | |
309 | text-align: center; | |
310 | height: 160px; | |
311 | padding: 130px 10px 20px 10px; | |
312 | } | |
313 | ||
6ef36a15 JS |
314 | /* icons */ |
315 | ||
b2706737 | 316 | img.media_icon { |
7c9d1a2b CAW |
317 | margin: 0 4px; |
318 | vertical-align: sub; | |
6ef36a15 | 319 | } |
8dc43810 JS |
320 | |
321 | /* navigation */ | |
322 | ||
b2706737 | 323 | .navigation_button { |
80c9a7ee | 324 | width: 135px; |
7c9d1a2b CAW |
325 | display: block; |
326 | float: left; | |
327 | text-align: center; | |
80c9a7ee JS |
328 | background-color: #1d1d1d; |
329 | border: 1px solid; | |
330 | border-color: #2c2c2c #232323 #1a1a1a; | |
909dda1f | 331 | border-radius: 4px; |
7c9d1a2b | 332 | text-decoration: none; |
0b3cdd6a JS |
333 | padding: 12px 0 16px; |
334 | font-size: 1.4em; | |
7c9d1a2b | 335 | margin: 0 0 20px |
8dc43810 JS |
336 | } |
337 | ||
b2706737 | 338 | .navigation_left { |
80c9a7ee | 339 | margin-right: 6px; |
8dc43810 | 340 | } |
62e2f458 JS |
341 | |
342 | /* messages */ | |
343 | ||
344 | ul.mediagoblin_messages { | |
7c9d1a2b CAW |
345 | list-style: none inside; |
346 | color: #f7f7f7; | |
62e2f458 JS |
347 | } |
348 | ||
349 | .mediagoblin_messages li { | |
7c9d1a2b CAW |
350 | margin: 5px 0; |
351 | padding: 8px; | |
352 | text-align: center; | |
62e2f458 JS |
353 | } |
354 | ||
355 | .message_success { | |
356 | background-color: #378566; | |
357 | } | |
358 | ||
359 | .message_warning { | |
360 | background-color: #87453b; | |
361 | } | |
362 | ||
363 | .message_error { | |
364 | background-color: #87453b; | |
365 | } | |
366 | ||
367 | .message_info { | |
368 | background-color: #378566; | |
b51c5741 | 369 | } |
62e2f458 JS |
370 | |
371 | .message_debug { | |
372 | background-color: #f7f7f7; | |
7c9d1a2b | 373 | color: #272727; |
62e2f458 | 374 | } |
5d900647 CAW |
375 | |
376 | ul.mediaentry_tags { | |
377 | list-style-type: none; | |
378 | } | |
379 | ||
380 | ul.mediaentry_tags li { | |
381 | display: inline; | |
382 | margin: 0px 5px 0px 0px; | |
383 | padding: 0px; | |
384 | } | |
01c75c7e CAW |
385 | |
386 | ||
387 | /* media processing panel */ | |
388 | ||
389 | table.media_panel { | |
390 | width: 100%; | |
391 | } | |
392 | ||
393 | table.media_panel th { | |
394 | font-weight: bold; | |
395 | padding-bottom: 4px; | |
58335110 | 396 | } |
e8b51792 CAW |
397 | |
398 | ||
399 | /* Delete panel */ | |
400 | ||
401 | .delete_checkbox_box { | |
402 | margin-top: 10px; | |
403 | margin-left: 10px; | |
ab613cb3 | 404 | } |