1 |
html, body{ |
2 |
margin: 0; |
3 |
padding: 0; |
4 |
} |
5 |
html{ |
6 |
font-size: 62.5%; |
7 |
} |
8 |
body{ |
9 |
background: #FFF; |
10 |
color: #333; |
11 |
font: 1.1em/1.6em "Lucida Grande", Tahoma, Arial, sans-serif; |
12 |
} |
13 |
|
14 |
|
15 |
fieldset{ |
16 |
border: 0; |
17 |
padding: 0; |
18 |
margin: 1em 0; |
19 |
} |
20 |
input.text{ |
21 |
border: 1px solid #BBB; |
22 |
padding: 4px; |
23 |
} |
24 |
input.submit{ |
25 |
font-size: 1em; |
26 |
padding: 4px; |
27 |
background: #D1D1D1 url(img/button.png) repeat-x left center; |
28 |
border: 1px solid #FFF; |
29 |
border-bottom: 1px solid #CECECE; |
30 |
border-right: 1px solid #CECECE; |
31 |
cursor: pointer; |
32 |
} |
33 |
input.submit:hover{ |
34 |
background: #D1D1D1 url(img/button-h.png) repeat-x left center; |
35 |
color: #000; |
36 |
border: 1px solid #FFF; |
37 |
border-bottom: 1px solid #C6C6C6; |
38 |
border-right: 1px solid #C6C6C6; |
39 |
} |
40 |
input.delete{ |
41 |
margin-left: 1em; |
42 |
} |
43 |
input.delete:hover{ |
44 |
background: #ffabab url(img/button-delete.png) repeat-x left center; |
45 |
color: #C00; |
46 |
border: 1px solid #FCC; |
47 |
border-bottom: 1px solid #F99; |
48 |
border-right: 1px solid #F99; |
49 |
} |
50 |
input.add{ |
51 |
font-weight: bold; |
52 |
} |
53 |
input.add:hover{ |
54 |
background: #65a5e1 url(img/button-add.png) repeat-x left center; |
55 |
color: #20466a; |
56 |
border: 1px solid #a6c7e5; |
57 |
border-bottom: 1px solid #4f90cd; |
58 |
border-right: 1px solid #4f90cd; |
59 |
} |
60 |
p.help{ |
61 |
font-size: 0.8em; |
62 |
color: #999; |
63 |
margin: 0; |
64 |
} |
65 |
|
66 |
#page{ |
67 |
} |
68 |
|
69 |
header{ |
70 |
background: #E0E0E0 url(img/moonmoon.png) no-repeat right center; |
71 |
border-top: 5px solid #D0D0D0; |
72 |
margin: 0; |
73 |
padding: 10px; |
74 |
} |
75 |
header h1{ |
76 |
display: none; |
77 |
margin: 0 0 0 20px; |
78 |
padding: 0; |
79 |
height: 14px; |
80 |
width: 95px; |
81 |
background: transparent url(img/moonmoon.png) no-repeat left center; |
82 |
|
83 |
overflow: hidden; |
84 |
text-indent: -1000em; |
85 |
} |
86 |
header p{ |
87 |
margin: 0 0 0 20px; |
88 |
padding: 0; |
89 |
} |
90 |
header p a{ |
91 |
color: #AAA; |
92 |
} |
93 |
header p a:hover{ |
94 |
color: #111; |
95 |
} |
96 |
|
97 |
|
98 |
nav ul{ |
99 |
margin: 20px 30px; |
100 |
padding: 0; |
101 |
list-style: none; |
102 |
} |
103 |
nav ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; } |
104 |
nav ul {display: inline-table;} |
105 |
/* Hides from IE-mac \*/ |
106 |
* html nav ul {height: 1%;} |
107 |
nav ul {display: block;} |
108 |
/* End hide from IE-mac */ |
109 |
|
110 |
nav ul li{ |
111 |
display: block; |
112 |
float: left; |
113 |
} |
114 |
nav ul li a{ |
115 |
display: block; |
116 |
border: 1px solid #DDD; |
117 |
padding: 8px 8px 8px 36px; |
118 |
margin-right: 8px; |
119 |
text-decoration: none; |
120 |
color: #666; |
121 |
background-repeat: no-repeat; |
122 |
background-position: 6px center; |
123 |
} |
124 |
nav ul li a:hover, |
125 |
body#admin-feed #nav-feed a, |
126 |
body#admin-admin #nav-admin a { |
127 |
background-color: #f0f2f6; |
128 |
border-color: #AAA; |
129 |
color: #111; |
130 |
} |
131 |
#nav-feed a{ |
132 |
background-image: url(img/nav-feed.png); |
133 |
} |
134 |
#nav-admin a{ |
135 |
background-image: url(img/nav-admin.png); |
136 |
} |
137 |
|
138 |
#content{ |
139 |
margin: 20px 30px; |
140 |
} |
141 |
|
142 |
.widget{ |
143 |
margin: 20px 0; |
144 |
} |
145 |
.widget h3{ |
146 |
background: #3e4350 url(img/h3.png) repeat-x left center; |
147 |
color: #FFF; |
148 |
text-transform: uppercase; |
149 |
margin: 0; |
150 |
padding: 10px; |
151 |
} |
152 |
.widget form{ |
153 |
padding: 10px; |
154 |
border: 1px solid #EEE; |
155 |
border-top: 0; |
156 |
} |
157 |
|
158 |
#feedmanage p.select{ |
159 |
margin: 3px 0; |
160 |
} |
161 |
#feedmanage p.action span.count{ |
162 |
float: right; |
163 |
padding-right: 10px; |
164 |
font-size: 1.3em; |
165 |
} |
166 |
#feedmanage table{ |
167 |
width: 99%; |
168 |
border-collapse: collapse; |
169 |
border: 1px solid #f0f2f6; |
170 |
} |
171 |
#feedmanage thead th{ |
172 |
background: #f0f2f6; |
173 |
text-align: left; |
174 |
padding: 6px; |
175 |
} |
176 |
#feedmanage thead span{ |
177 |
display: none; |
178 |
} |
179 |
#feedmanage tr{ |
180 |
border-bottom: 1px solid #e8ebf1; |
181 |
} |
182 |
#feedmanage tr.even td{ |
183 |
background: #f0f2f6; |
184 |
width: auto; |
185 |
} |
186 |
#feedmanage .text{ |
187 |
background: transparent; |
188 |
border: 1px solid #FFF; |
189 |
width: 90%; |
190 |
} |
191 |
#feedmanage tr.even td .text{ |
192 |
border: 1px solid #f0f2f6; |
193 |
} |
194 |
#feedmanage tr td input.text:focus{ |
195 |
background: #FFF; |
196 |
border: 1px solid #4392b7; |
197 |
} |
198 |
|
199 |
#feedmanage tr.selected td{ |
200 |
background: #ffabab; |
201 |
background: #4392b7; |
202 |
color: #FFF; |
203 |
} |
204 |
#feedmanage tr.selected td .text{ |
205 |
color: #FFF; |
206 |
border: 1px solid #4392b7; |
207 |
} |
208 |
#feedmanage tr td input.text:focus{ |
209 |
background: #FFF; |
210 |
color: #000; |
211 |
border: 1px solid #4392b7; |
212 |
} |
213 |
|
214 |
/* Login form |
215 |
*******************************************************************************/ |
216 |
form.login { |
217 |
width: 400px; |
218 |
margin: 0 auto; |
219 |
} |
220 |
form.login fieldset { |
221 |
border: 1px solid #CCC; |
222 |
text-align: center; |
223 |
} |
224 |
|
225 |
p.logout { |
226 |
float: right; |
227 |
margin: 20px 30px 0 0; |
228 |
} |
229 |
p.logout a { |
230 |
padding: 8px; |
231 |
display: block; |
232 |
} |