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 | ||
4fdd1021 | 136 | .button { |
716a0ac3 JS |
137 | font-family:'Carter One', arial, serif; |
138 | height:32px; | |
139 | min-width:99px; | |
140 | background-color:#86d4b1; | |
69dadf42 JS |
141 | background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); |
142 | background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); | |
143 | background-image: -moz-linear-gradient(top, #86d4b1, #62caa2); | |
144 | background-image: -ms-linear-gradient(top, #86d4b1, #62caa2); | |
145 | background-image: -o-linear-gradient(top, #86d4b1, #62caa2); | |
146 | background-image: linear-gradient(top, #86d4b1, #62caa2); | |
716a0ac3 JS |
147 | box-shadow:0px 0px 4px #000; |
148 | border-radius:5px; | |
149 | border:none; | |
150 | color:#272727; | |
82e64b1f | 151 | margin:10px 0px 10px 15px; |
716a0ac3 | 152 | font-size:1em; |
716a0ac3 JS |
153 | text-align:center; |
154 | padding-left:11px; | |
155 | padding-right:11px; | |
881b6e2c JS |
156 | } |
157 | ||
bf332e82 JS |
158 | .pagination{ |
159 | text-align:center; | |
160 | } | |
161 | ||
491b9109 JS |
162 | /* forms */ |
163 | ||
164 | .form_box { | |
716a0ac3 | 165 | background-color:#393939; |
3e965450 JS |
166 | background-image:url("../images/background_lines.png"); |
167 | background-repeat:repeat-x; | |
716a0ac3 | 168 | font-size:18px; |
f7bcfaff | 169 | padding-bottom:30px; |
c397b962 JS |
170 | padding-top:1px; |
171 | margin-left:auto; | |
172 | margin-right:auto; | |
173 | display:block; | |
174 | float:none; | |
f0e621c8 JS |
175 | } |
176 | ||
bb1f2f89 | 177 | .edit_box { |
bb1f2f89 JS |
178 | background-image:url("../images/background_edit.png"); |
179 | } | |
180 | ||
9ef7c0f7 | 181 | .form_box h1 { |
716a0ac3 | 182 | font-size:28px; |
9ef7c0f7 JS |
183 | } |
184 | ||
353f927e | 185 | .form_field_input input, .form_field_input textarea { |
f7b7511b | 186 | width:100%; |
716a0ac3 | 187 | font-size:18px; |
491b9109 JS |
188 | } |
189 | ||
190 | .form_field_box { | |
716a0ac3 JS |
191 | margin-bottom:24px; |
192 | } | |
193 | ||
194 | .form_field_label,.form_field_input { | |
195 | margin-bottom:4px; | |
491b9109 JS |
196 | } |
197 | ||
716a0ac3 JS |
198 | .form_field_error { |
199 | background-color:#87453b; | |
200 | border:none; | |
201 | font-size:16px; | |
202 | padding:9px; | |
203 | margin-top:8px; | |
7c2005b6 | 204 | margin-bottom:8px; |
491b9109 | 205 | } |
37a00748 | 206 | |
69dadf42 JS |
207 | .form_submit_buttons { |
208 | text-align:right; | |
209 | } | |
210 | ||
37a00748 JS |
211 | /* media pages */ |
212 | ||
a54e5be7 JS |
213 | .media_image{ |
214 | width:640px; | |
37a00748 | 215 | } |
dfd18eda | 216 | |
a54e5be7 JS |
217 | .media_sidebar{ |
218 | width:280px; | |
219 | } | |
220 | ||
270dca58 JS |
221 | /* comments */ |
222 | ||
223 | .comment_author { | |
224 | margin-bottom:40px; | |
270dca58 JS |
225 | padding-top:4px; |
226 | } | |
227 | ||
228 | .comment_content p { | |
229 | margin-bottom:4px; | |
230 | } | |
231 | ||
a54e5be7 JS |
232 | /* media galleries */ |
233 | ||
0d5094cb JS |
234 | ul.media_thumbnail { |
235 | padding:0px; | |
236 | } | |
237 | ||
dfd18eda | 238 | li.media_thumbnail { |
0d5094cb | 239 | width:200px; |
39c76f30 | 240 | height:200px; |
0d5094cb JS |
241 | display:-moz-inline-stack; |
242 | display:inline-block; | |
243 | vertical-align:top; | |
244 | margin:0px 10px 10px 0px; | |
d4a7a03c | 245 | text-align:center; |
0d5094cb JS |
246 | zoom:1; |
247 | . *display:inline; | |
dfd18eda | 248 | } |
6ef36a15 JS |
249 | |
250 | /* icons */ | |
251 | ||
b611476c JS |
252 | img.media_icon{ |
253 | margin:0 4px; | |
254 | vertical-align:sub; | |
6ef36a15 | 255 | } |