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