3 Jappix - An open social platform
4 This is the manager CSS stylesheet for Jappix
6 -------------------------------------------------
10 Last revision: 31/08/11
15 background-color: rgb(20,20,20);
16 background-color: rgba(20,20,20,0.85);
20 border-bottom-left-radius: 4px;
21 border-bottom-right-radius: 4px;
22 -moz-border-radius-bottomleft: 4px;
23 -moz-border-radius-bottomright: 4px;
24 -webkit-border-bottom-left-radius: 4px;
25 -webkit-border-bottom-right-radius: 4px;
26 box-shadow: 0 0 35px #5c5c5c;
27 -moz-box-shadow: 0 0 35px #5c5c5c;
28 -webkit-box-shadow: 0 0 35px #5c5c5c;
33 text-decoration: underline;
41 border: 1px solid black;
42 margin: 22px 0 15px 0;
43 padding: 7px 2px 5px 2px;
45 -moz-border-radius: 3px;
46 -webkit-border-radius: 3px;
53 text-transform: uppercase;
64 #manager label.master {
65 text-decoration: underline;
74 #manager input[type=radio] {
75 margin: 2px 8px 5px 0;
78 #manager input[type=text],
79 #manager input[type=url],
80 #manager input[type=password],
86 #manager input[type=text],
87 #manager input[type=url],
88 #manager input[type=password] {
99 #manager input.icon#admin_name {
100 background-position: 4px -510px;
103 #manager input.icon#admin_password,
104 #manager input.icon#user_repassword {
105 background-position: 4px -532px;
108 #manager input.icon#user_name,
109 #manager input.icon#music_artist {
110 background-position: 4px -554px;
113 #manager input.icon#user_password {
114 background-position: 4px -576px;
117 #manager input.icon#music_title {
118 background-position: 4px -598px;
121 #manager input.icon#music_album {
122 background-position: 4px -620px;
125 #manager input.icon#background_image_color,
126 #manager input.icon#background_color_color {
127 background-position: 4px -641px;
136 padding: 25px 45px 30px;
140 background-position: 0 0;
143 padding: 28px 0 0 65px;
146 text-transform: lowercase;
148 text-shadow: 0 1px 1px black;
152 background-color: #e0eaec;
154 padding: 12px 7px 12px 14px;
157 -moz-border-radius: 3px;
158 -webkit-border-radius: 3px;
159 box-shadow: 0 0 10px #202020;
160 -moz-box-shadow: 0 0 10px #202020;
161 -webkit-box-shadow: 0 0 10px #202020;
164 #manager-top .meta span {
169 #manager-top .meta a {
170 background-color: #f1f6fd;
171 border: 1px solid #b9cbcf;
173 padding: 4px 8px 4px 21px;
175 text-decoration: none;
177 -moz-border-radius: 2px;
178 -webkit-border-radius: 2px;
181 #manager-top .meta a:hover,
182 #manager-top .meta a:focus {
183 border: 1px solid #95b1b7;
186 #manager-top .meta a:active {
187 border: 1px solid #77989f;
190 #manager-top .meta a.logout {
191 background-position: 3px -69px;
194 #manager-top .meta a.close {
195 background-position: 3px -90px;
203 background-color: #d9e7ea;
207 padding: 4px 4px 4px 16px;
210 text-decoration: none;
213 border-top-right-radius: 3px;
214 border-top-left-radius: 3px;
215 -moz-border-radius-topright: 3px;
216 -moz-border-radius-topleft: 3px;
217 -webkit-border-top-right-radius: 3px;
218 -webkit-border-top-left-radius: 3px;
221 #manager-tabs a:hover,
222 #manager-tabs a:focus {
223 background-color: #cedee1;
224 text-decoration: none;
227 #manager-tabs a:active {
228 background-color: #c3d3d7;
229 text-decoration: none;
232 #manager-tabs a.tab-active {
233 background-color: #e4eef9 !important;
238 background: -moz-linear-gradient(top, #e4eef9, #d0e5fa);
239 background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#d0e5fa));
248 -moz-border-radius: 3px;
249 -webkit-border-radius: 3px;
250 box-shadow: 0 0 20px #202020;
251 -moz-box-shadow: 0 0 20px #202020;
252 -webkit-box-shadow: 0 0 20px #202020;
255 #manager-content h3 {
260 #manager-content h3.login {
261 background-position: 0 -466px;
264 #manager-content h3.statistics {
265 background-position: 0 -203px;
268 #manager-content h3.configuration {
269 background-position: 0 -224px;
272 #manager-content h3.hosts {
273 background-position: 0 -246px;
276 #manager-content h3.storage {
277 background-position: 0 -268px;
280 #manager-content h3.design {
281 background-position: 0 -290px;
284 #manager-content h3.users {
285 background-position: 0 -312px;
288 #manager-content h3.updates {
289 background-position: 0 -334px;
292 #manager-content h4 {
293 border-top: 1px dotted black;
300 #manager-content ol {
302 margin: 8px 0 20px 18px;
305 #manager-content li {
309 #manager-content li.total {
313 #manager-content li b {
318 #manager-content li span {
323 #manager-content ul.stats,
324 #manager-content ol.stats {
328 #manager-content object.stats {
329 border: 1px dotted #bed4d9;
337 #manager-content div {
341 #manager-content .info {
344 border-style: dashed;
347 text-decoration: none;
350 #manager-content .info.bottomspace {
354 #manager-content .info.smallspace {
355 margin: 14px 0 10px 0;
358 #manager-content .info.bigspace {
359 margin: 35px 0 20px 0;
362 #manager-content .info.neutral {
363 background-color: #f0f19d;
364 border-color: #b3ad4f;
367 #manager-content a.info.neutral:hover,
368 #manager-content a.info.neutral:focus {
369 background-color: #eced96;
372 #manager-content a.info.neutral:active {
373 background-color: #e9ea93;
376 #manager-content .info.success {
377 background-color: #a8dca9;
378 border-color: #5e9f5f;
381 #manager-content a.info.success:hover,
382 #manager-content a.info.success:focus {
383 background-color: #a0d5a1;
386 #manager-content a.info.success:active {
387 background-color: #9ad09b;
390 #manager-content .info.fail {
391 background-color: #f19d9d;
392 border-color: #b34f4f;
395 #manager-content a.info.fail:hover,
396 #manager-content a.info.fail:focus {
397 background-color: #ea9595;
400 #manager-content a.info.fail:active {
401 background-color: #e59090;
404 #manager-content .browse {
410 #manager-content .browse .one-browse {
411 padding: 5px 10px 5px 34px;
415 #manager-content .browse .user {
416 background-position: 9px -111px;
419 #manager-content .browse .other {
420 background-position: 9px -133px;
423 #manager-content .browse .folder {
424 background-position: 9px -178px;
427 #manager-content .browse .audio {
428 background-position: 9px -154px;
431 #manager-content .browse .alert {
432 background-position: 9px -353px;
435 #manager-content .browse .image {
436 background-position: 9px -374px;
439 #manager-content .browse .video {
440 background-position: 9px -397px;
443 #manager-content .browse .document {
444 background-position: 9px -418px;
447 #manager-content .browse .package {
448 background-position: 9px -441px;
451 #manager-content .browse .previous {
452 background-position: 9px -485px;
456 #manager-content .browse div {
460 #manager-content .browse input {
465 #manager-content .browse .odd {
466 background-color: #e9f1fd;
469 #manager-content .browse .even {
470 background-color: #f1f6fd;
473 #manager-content .sub {
474 border-left: 1px solid black;
475 margin: 5px 0 20px 22px;
480 #manager span.logo_links a {
487 #manager span.logo_links a.remove {
488 background-position: 0 -688px;
491 #manager span.logo_links a.view {
492 background-position: 0 -666px;
495 #manager-content .clear {
499 #manager-content textarea.notice-text {
511 #manager-buttons input {
512 border: 1px solid white;
513 background-color: rgb(255,255,255);
514 background-color: rgba(255,255,255,0.1);
520 text-shadow: 0 1px 1px black;
523 -moz-border-radius: 3px;
524 -webkit-border-radius: 3px;
525 box-shadow: 0 0 5px #202020;
526 -moz-box-shadow: 0 0 5px #202020;
527 -webkit-box-shadow: 0 0 5px #202020;
530 #manager-buttons input:hover,
531 #manager-buttons input:focus {
533 background-color: rgb(255,255,255);
534 background-color: rgba(255,255,255,0.2);
535 box-shadow: 0 0 15px #202020;
536 -moz-box-shadow: 0 0 15px #202020;
537 -webkit-box-shadow: 0 0 15px #202020;
540 #manager-buttons input:active {
541 background-color: rgb(255,255,255);
542 background-color: rgba(255,255,255,0.3);