Commit | Line | Data |
---|---|---|
881b6e2c | 1 | body { |
06a5f21e | 2 | background-color: #111; |
7c9d1a2b | 3 | background-image: url("../images/background.png"); |
06a5f21e | 4 | color: #999; |
00cc5cb7 | 5 | font-family: sans-serif; |
7c9d1a2b CAW |
6 | padding: none; |
7 | margin: 0px; | |
8 | height: 100%; | |
06a5f21e | 9 | font: 16px "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif; |
9f661642 JS |
10 | } |
11 | ||
12 | form { | |
7c9d1a2b CAW |
13 | margin: 0px; |
14 | padding: 0px; | |
881b6e2c JS |
15 | } |
16 | ||
cb1e4a3d JS |
17 | /* text styles */ |
18 | ||
38f71d47 | 19 | h1{ |
0b6c3ef1 | 20 | margin-bottom: 15px; |
7c9d1a2b CAW |
21 | margin-top: 15px; |
22 | color: #fff; | |
a97e5bb2 | 23 | font-size: 1.875em; |
881b6e2c JS |
24 | } |
25 | ||
38f71d47 | 26 | h2{ |
7c9d1a2b CAW |
27 | margin-top: 20px; |
28 | color: #fff; | |
06a5f21e JS |
29 | } |
30 | ||
31 | h3{ | |
9ecf7cd1 | 32 | border-bottom: 1px solid #333; |
a97e5bb2 | 33 | font-size: 1.125em; |
38f71d47 JS |
34 | } |
35 | ||
881b6e2c | 36 | a { |
9ecf7cd1 | 37 | color: #86D4B1; |
881b6e2c JS |
38 | } |
39 | ||
996b3bf7 JS |
40 | a.highlight { |
41 | color: #fff; | |
42 | } | |
43 | ||
983aa712 JS |
44 | label { |
45 | font-weight: normal; | |
46 | } | |
47 | ||
48 | /* website structure */ | |
49 | ||
9f661642 | 50 | .mediagoblin_body { |
7c9d1a2b CAW |
51 | position: relative; |
52 | min-height: 100%; | |
9f661642 JS |
53 | } |
54 | ||
4a0f823e | 55 | .mediagoblin_header { |
7c9d1a2b CAW |
56 | height: 36px; |
57 | padding-top: 14px; | |
58 | margin-bottom: 20px; | |
9ecf7cd1 JS |
59 | border-bottom: 1px solid #333; |
60 | } | |
61 | ||
62 | a.mediagoblin_logo{ | |
a97e5bb2 JS |
63 | color: #fff; |
64 | font-weight: bold; | |
881b6e2c JS |
65 | } |
66 | ||
681e1371 | 67 | .header_submit{ |
7c9d1a2b CAW |
68 | color: #272727; |
69 | background-color: #aaa; | |
681e1371 JS |
70 | background-image: -webkit-gradient(linear, left top, left bottom, from(##D2D2D2), to(#aaa)); |
71 | background-image: -webkit-linear-gradient(top, #D2D2D2, #aaa); | |
72 | background-image: -moz-linear-gradient(top, #D2D2D2, #aaa); | |
73 | background-image: -ms-linear-gradient(top, #D2D2D2, #aaa); | |
74 | background-image: -o-linear-gradient(top, #D2D2D2, #aaa); | |
75 | background-image: linear-gradient(top, #D2D2D2, #aaa); | |
7c9d1a2b | 76 | box-shadow: 0px 0px 4px #000; |
9ecf7cd1 | 77 | border-radius: 3px; |
7c9d1a2b CAW |
78 | margin: 8px; |
79 | padding: 3px 8px; | |
80 | text-decoration: none; | |
81 | border: medium none; | |
1d03221d | 82 | font-style: normal; |
681e1371 JS |
83 | } |
84 | ||
9f661642 | 85 | .mediagoblin_footer { |
7c9d1a2b | 86 | height: 30px; |
9ecf7cd1 | 87 | border-top: 1px solid #333; |
7c9d1a2b CAW |
88 | bottom: 0px; |
89 | padding-top: 8px; | |
90 | text-align: center; | |
a97e5bb2 | 91 | font-size: 0.8125em; |
7c9d1a2b | 92 | color: #999; |
9f661642 JS |
93 | } |
94 | ||
95 | .mediagoblin_content { | |
7c9d1a2b | 96 | padding-bottom: 74px; |
9f661642 JS |
97 | } |
98 | ||
38aa4a40 | 99 | .mediagoblin_header_right { |
7c9d1a2b | 100 | float: right; |
38aa4a40 JS |
101 | } |
102 | ||
69dadf42 JS |
103 | /* common website elements */ |
104 | ||
4fdd1021 | 105 | .button { |
7c9d1a2b CAW |
106 | height: 32px; |
107 | min-width: 99px; | |
108 | background-color: #86d4b1; | |
69dadf42 JS |
109 | background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); |
110 | background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); | |
111 | background-image: -moz-linear-gradient(top, #86d4b1, #62caa2); | |
112 | background-image: -ms-linear-gradient(top, #86d4b1, #62caa2); | |
113 | background-image: -o-linear-gradient(top, #86d4b1, #62caa2); | |
114 | background-image: linear-gradient(top, #86d4b1, #62caa2); | |
7c9d1a2b | 115 | box-shadow: 0px 0px 4px #000; |
9ecf7cd1 | 116 | border-radius: 3px; |
7c9d1a2b CAW |
117 | border: none; |
118 | color: #272727; | |
119 | margin: 10px 0px 10px 15px; | |
7c9d1a2b CAW |
120 | text-align: center; |
121 | padding-left: 11px; | |
122 | padding-right: 11px; | |
123 | text-decoration: none; | |
881b6e2c JS |
124 | } |
125 | ||
bf332e82 | 126 | .pagination{ |
7c9d1a2b | 127 | text-align: center; |
bf332e82 JS |
128 | } |
129 | ||
0a45fa59 | 130 | .pagination_arrow{ |
7c9d1a2b | 131 | margin: 5px; |
0a45fa59 JS |
132 | } |
133 | ||
1d03221d JS |
134 | .empty_space{ |
135 | background-color: #222; | |
136 | font-style: italic; | |
137 | text-align: center; | |
138 | height: 160px; | |
139 | padding-top: 70px; | |
140 | } | |
141 | ||
491b9109 JS |
142 | /* forms */ |
143 | ||
144 | .form_box { | |
7c9d1a2b CAW |
145 | background-color: #222; |
146 | background-image: url("../images/background_lines.png"); | |
147 | background-repeat: repeat-x; | |
7c9d1a2b CAW |
148 | padding-bottom: 30px; |
149 | padding-top: 30px; | |
150 | margin-left: auto; | |
151 | margin-right: auto; | |
152 | display: block; | |
153 | float: none; | |
f0e621c8 JS |
154 | } |
155 | ||
bb1f2f89 | 156 | .edit_box { |
7c9d1a2b | 157 | background-image: url("../images/background_edit.png"); |
bb1f2f89 JS |
158 | } |
159 | ||
353f927e | 160 | .form_field_input input, .form_field_input textarea { |
7c9d1a2b | 161 | width: 100%; |
491b9109 JS |
162 | } |
163 | ||
164 | .form_field_box { | |
7c9d1a2b | 165 | margin-bottom: 24px; |
716a0ac3 JS |
166 | } |
167 | ||
168 | .form_field_label,.form_field_input { | |
7c9d1a2b | 169 | margin-bottom: 4px; |
491b9109 JS |
170 | } |
171 | ||
716a0ac3 | 172 | .form_field_error { |
7c9d1a2b CAW |
173 | background-color: #87453b; |
174 | color: #fff; | |
175 | border: none; | |
7c9d1a2b CAW |
176 | padding: 9px; |
177 | margin-top: 8px; | |
178 | margin-bottom: 8px; | |
491b9109 | 179 | } |
37a00748 | 180 | |
69dadf42 | 181 | .form_submit_buttons { |
7c9d1a2b | 182 | text-align: right; |
69dadf42 JS |
183 | } |
184 | ||
270dca58 JS |
185 | /* comments */ |
186 | ||
187 | .comment_author { | |
7c9d1a2b CAW |
188 | margin-bottom: 40px; |
189 | padding-top: 4px; | |
a97e5bb2 | 190 | font-size: 0.9em; |
270dca58 JS |
191 | } |
192 | ||
193 | .comment_content p { | |
7c9d1a2b | 194 | margin-bottom: 4px; |
270dca58 JS |
195 | } |
196 | ||
a54e5be7 JS |
197 | /* media galleries */ |
198 | ||
e854a128 | 199 | .media_thumbnail { |
7c9d1a2b CAW |
200 | padding: 0px; |
201 | width: 180px; | |
7c9d1a2b CAW |
202 | overflow: hidden; |
203 | float: left; | |
204 | margin: 0px 4px 10px 4px; | |
92ed2892 CAW |
205 | text-align: center; |
206 | } | |
207 | ||
208 | /* media detail */ | |
209 | ||
9ecf7cd1 | 210 | h2.media_title{ |
a97e5bb2 | 211 | margin-bottom: 0px; |
9ecf7cd1 JS |
212 | } |
213 | ||
214 | p.media_uploader{ | |
a97e5bb2 | 215 | font-size: 0.9em; |
9ecf7cd1 JS |
216 | } |
217 | ||
6ef36a15 JS |
218 | /* icons */ |
219 | ||
b611476c | 220 | img.media_icon{ |
7c9d1a2b CAW |
221 | margin: 0 4px; |
222 | vertical-align: sub; | |
6ef36a15 | 223 | } |
8dc43810 JS |
224 | |
225 | /* navigation */ | |
226 | ||
227 | .navigation_button{ | |
7c9d1a2b CAW |
228 | width: 139px; |
229 | display: block; | |
230 | float: left; | |
231 | text-align: center; | |
9ecf7cd1 | 232 | background-color: #333; |
7c9d1a2b CAW |
233 | text-decoration: none; |
234 | padding: 12px 0pt; | |
7c9d1a2b CAW |
235 | font-size: 2em; |
236 | margin: 0 0 20px | |
8dc43810 JS |
237 | } |
238 | ||
239 | p.navigation_button{ | |
7c9d1a2b | 240 | color: #272727; |
8dc43810 JS |
241 | } |
242 | ||
243 | .navigation_left{ | |
7c9d1a2b | 244 | margin-right: 2px; |
8dc43810 | 245 | } |
62e2f458 JS |
246 | |
247 | /* messages */ | |
248 | ||
249 | ul.mediagoblin_messages { | |
7c9d1a2b CAW |
250 | list-style: none inside; |
251 | color: #f7f7f7; | |
62e2f458 JS |
252 | } |
253 | ||
254 | .mediagoblin_messages li { | |
7c9d1a2b CAW |
255 | margin: 5px 0; |
256 | padding: 8px; | |
257 | text-align: center; | |
62e2f458 JS |
258 | } |
259 | ||
260 | .message_success { | |
261 | background-color: #378566; | |
262 | } | |
263 | ||
264 | .message_warning { | |
265 | background-color: #87453b; | |
266 | } | |
267 | ||
268 | .message_error { | |
269 | background-color: #87453b; | |
270 | } | |
271 | ||
272 | .message_info { | |
273 | background-color: #378566; | |
b51c5741 | 274 | } |
62e2f458 JS |
275 | |
276 | .message_debug { | |
277 | background-color: #f7f7f7; | |
7c9d1a2b | 278 | color: #272727; |
62e2f458 | 279 | } |
5d900647 CAW |
280 | |
281 | ul.mediaentry_tags { | |
282 | list-style-type: none; | |
283 | } | |
284 | ||
285 | ul.mediaentry_tags li { | |
286 | display: inline; | |
287 | margin: 0px 5px 0px 0px; | |
288 | padding: 0px; | |
289 | } | |
01c75c7e CAW |
290 | |
291 | ||
292 | /* media processing panel */ | |
293 | ||
294 | table.media_panel { | |
295 | width: 100%; | |
296 | } | |
297 | ||
298 | table.media_panel th { | |
299 | font-weight: bold; | |
300 | padding-bottom: 4px; | |
58335110 | 301 | } |