Commit | Line | Data |
---|---|---|
7baaea38 JS |
1 | /* @font-face */ |
2 | ||
3 | @font-face { | |
4 | font-family: 'Lato'; | |
5 | font-style: normal; | |
6 | font-weight: 700; | |
7 | src: local('Lato Bold'), local('Lato-Bold'), url('http://themes.googleusercontent.com/static/fonts/lato/v1/wkfQbvfT_02e2IWO3yYueQ.woff') format('woff'); | |
8 | } | |
9 | @font-face { | |
10 | font-family: 'Lato'; | |
11 | font-style: italic; | |
12 | font-weight: 400; | |
13 | src: local('Lato Italic'), local('Lato-Italic'), url('http://themes.googleusercontent.com/static/fonts/lato/v1/oUan5VrEkpzIazlUe5ieaA.woff') format('woff'); | |
14 | } | |
15 | @font-face { | |
16 | font-family: 'Lato'; | |
17 | font-style: italic; | |
18 | font-weight: 700; | |
19 | src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('http://themes.googleusercontent.com/static/fonts/lato/v1/HkF_qI1x_noxlxhrhMQYED8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); | |
20 | } | |
21 | @font-face { | |
22 | font-family: 'Lato'; | |
23 | font-style: normal; | |
24 | font-weight: 400; | |
25 | src: local('Lato Regular'), local('Lato-Regular'), url('http://themes.googleusercontent.com/static/fonts/lato/v1/9k-RPmcnxYEPm8CNFsH2gg.woff') format('woff'); | |
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; | |
881b6e2c JS |
99 | } |
100 | ||
c9fe89a4 | 101 | .header_submit, .header_submit_highlight{ |
7c9d1a2b CAW |
102 | color: #272727; |
103 | background-color: #aaa; | |
681e1371 JS |
104 | background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa)); |
105 | background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa); | |
106 | background-image: -moz-linear-gradient(top, #D2D2D2, #aaa); | |
107 | background-image: -ms-linear-gradient(top, #D2D2D2, #aaa); | |
108 | background-image: -o-linear-gradient(top, #D2D2D2, #aaa); | |
109 | background-image: linear-gradient(top, #D2D2D2, #aaa); | |
7c9d1a2b | 110 | box-shadow: 0px 0px 4px #000; |
9ecf7cd1 | 111 | border-radius: 3px; |
7c9d1a2b CAW |
112 | margin: 8px; |
113 | padding: 3px 8px; | |
114 | text-decoration: none; | |
115 | border: medium none; | |
1d03221d | 116 | font-style: normal; |
ce5db609 CAW |
117 | font-weight: bold; |
118 | font-size: 1em; | |
681e1371 JS |
119 | } |
120 | ||
c9fe89a4 JS |
121 | .header_submit_highlight{ |
122 | background-image: -moz-linear-gradient(center top , rgb(134, 212, 177), rgb(109, 173, 144)); | |
123 | } | |
124 | ||
9f661642 | 125 | .mediagoblin_footer { |
7c9d1a2b | 126 | height: 30px; |
9ecf7cd1 | 127 | border-top: 1px solid #333; |
7c9d1a2b CAW |
128 | bottom: 0px; |
129 | padding-top: 8px; | |
130 | text-align: center; | |
f51b65d5 | 131 | font-size: 0.875em; |
9f661642 JS |
132 | } |
133 | ||
134 | .mediagoblin_content { | |
7c9d1a2b | 135 | padding-bottom: 74px; |
9f661642 JS |
136 | } |
137 | ||
38aa4a40 | 138 | .mediagoblin_header_right { |
7c9d1a2b | 139 | float: right; |
38aa4a40 JS |
140 | } |
141 | ||
69dadf42 JS |
142 | /* common website elements */ |
143 | ||
677f55cc | 144 | .button, .cancel_link { |
7c9d1a2b CAW |
145 | height: 32px; |
146 | min-width: 99px; | |
147 | background-color: #86d4b1; | |
69dadf42 JS |
148 | background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); |
149 | background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); | |
150 | background-image: -moz-linear-gradient(top, #86d4b1, #62caa2); | |
151 | background-image: -ms-linear-gradient(top, #86d4b1, #62caa2); | |
152 | background-image: -o-linear-gradient(top, #86d4b1, #62caa2); | |
153 | background-image: linear-gradient(top, #86d4b1, #62caa2); | |
7c9d1a2b | 154 | box-shadow: 0px 0px 4px #000; |
9ecf7cd1 | 155 | border-radius: 3px; |
7c9d1a2b CAW |
156 | border: none; |
157 | color: #272727; | |
158 | margin: 10px 0px 10px 15px; | |
7c9d1a2b CAW |
159 | text-align: center; |
160 | padding-left: 11px; | |
161 | padding-right: 11px; | |
162 | text-decoration: none; | |
ce5db609 CAW |
163 | font-family: 'Lato', sans-serif; |
164 | font-size: 1.2em; | |
165 | font-weight: bold; | |
881b6e2c JS |
166 | } |
167 | ||
677f55cc CAW |
168 | .cancel_link { |
169 | background-color: #aaa; | |
170 | background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa)); | |
171 | background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa); | |
172 | background-image: -moz-linear-gradient(top, #D2D2D2, #aaa); | |
173 | background-image: -ms-linear-gradient(top, #D2D2D2, #aaa); | |
174 | background-image: -o-linear-gradient(top, #D2D2D2, #aaa); | |
175 | background-image: linear-gradient(top, #D2D2D2, #aaa); | |
176 | } | |
177 | ||
bf332e82 | 178 | .pagination{ |
7c9d1a2b | 179 | text-align: center; |
bf332e82 JS |
180 | } |
181 | ||
0a45fa59 | 182 | .pagination_arrow{ |
7c9d1a2b | 183 | margin: 5px; |
0a45fa59 JS |
184 | } |
185 | ||
1d03221d JS |
186 | .empty_space{ |
187 | background-color: #222; | |
188 | font-style: italic; | |
189 | text-align: center; | |
190 | height: 160px; | |
191 | padding-top: 70px; | |
192 | } | |
193 | ||
491b9109 JS |
194 | /* forms */ |
195 | ||
196 | .form_box { | |
7c9d1a2b CAW |
197 | background-color: #222; |
198 | background-image: url("../images/background_lines.png"); | |
199 | background-repeat: repeat-x; | |
7c9d1a2b CAW |
200 | padding-bottom: 30px; |
201 | padding-top: 30px; | |
202 | margin-left: auto; | |
203 | margin-right: auto; | |
204 | display: block; | |
205 | float: none; | |
f0e621c8 JS |
206 | } |
207 | ||
bb1f2f89 | 208 | .edit_box { |
7c9d1a2b | 209 | background-image: url("../images/background_edit.png"); |
bb1f2f89 JS |
210 | } |
211 | ||
353f927e | 212 | .form_field_input input, .form_field_input textarea { |
7c9d1a2b | 213 | width: 100%; |
491b9109 JS |
214 | } |
215 | ||
216 | .form_field_box { | |
7c9d1a2b | 217 | margin-bottom: 24px; |
716a0ac3 JS |
218 | } |
219 | ||
220 | .form_field_label,.form_field_input { | |
7c9d1a2b | 221 | margin-bottom: 4px; |
491b9109 JS |
222 | } |
223 | ||
feb3c4c3 JS |
224 | .form_field_label { |
225 | font-size:1.125em; | |
226 | } | |
227 | ||
228 | .form_field_description { | |
229 | font-style: italic; | |
230 | } | |
231 | ||
716a0ac3 | 232 | .form_field_error { |
7c9d1a2b CAW |
233 | background-color: #87453b; |
234 | color: #fff; | |
235 | border: none; | |
7c9d1a2b CAW |
236 | padding: 9px; |
237 | margin-top: 8px; | |
238 | margin-bottom: 8px; | |
491b9109 | 239 | } |
37a00748 | 240 | |
69dadf42 | 241 | .form_submit_buttons { |
7c9d1a2b | 242 | text-align: right; |
69dadf42 JS |
243 | } |
244 | ||
270dca58 JS |
245 | /* comments */ |
246 | ||
247 | .comment_author { | |
7c9d1a2b CAW |
248 | margin-bottom: 40px; |
249 | padding-top: 4px; | |
a97e5bb2 | 250 | font-size: 0.9em; |
270dca58 JS |
251 | } |
252 | ||
253 | .comment_content p { | |
7c9d1a2b | 254 | margin-bottom: 4px; |
270dca58 JS |
255 | } |
256 | ||
a54e5be7 JS |
257 | /* media galleries */ |
258 | ||
e854a128 | 259 | .media_thumbnail { |
7c9d1a2b CAW |
260 | padding: 0px; |
261 | width: 180px; | |
7c9d1a2b CAW |
262 | overflow: hidden; |
263 | float: left; | |
264 | margin: 0px 4px 10px 4px; | |
92ed2892 | 265 | text-align: center; |
970cea18 | 266 | font-size: 0.875em; |
92ed2892 CAW |
267 | } |
268 | ||
ec451724 CAW |
269 | .media_thumbnail a { |
270 | color: #eee; | |
271 | text-decoration: none; | |
272 | } | |
273 | ||
92ed2892 CAW |
274 | /* media detail */ |
275 | ||
9ecf7cd1 | 276 | h2.media_title{ |
a97e5bb2 | 277 | margin-bottom: 0px; |
9ecf7cd1 JS |
278 | } |
279 | ||
280 | p.media_uploader{ | |
a97e5bb2 | 281 | font-size: 0.9em; |
9ecf7cd1 JS |
282 | } |
283 | ||
6ef36a15 JS |
284 | /* icons */ |
285 | ||
b611476c | 286 | img.media_icon{ |
7c9d1a2b CAW |
287 | margin: 0 4px; |
288 | vertical-align: sub; | |
6ef36a15 | 289 | } |
8dc43810 JS |
290 | |
291 | /* navigation */ | |
292 | ||
293 | .navigation_button{ | |
7c9d1a2b CAW |
294 | width: 139px; |
295 | display: block; | |
296 | float: left; | |
297 | text-align: center; | |
9ecf7cd1 | 298 | background-color: #333; |
7c9d1a2b CAW |
299 | text-decoration: none; |
300 | padding: 12px 0pt; | |
7c9d1a2b CAW |
301 | font-size: 2em; |
302 | margin: 0 0 20px | |
8dc43810 JS |
303 | } |
304 | ||
305 | p.navigation_button{ | |
7c9d1a2b | 306 | color: #272727; |
8dc43810 JS |
307 | } |
308 | ||
309 | .navigation_left{ | |
7c9d1a2b | 310 | margin-right: 2px; |
8dc43810 | 311 | } |
62e2f458 JS |
312 | |
313 | /* messages */ | |
314 | ||
315 | ul.mediagoblin_messages { | |
7c9d1a2b CAW |
316 | list-style: none inside; |
317 | color: #f7f7f7; | |
62e2f458 JS |
318 | } |
319 | ||
320 | .mediagoblin_messages li { | |
7c9d1a2b CAW |
321 | margin: 5px 0; |
322 | padding: 8px; | |
323 | text-align: center; | |
62e2f458 JS |
324 | } |
325 | ||
326 | .message_success { | |
327 | background-color: #378566; | |
328 | } | |
329 | ||
330 | .message_warning { | |
331 | background-color: #87453b; | |
332 | } | |
333 | ||
334 | .message_error { | |
335 | background-color: #87453b; | |
336 | } | |
337 | ||
338 | .message_info { | |
339 | background-color: #378566; | |
b51c5741 | 340 | } |
62e2f458 JS |
341 | |
342 | .message_debug { | |
343 | background-color: #f7f7f7; | |
7c9d1a2b | 344 | color: #272727; |
62e2f458 | 345 | } |
5d900647 CAW |
346 | |
347 | ul.mediaentry_tags { | |
348 | list-style-type: none; | |
349 | } | |
350 | ||
351 | ul.mediaentry_tags li { | |
352 | display: inline; | |
353 | margin: 0px 5px 0px 0px; | |
354 | padding: 0px; | |
355 | } | |
01c75c7e CAW |
356 | |
357 | ||
358 | /* media processing panel */ | |
359 | ||
360 | table.media_panel { | |
361 | width: 100%; | |
362 | } | |
363 | ||
364 | table.media_panel th { | |
365 | font-weight: bold; | |
366 | padding-bottom: 4px; | |
58335110 | 367 | } |
e8b51792 CAW |
368 | |
369 | ||
370 | /* Delete panel */ | |
371 | ||
372 | .delete_checkbox_box { | |
373 | margin-top: 10px; | |
374 | margin-left: 10px; | |
375 | } |