3 Jappix - An open social platform
4 This is the home CSS stylesheet for Jappix
6 -------------------------------------------------
10 Last revision: 15/01/12
25 #home .corporation .corp_network,
28 background-color: rgb(20,20,20);
29 background-color: rgba(20,20,20,0.70);
33 text-shadow: 0 0 1px black;
35 border-bottom-left-radius: 3px;
36 border-bottom-right-radius: 3px;
37 -moz-border-radius-bottomleft: 3px;
38 -moz-border-radius-bottomright: 3px;
39 -webkit-border-bottom-left-radius: 3px;
40 -webkit-border-bottom-right-radius: 3px;
44 background-position: 9px -357px;
50 #home .corporation.hovered {
53 -moz-border-radius: 0;
54 -webkit-border-radius: 0;
57 #home .corporation .corp_network {
62 border-top-right-radius: 3px;
63 -moz-border-radius-topright: 3px;
64 -webkit-border-top-right-radius: 3px;
67 #home .corporation.hovered .corp_network {
71 #home .corporation .corp_network h2 {
76 #home .corporation .corp_network h2.nomargin {
80 #home .corporation .corp_network a {
85 -moz-border-radius: 2px;
86 -webkit-border-radius: 2px;
89 #home .corporation .corp_network a span {
94 #home .corporation .corp_network a span.name {
98 #home .corporation .corp_network a span.desc {
108 #home .locale .current {
110 padding: 3px 12px 4px 12px;
114 #home .locale .current:hover {
118 #home .locale .current .current_align {
120 vertical-align: middle;
124 #home .locale .list {
128 #home .locale .list a,
129 #home .corporation .corp_network a {
131 text-decoration: none;
135 #home .locale .list a {
139 #home .locale .list a:hover,
140 #home .locale .list a:focus,
141 #home .corporation .corp_network a:hover,
142 #home .corporation .corp_network a:focus {
143 background-color: rgb(255,255,255);
144 background-color: rgba(255,255,255,0.1);
148 #home .locale .list a:active,
149 #home .corporation .corp_network a:active {
150 background-color: rgb(255,255,255);
151 background-color: rgba(255,255,255,0.14);
170 #home .obsolete a:hover,
171 #home .obsolete a:focus {
175 #home .obsolete a:active {
179 #home .obsolete a.firefox {
180 background-position: 1px 0;
183 #home .obsolete a.chrome {
184 background-position: -34px 0;
187 #home .obsolete a.safari {
188 background-position: -68px 0;
191 #home .obsolete a.opera {
192 background-position: -101px 0;
195 #home .obsolete a.ie {
196 background-position: -135px 0;
200 background-position: 0 -384px;
209 background-color: rgb(20,20,20);
210 background-color: rgba(20,20,20,0.85);
220 -moz-border-radius: 10px;
221 -webkit-border-radius: 10px;
222 box-shadow: 0 0 35px #5c5c5c;
223 -moz-box-shadow: 0 0 35px #5c5c5c;
224 -webkit-box-shadow: 0 0 35px #5c5c5c;
231 margin: 15px 0 15px 15px;
234 text-shadow: 0 1px 1px black;
238 background-position: 0 0;
245 #home .left p.upper {
246 margin: 12px 0 20px 0;
249 #home .left p.secondary {
250 margin: 8px 0 0 16px;
257 background: -moz-linear-gradient(top, #e4eef9, #C5E1FF);
258 background: -webkit-gradient(linear, left top, left bottom, from(#e4eef9), to(#C5E1FF));
262 margin: 15px 15px 15px 0;
267 -moz-border-radius: 5px;
268 -webkit-border-radius: 5px;
269 box-shadow: 0 0 20px black;
270 -moz-box-shadow: 0 0 20px black;
271 -webkit-box-shadow: 0 0 20px black;
277 border-bottom: 1px black dotted;
285 border-width: 0 0 1px 0;
286 border-style: dotted;
290 #home .right p a:hover,
291 #home .right p a:focus {
293 text-decoration: none;
296 #home .right button {
301 text-decoration: none;
304 -moz-border-radius: 4px;
305 -webkit-border-radius: 4px;
308 #home .right button:hover {
312 #home .right button span {
316 #home .right button span.home-images {
319 margin: 5px 7px 7px 24px;
322 #home .right button span.text {
327 #home .right .login {
328 background-color: #72d071;
329 background-position: 0 0;
330 border: 1px solid #5cb55c;
332 box-shadow: 0 0 10px #89e389;
333 -moz-box-shadow: 0 0 10px #89e389;
334 -webkit-box-shadow: 0 0 10px #89e389;
337 #home .right .login:hover,
338 #home .right .login:focus {
339 border: 1px solid #419141;
340 box-shadow: 0 0 15px #72d071;
341 -moz-box-shadow: 0 0 15px #72d071;
342 -webkit-box-shadow: 0 0 15px #72d071;
345 #home .right .login:active {
346 background-color: #97e896;
347 background-position: 0 -80px;
350 #home .right .login span.text {
352 text-shadow: 1px 1px 1px #5cb55c;
355 #home .right .login span.home-images {
356 background-position: 0 -230px;
359 #home .right .register {
360 background-color: #f6ef82;
361 background-position: 0 -160px;
362 border: 1px solid #e3db56;
364 box-shadow: 0 0 15px #f1e968;
365 -moz-box-shadow: 0 0 15px #f1e968;
366 -webkit-box-shadow: 0 0 15px #f1e968;
369 #home .right .register:hover,
370 #home .right .register:focus {
371 border: 1px solid #d2c93f;
372 box-shadow: 0 0 15px #e0d743;
373 -moz-box-shadow: 0 0 15px #e0d743;
374 -webkit-box-shadow: 0 0 15px #e0d743;
377 #home .right .register:active {
378 background-color: #fdf7af;
379 background-position: 0 -240px;
382 #home .right .register span.text {
384 text-shadow: 1px 1px 1px #dbd56e;
387 #home .right .register span.home-images {
388 background-position: 0 -204px;
391 #home .right p.notice {
396 #home .right .navigation {
399 border-top: 1px black dotted;
407 #home .right .navigation a {
410 text-decoration: none;
413 padding: 0 0 4px 20px;
417 #home .right .navigation a:hover,
418 #home .right .navigation a:focus {
419 text-decoration: underline;
422 #home .right .navigation a.unencrypted {
423 background-position: 0 -256px;
426 #home .right .navigation a.encrypted {
427 background-position: 0 -282px;
430 #home .right .navigation a.project {
431 background-position: 0 -126px;
434 #home .right .navigation a.manager {
435 background-position: 0 -152px;
438 #home .right .navigation a.mobile {
439 background-position: 0 -178px;
443 background-position: 0 -334px;
451 #home fieldset.advanced {
455 #home .anonymouser input[type=text] {
459 #home .homediv.registerer .success a {
461 text-decoration: underline;
465 border: 1px solid black;
466 margin: 12px 0 12px 0;
467 padding: 5px 0 4px 0;
469 -moz-border-radius: 3px;
470 -webkit-border-radius: 3px;
477 text-transform: uppercase;
485 margin: 0 0 5px 12px;
494 #home input[type=text],
495 #home input[type=password],
501 #home input[type=submit] {
512 #home input.nick, #home input.server {
522 border-style: dotted;
527 #home .info.success {
528 background-color: #aee578;
529 border-color: #85b05c;
534 background-color: #f19d9d;
535 border-color: #b34f4f;
539 background-color: #f3f48b;
540 border-color: #c9c66b;
544 #home .info.report span {
545 text-decoration: underline;
548 #home .notice.simple {
549 background-color: rgb(20,20,20);
550 background-color: rgba(20,20,20,0.7);
553 text-decoration: none;
554 text-shadow: 0 1px 0 black;
561 box-shadow: 0 0 25px #ababab;
562 -moz-box-shadow: 0 0 25px #ababab;
563 -webkit-box-shadow: 0 0 25px #ababab;
566 #home .notice.simple .title {
567 background-color: rgb(20,20,20);
568 background-color: rgba(20,20,20,0.4);
569 background-position: 8px -299px;
570 border-width: 0 1px 1px 1px;
572 border-color: #141414;
574 padding: 8px 8px 8px 30px;
577 #home .notice.simple .text {