Commit | Line | Data |
---|---|---|
881b6e2c | 1 | body { |
716a0ac3 JS |
2 | background-color: #272727; |
3 | color: #f7f7f7; | |
00cc5cb7 | 4 | font-family: sans-serif; |
716a0ac3 JS |
5 | padding:none; |
6 | margin:0px; | |
9f661642 JS |
7 | height:100%; |
8 | } | |
9 | ||
10 | form { | |
11 | margin:0px; | |
12 | padding:0px; | |
881b6e2c JS |
13 | } |
14 | ||
cb1e4a3d JS |
15 | /* Carter One font */ |
16 | ||
17 | @font-face { | |
18 | font-family: 'Carter One'; | |
19 | font-style: normal; | |
20 | font-weight: normal; | |
21 | src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=VjW2qt1pkqVtO22ObxgEBRsxEYwM7FgeyaSgU71cLG0') format('woff'); | |
22 | } | |
23 | ||
24 | /* text styles */ | |
25 | ||
38f71d47 | 26 | h1{ |
716a0ac3 JS |
27 | font-family: 'Carter One', arial, serif; |
28 | margin-bottom: 20px; | |
29 | margin-top:40px; | |
881b6e2c JS |
30 | } |
31 | ||
38f71d47 JS |
32 | h2{ |
33 | margin-top:20px; | |
34 | } | |
35 | ||
b5cc7afe | 36 | p { |
df901af7 | 37 | font-family: sans-serif; |
b5cc7afe JS |
38 | font-size:16px; |
39 | } | |
40 | ||
881b6e2c | 41 | a { |
716a0ac3 | 42 | color: #86D4B1; |
881b6e2c JS |
43 | } |
44 | ||
983aa712 JS |
45 | label { |
46 | font-weight: normal; | |
47 | } | |
48 | ||
49 | /* website structure */ | |
50 | ||
9f661642 JS |
51 | .mediagoblin_body { |
52 | position:relative; | |
53 | min-height:100%; | |
54 | } | |
55 | ||
4a0f823e | 56 | .mediagoblin_header { |
716a0ac3 JS |
57 | width:100%; |
58 | height:36px; | |
59 | background-color:#393939; | |
60 | padding-top:14px; | |
61 | margin-bottom:40px; | |
881b6e2c JS |
62 | } |
63 | ||
9f661642 JS |
64 | .mediagoblin_footer { |
65 | width:100%; | |
66 | height:26px; | |
67 | background-color:#393939; | |
68 | bottom:0px; | |
69 | padding-top:8px; | |
70 | position:absolute; | |
71 | text-align:center; | |
72 | font-size:14px; | |
73 | color:#999; | |
74 | } | |
75 | ||
76 | .mediagoblin_content { | |
77 | padding-bottom:74px; | |
78 | } | |
79 | ||
722d6a97 JS |
80 | a.mediagoblin_logo { |
81 | width:34px; | |
82 | height:25px; | |
716a0ac3 | 83 | margin-right:10px; |
722d6a97 JS |
84 | background-image:url('../images/icon.png'); |
85 | background-position:0px 0px; | |
86 | display:inline-block; | |
87 | } | |
88 | ||
89 | a.mediagoblin_logo:hover { | |
90 | background-position:0px -28px; | |
2f4d0584 JS |
91 | } |
92 | ||
38aa4a40 | 93 | .mediagoblin_header_right { |
716a0ac3 | 94 | float:right; |
38aa4a40 JS |
95 | } |
96 | ||
69dadf42 JS |
97 | /* common website elements */ |
98 | ||
4fdd1021 | 99 | .button { |
716a0ac3 JS |
100 | font-family:'Carter One', arial, serif; |
101 | height:32px; | |
102 | min-width:99px; | |
103 | background-color:#86d4b1; | |
69dadf42 JS |
104 | background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); |
105 | background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); | |
106 | background-image: -moz-linear-gradient(top, #86d4b1, #62caa2); | |
107 | background-image: -ms-linear-gradient(top, #86d4b1, #62caa2); | |
108 | background-image: -o-linear-gradient(top, #86d4b1, #62caa2); | |
109 | background-image: linear-gradient(top, #86d4b1, #62caa2); | |
716a0ac3 JS |
110 | box-shadow:0px 0px 4px #000; |
111 | border-radius:5px; | |
112 | border:none; | |
113 | color:#272727; | |
82e64b1f | 114 | margin:10px 0px 10px 15px; |
716a0ac3 | 115 | font-size:1em; |
716a0ac3 JS |
116 | text-align:center; |
117 | padding-left:11px; | |
118 | padding-right:11px; | |
881b6e2c JS |
119 | } |
120 | ||
bf332e82 JS |
121 | .pagination{ |
122 | text-align:center; | |
123 | } | |
124 | ||
491b9109 JS |
125 | /* forms */ |
126 | ||
127 | .form_box { | |
716a0ac3 | 128 | background-color:#393939; |
3e965450 JS |
129 | background-image:url("../images/background_lines.png"); |
130 | background-repeat:repeat-x; | |
716a0ac3 | 131 | font-size:18px; |
f7bcfaff | 132 | padding-bottom:30px; |
c397b962 JS |
133 | padding-top:1px; |
134 | margin-left:auto; | |
135 | margin-right:auto; | |
136 | display:block; | |
137 | float:none; | |
f0e621c8 JS |
138 | } |
139 | ||
bb1f2f89 | 140 | .edit_box { |
bb1f2f89 JS |
141 | background-image:url("../images/background_edit.png"); |
142 | } | |
143 | ||
9ef7c0f7 | 144 | .form_box h1 { |
716a0ac3 | 145 | font-size:28px; |
9ef7c0f7 JS |
146 | } |
147 | ||
353f927e | 148 | .form_field_input input, .form_field_input textarea { |
f7b7511b | 149 | width:100%; |
716a0ac3 | 150 | font-size:18px; |
491b9109 JS |
151 | } |
152 | ||
153 | .form_field_box { | |
716a0ac3 JS |
154 | margin-bottom:24px; |
155 | } | |
156 | ||
157 | .form_field_label,.form_field_input { | |
158 | margin-bottom:4px; | |
491b9109 JS |
159 | } |
160 | ||
716a0ac3 JS |
161 | .form_field_error { |
162 | background-color:#87453b; | |
163 | border:none; | |
164 | font-size:16px; | |
165 | padding:9px; | |
166 | margin-top:8px; | |
7c2005b6 | 167 | margin-bottom:8px; |
491b9109 | 168 | } |
37a00748 | 169 | |
69dadf42 JS |
170 | .form_submit_buttons { |
171 | text-align:right; | |
172 | } | |
173 | ||
270dca58 JS |
174 | /* comments */ |
175 | ||
176 | .comment_author { | |
177 | margin-bottom:40px; | |
270dca58 JS |
178 | padding-top:4px; |
179 | } | |
180 | ||
181 | .comment_content p { | |
182 | margin-bottom:4px; | |
183 | } | |
184 | ||
a54e5be7 JS |
185 | /* media galleries */ |
186 | ||
e854a128 | 187 | .media_thumbnail { |
0d5094cb | 188 | padding:0px; |
e854a128 JS |
189 | width:180px; |
190 | height:135px; | |
191 | overflow:hidden; | |
192 | float:left; | |
0d5094cb | 193 | margin:0px 10px 10px 0px; |
d4a7a03c | 194 | text-align:center; |
dfd18eda | 195 | } |
6ef36a15 JS |
196 | |
197 | /* icons */ | |
198 | ||
b611476c JS |
199 | img.media_icon{ |
200 | margin:0 4px; | |
201 | vertical-align:sub; | |
6ef36a15 | 202 | } |
8dc43810 JS |
203 | |
204 | /* navigation */ | |
205 | ||
206 | .navigation_button{ | |
207 | width: 139px; | |
208 | display:block; | |
209 | float:left; | |
210 | text-align: center; | |
211 | background-color: #393939; | |
212 | text-decoration: none; | |
213 | padding: 6px 0pt; | |
214 | font-family: 'Carter One', arial, serif; | |
215 | font-size:2em; | |
38f71d47 | 216 | margin:0 0 20px |
8dc43810 JS |
217 | } |
218 | ||
219 | p.navigation_button{ | |
220 | color:#272727; | |
221 | } | |
222 | ||
223 | .navigation_left{ | |
224 | margin-right:2px; | |
225 | } | |
62e2f458 JS |
226 | |
227 | /* messages */ | |
228 | ||
229 | ul.mediagoblin_messages { | |
230 | list-style:none inside; | |
231 | color:#f7f7f7; | |
232 | } | |
233 | ||
234 | .mediagoblin_messages li { | |
235 | margin:5px 0; | |
236 | padding:8px; | |
237 | text-align:center; | |
238 | } | |
239 | ||
240 | .message_success { | |
241 | background-color: #378566; | |
242 | } | |
243 | ||
244 | .message_warning { | |
245 | background-color: #87453b; | |
246 | } | |
247 | ||
248 | .message_error { | |
249 | background-color: #87453b; | |
250 | } | |
251 | ||
252 | .message_info { | |
253 | background-color: #378566; | |
b51c5741 | 254 | } |
62e2f458 JS |
255 | |
256 | .message_debug { | |
257 | background-color: #f7f7f7; | |
258 | color:#272727; | |
259 | } | |
5c72d31d CAW |
260 | |
261 | /* profile stuff */ | |
262 | ||
263 | .profile_content p, .profile_bio { | |
264 | padding: 6px; | |
265 | background-color: #393939; | |
266 | } |