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; | |
881b6e2c JS |
7 | } |
8 | ||
cb1e4a3d JS |
9 | /* Carter One font */ |
10 | ||
11 | @font-face { | |
12 | font-family: 'Carter One'; | |
13 | font-style: normal; | |
14 | font-weight: normal; | |
15 | src: local('CarterOne'), url('http://themes.googleusercontent.com/font?kit=VjW2qt1pkqVtO22ObxgEBRsxEYwM7FgeyaSgU71cLG0') format('woff'); | |
16 | } | |
17 | ||
18 | /* text styles */ | |
19 | ||
881b6e2c | 20 | h1 { |
716a0ac3 JS |
21 | font-family: 'Carter One', arial, serif; |
22 | margin-bottom: 20px; | |
23 | margin-top:40px; | |
881b6e2c JS |
24 | } |
25 | ||
b5cc7afe | 26 | p { |
df901af7 | 27 | font-family: sans-serif; |
b5cc7afe JS |
28 | font-size:16px; |
29 | } | |
30 | ||
881b6e2c | 31 | a { |
716a0ac3 | 32 | color: #86D4B1; |
881b6e2c JS |
33 | } |
34 | ||
983aa712 JS |
35 | label { |
36 | font-weight: normal; | |
37 | } | |
38 | ||
39 | /* website structure */ | |
40 | ||
4a0f823e | 41 | .mediagoblin_header { |
716a0ac3 JS |
42 | width:100%; |
43 | height:36px; | |
44 | background-color:#393939; | |
45 | padding-top:14px; | |
46 | margin-bottom:40px; | |
881b6e2c JS |
47 | } |
48 | ||
722d6a97 JS |
49 | a.mediagoblin_logo { |
50 | width:34px; | |
51 | height:25px; | |
716a0ac3 | 52 | margin-right:10px; |
722d6a97 JS |
53 | background-image:url('../images/icon.png'); |
54 | background-position:0px 0px; | |
55 | display:inline-block; | |
56 | } | |
57 | ||
58 | a.mediagoblin_logo:hover { | |
59 | background-position:0px -28px; | |
2f4d0584 JS |
60 | } |
61 | ||
207219b5 | 62 | .mediagoblin_container { |
716a0ac3 JS |
63 | width: 960px; |
64 | margin-left: auto; | |
65 | margin-right: auto; | |
881b6e2c JS |
66 | } |
67 | ||
38aa4a40 | 68 | .mediagoblin_header_right { |
716a0ac3 | 69 | float:right; |
38aa4a40 JS |
70 | } |
71 | ||
69dadf42 JS |
72 | /* common website elements */ |
73 | ||
74 | .dotted_line { | |
75 | width:100%; | |
76 | height:0px; | |
77 | border-bottom: dotted 1px #5f5f5f; | |
78 | position:absolute; | |
79 | left:0px; | |
80 | margin-top:-20px; | |
81 | } | |
82 | ||
4fdd1021 | 83 | .button { |
716a0ac3 JS |
84 | font-family:'Carter One', arial, serif; |
85 | height:32px; | |
86 | min-width:99px; | |
87 | background-color:#86d4b1; | |
69dadf42 JS |
88 | background-image: -webkit-gradient(linear, left top, left bottom, from(#86d4b1), to(#62caa2)); |
89 | background-image: -webkit-linear-gradient(top, #86d4b1, #62caa2); | |
90 | background-image: -moz-linear-gradient(top, #86d4b1, #62caa2); | |
91 | background-image: -ms-linear-gradient(top, #86d4b1, #62caa2); | |
92 | background-image: -o-linear-gradient(top, #86d4b1, #62caa2); | |
93 | background-image: linear-gradient(top, #86d4b1, #62caa2); | |
716a0ac3 JS |
94 | box-shadow:0px 0px 4px #000; |
95 | border-radius:5px; | |
96 | border:none; | |
97 | color:#272727; | |
69dadf42 | 98 | margin:10px 0px; |
716a0ac3 | 99 | font-size:1em; |
716a0ac3 JS |
100 | text-align:center; |
101 | padding-left:11px; | |
102 | padding-right:11px; | |
881b6e2c JS |
103 | } |
104 | ||
491b9109 JS |
105 | /* forms */ |
106 | ||
107 | .form_box { | |
716a0ac3 JS |
108 | width:300px; |
109 | margin-left:auto; | |
110 | margin-right:auto; | |
111 | background-color:#393939; | |
3e965450 JS |
112 | background-image:url("../images/background_lines.png"); |
113 | background-repeat:repeat-x; | |
114 | padding:1px 83px 30px 83px; | |
716a0ac3 | 115 | font-size:18px; |
491b9109 JS |
116 | } |
117 | ||
f0e621c8 JS |
118 | .submit_box { |
119 | width:600px; | |
120 | } | |
121 | ||
bb1f2f89 JS |
122 | .edit_box { |
123 | width:600px; | |
124 | background-image:url("../images/background_edit.png"); | |
125 | } | |
126 | ||
9ef7c0f7 | 127 | .form_box h1 { |
716a0ac3 | 128 | font-size:28px; |
9ef7c0f7 JS |
129 | } |
130 | ||
491b9109 | 131 | .form_field_input input { |
716a0ac3 JS |
132 | width:300px; |
133 | font-size:18px; | |
491b9109 JS |
134 | } |
135 | ||
136 | .form_field_box { | |
716a0ac3 JS |
137 | margin-bottom:24px; |
138 | } | |
139 | ||
140 | .form_field_label,.form_field_input { | |
141 | margin-bottom:4px; | |
491b9109 JS |
142 | } |
143 | ||
716a0ac3 JS |
144 | .form_field_error { |
145 | background-color:#87453b; | |
146 | border:none; | |
147 | font-size:16px; | |
148 | padding:9px; | |
149 | margin-top:8px; | |
7c2005b6 | 150 | margin-bottom:8px; |
491b9109 | 151 | } |
37a00748 | 152 | |
69dadf42 JS |
153 | .form_submit_buttons { |
154 | text-align:right; | |
155 | } | |
156 | ||
37a00748 JS |
157 | /* media pages */ |
158 | ||
159 | img.media_image { | |
160 | display:block; | |
161 | margin-left:auto; | |
162 | margin-right:auto; | |
163 | } | |
dfd18eda | 164 | |
0d5094cb JS |
165 | ul.media_thumbnail { |
166 | padding:0px; | |
167 | } | |
168 | ||
dfd18eda | 169 | li.media_thumbnail { |
0d5094cb JS |
170 | width:200px; |
171 | height:133px; | |
172 | display:-moz-inline-stack; | |
173 | display:inline-block; | |
174 | vertical-align:top; | |
175 | margin:0px 10px 10px 0px; | |
176 | zoom:1; | |
177 | . *display:inline; | |
dfd18eda | 178 | } |