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