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 | ||
722d6a97 JS |
76 | a.mediagoblin_logo { |
77 | width:34px; | |
78 | height:25px; | |
716a0ac3 | 79 | margin-right:10px; |
722d6a97 JS |
80 | background-image:url('../images/icon.png'); |
81 | background-position:0px 0px; | |
82 | display:inline-block; | |
83 | } | |
84 | ||
85 | a.mediagoblin_logo:hover { | |
86 | background-position:0px -28px; | |
2f4d0584 JS |
87 | } |
88 | ||
38aa4a40 | 89 | .mediagoblin_header_right { |
716a0ac3 | 90 | float:right; |
38aa4a40 JS |
91 | } |
92 | ||
69dadf42 JS |
93 | /* common website elements */ |
94 | ||
95 | .dotted_line { | |
96 | width:100%; | |
97 | height:0px; | |
98 | border-bottom: dotted 1px #5f5f5f; | |
99 | position:absolute; | |
100 | left:0px; | |
101 | margin-top:-20px; | |
102 | } | |
103 | ||
4fdd1021 | 104 | .button { |
716a0ac3 JS |
105 | font-family:'Carter One', arial, serif; |
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); | |
716a0ac3 JS |
115 | box-shadow:0px 0px 4px #000; |
116 | border-radius:5px; | |
117 | border:none; | |
118 | color:#272727; | |
82e64b1f | 119 | margin:10px 0px 10px 15px; |
716a0ac3 | 120 | font-size:1em; |
716a0ac3 JS |
121 | text-align:center; |
122 | padding-left:11px; | |
123 | padding-right:11px; | |
881b6e2c JS |
124 | } |
125 | ||
491b9109 JS |
126 | /* forms */ |
127 | ||
128 | .form_box { | |
716a0ac3 | 129 | background-color:#393939; |
3e965450 JS |
130 | background-image:url("../images/background_lines.png"); |
131 | background-repeat:repeat-x; | |
716a0ac3 | 132 | font-size:18px; |
f7bcfaff | 133 | padding-bottom:30px; |
c397b962 JS |
134 | padding-top:1px; |
135 | margin-left:auto; | |
136 | margin-right:auto; | |
137 | display:block; | |
138 | float:none; | |
f0e621c8 JS |
139 | } |
140 | ||
bb1f2f89 | 141 | .edit_box { |
bb1f2f89 JS |
142 | background-image:url("../images/background_edit.png"); |
143 | } | |
144 | ||
9ef7c0f7 | 145 | .form_box h1 { |
716a0ac3 | 146 | font-size:28px; |
9ef7c0f7 JS |
147 | } |
148 | ||
353f927e CAW |
149 | .form_field_input input, .form_field_input textarea { |
150 | width:460px; | |
716a0ac3 | 151 | font-size:18px; |
491b9109 JS |
152 | } |
153 | ||
154 | .form_field_box { | |
716a0ac3 JS |
155 | margin-bottom:24px; |
156 | } | |
157 | ||
158 | .form_field_label,.form_field_input { | |
159 | margin-bottom:4px; | |
491b9109 JS |
160 | } |
161 | ||
716a0ac3 JS |
162 | .form_field_error { |
163 | background-color:#87453b; | |
164 | border:none; | |
165 | font-size:16px; | |
166 | padding:9px; | |
167 | margin-top:8px; | |
7c2005b6 | 168 | margin-bottom:8px; |
491b9109 | 169 | } |
37a00748 | 170 | |
69dadf42 JS |
171 | .form_submit_buttons { |
172 | text-align:right; | |
173 | } | |
174 | ||
37a00748 JS |
175 | /* media pages */ |
176 | ||
177 | img.media_image { | |
178 | display:block; | |
179 | margin-left:auto; | |
180 | margin-right:auto; | |
181 | } | |
dfd18eda | 182 | |
0d5094cb JS |
183 | ul.media_thumbnail { |
184 | padding:0px; | |
185 | } | |
186 | ||
dfd18eda | 187 | li.media_thumbnail { |
0d5094cb | 188 | width:200px; |
39c76f30 | 189 | height:200px; |
0d5094cb JS |
190 | display:-moz-inline-stack; |
191 | display:inline-block; | |
192 | vertical-align:top; | |
193 | margin:0px 10px 10px 0px; | |
194 | zoom:1; | |
195 | . *display:inline; | |
dfd18eda | 196 | } |