1 /* Copyright 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014 Arun Persaud <arun@nubati.net>
3 * This file is part of e-DoKo.
5 * e-DoKo is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License as published by
7 * the Free Software Foundation, either version 3 of the License, or
8 * (at your option) any later version.
10 * e-DoKo is distributed in the hope that it will be useful,
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
13 * GNU General Public License for more details.
15 * You should have received a copy of the GNU General Public License
16 * along with e-DoKo. If not, see <http://www.gnu.org/licenses/>.
20 background-color: #ddd;
23 /* the header, footer, etc */
25 background-color: #fff;
28 border-bottom: 3px solid gray;
39 background-color: #fff;
44 background-color: #fff;
46 border-top: 2px solid gray;
63 background-color: #efaaaa;
68 border: 2px solid red;
73 border-bottom: 1px solid #000;
77 .session div.sessionrules {
82 .session div.sessionrules div {
84 background-color: #fff;
85 border: 1px solid #000;
90 .session div.sessionrules:hover div {
93 .session div.sessionscore {
98 .session div.sessionscore div {
102 background-color: #fff;
103 border: 1px solid #000;
106 .session div.sessionscore:hover div {
109 .session img.rulesicon {
112 .session .scoretable {
117 .session table.score {
120 border-collapse: collapse;
122 /* all kind of message that should appear in the middle of the page/table */
125 background-color: #fff;
134 border: 2px solid black;
146 background-color: #fff;
164 background-color: #eee;
172 background-color: #eee;
183 background-color: #fff;
184 border: 2px solid gray;
192 /* display the table and the names */
198 border-bottom: 1px solid #444;
200 div.table div.table1 {
211 div.table div.table0 {
221 div.table div.table0 .start {
222 background-color: #efaaaa;
228 div.table img.table {
232 min-margin-left: 10xem;
233 min-margin-right: 10em;
236 vertical-align: middle;
238 div.table div.table2 {
248 div.table div.table3 {
262 div span.numberoftricks {
265 /* display the card tricks */
276 div.tricks div.trick {
284 .tricks div.trick img.arrow {
300 .tricks div div.card0 img,
301 .tricks div div.card0 .score,
306 /*border: 1px solid red;*/
320 .tricks div div.card0 span.comment {
324 /*border: 1px solid red;*/
332 .tricks div div.card1 img,
333 .tricks div div.card1 .score,
338 /*border: 1px solid red;*/
353 .tricks div div.card1 span.comment {
357 /*border: 1px solid red;*/
366 .tricks div div.card2 img,
367 .tricks div div.card2 .score,
372 /*border: 1px solid red;*/
386 .tricks div div.card2 span.comment {
390 /*border: 1px solid red;*/
399 .tricks div div.card3 img,
400 .tricks div div.card3 .score,
405 /*border: 1px solid red;*/
413 .tricks div div.card3 .score,
421 .tricks div div.card3 span.comment {
425 /*border: 1px solid red;*/
433 border: 3px solid green;
436 word-wrap: break-word;
438 .tricks div div span.comment span {
441 border-top: 1px solid green;
446 border-top: 2px solid gray;
447 /* border-bottom: 2px solid green;*/
449 background-color: #faffc7;
459 border: 1px solid red;
460 background-color: yellow;
467 border-top: 2px solid gray;
477 border-top: 2px solid gray;
478 background-color: #efaaaa;
484 border-bottom: 1px solid black;
494 border: 2px solid gray;
496 background-color: #efefef;
515 border-left: 2px solid #babdb6 ;
516 border-right: 2px solid #babdb6 ;
517 border-bottom: 2px solid #babdb6 ;
519 div.user ul li:first-child {
520 border-top: 2px solid #babdb6 ;
533 .user .gameshidesession {
536 .user .gameshidesession,
537 .user .gamesshowsession {
547 margin-bottom: 0.1em;
552 border: 1px solid #000;
558 background-color: red;
562 background-color: #f57900;
566 background-color: #e9b96e ;
571 background-color: #8ae234;
573 /* statistics using jquery*/
583 border: solid 0.2em #aeaeae;
584 -moz-border-radius: 0.5em ;
587 table.stats tbody tr.odd td {
588 background-color: #aeaeae;
590 table.stats tbody tr.even td {
591 background-color: #eaeaea;
598 padding-right: 0.2em;
599 border-right: solid 0.1em #000;
601 table.stats tr td:last-child,
602 table.stats tr th:last-child {
603 border-right: solid 0 #000;
606 border-bottom: solid 0.2em #000000;
608 table.stats thead tr .header {
609 background-image: url(bg.png);
610 background-repeat: no-repeat;
611 background-position: center right;
615 table.stats tbody td {
617 background-color: #eaeaea;
620 table.stats thead tr .headerSortUp {
621 background-image: url(asc.png);
623 table.stats thead tr .headerSortDown {
624 background-image: url(desc.png);
626 table.stats thead tr .headerSortDown,
627 table.tablesorter thead tr .headerSortUp {
628 background-color: #8dbdd8;
630 /* the login window */
631 /* the login/register form */
633 background: #ffffff url('openid-icon-small.gif') no-repeat scroll 0pt 50%;
638 padding: 0.0em 0.3em;
641 background-color: #fee;
645 background-color: #fc3;
648 background-color: #fc3;
655 border: 1px solid black;
658 background-color: #729fcf;
661 background-color: #8ae234;
664 background-color: #e9b96e;
666 .about .translation {
667 background-color: #fce94f;
669 /* special layout for mobile devices */
670 @media only screen and (max-width: 600px) {
671 .nav > li > a .navhide {
680 border-top: 1px solid gray;
682 .session div.sessionscore div {
693 border: 2px solid gray;
695 background-color: #efefef;
706 background-color: #fff;
715 border: 2px solid black;
727 height: 16.666666666666668px;