Commit | Line | Data |
---|---|---|
881b6e2c | 1 | body { |
716a0ac3 JS |
2 | background-color: #272727; |
3 | color: #f7f7f7; | |
4 | font-family: sans; | |
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 JS |
26 | p { |
27 | font-family: sans; | |
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 | ||
2f4d0584 | 49 | .icon { |
716a0ac3 JS |
50 | vertical-align:middle; |
51 | margin-right:10px; | |
2f4d0584 JS |
52 | } |
53 | ||
207219b5 | 54 | .mediagoblin_container { |
716a0ac3 JS |
55 | width: 960px; |
56 | margin-left: auto; | |
57 | margin-right: auto; | |
881b6e2c JS |
58 | } |
59 | ||
38aa4a40 | 60 | .mediagoblin_header_right { |
716a0ac3 | 61 | float:right; |
38aa4a40 JS |
62 | } |
63 | ||
4fdd1021 | 64 | .button { |
716a0ac3 JS |
65 | font-family:'Carter One', arial, serif; |
66 | height:32px; | |
67 | min-width:99px; | |
68 | background-color:#86d4b1; | |
69 | box-shadow:0px 0px 4px #000; | |
70 | border-radius:5px; | |
71 | border:none; | |
72 | color:#272727; | |
73 | margin:10px; | |
74 | font-size:1em; | |
716a0ac3 JS |
75 | display:block; |
76 | text-align:center; | |
77 | padding-left:11px; | |
78 | padding-right:11px; | |
881b6e2c JS |
79 | } |
80 | ||
983aa712 JS |
81 | /* common website elements */ |
82 | ||
83 | .dotted_line { | |
716a0ac3 JS |
84 | width:100%; |
85 | height:0px; | |
86 | border-bottom: dotted 1px #5f5f5f; | |
87 | position:absolute; | |
88 | left:0px; | |
89 | margin-top:-20px; | |
983aa712 | 90 | } |
491b9109 JS |
91 | |
92 | /* forms */ | |
93 | ||
94 | .form_box { | |
716a0ac3 JS |
95 | width:300px; |
96 | margin-left:auto; | |
97 | margin-right:auto; | |
98 | background-color:#393939; | |
b5cc7afe | 99 | padding:0px 83px 30px 83px; |
716a0ac3 JS |
100 | border-top:5px solid #d49086; |
101 | font-size:18px; | |
491b9109 JS |
102 | } |
103 | ||
9ef7c0f7 | 104 | .form_box h1 { |
716a0ac3 | 105 | font-size:28px; |
9ef7c0f7 JS |
106 | } |
107 | ||
491b9109 | 108 | .form_field_input input { |
716a0ac3 JS |
109 | width:300px; |
110 | font-size:18px; | |
491b9109 JS |
111 | } |
112 | ||
113 | .form_field_box { | |
716a0ac3 JS |
114 | margin-bottom:24px; |
115 | } | |
116 | ||
117 | .form_field_label,.form_field_input { | |
118 | margin-bottom:4px; | |
491b9109 JS |
119 | } |
120 | ||
716a0ac3 JS |
121 | .form_field_error { |
122 | background-color:#87453b; | |
123 | border:none; | |
124 | font-size:16px; | |
125 | padding:9px; | |
126 | margin-top:8px; | |
7c2005b6 | 127 | margin-bottom:8px; |
491b9109 | 128 | } |