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: #fff;
23 /* the header, footer, etc */
25 background-color: #fff;
28 border-bottom: 3px solid gray;
31 background-color: #fff;
36 background-color: #fff;
38 border-top: 2px solid gray;
55 background-color: #efaaaa;
60 border: 2px solid red;
65 border-bottom: 1px solid #000;
69 .session div.sessionrules {
74 .session div.sessionrules div {
76 background-color: #fff;
77 border: 1px solid #000;
82 .session div.sessionrules:hover div {
85 .session div.sessionscore {
90 .session div.sessionscore div {
94 background-color: #fff;
95 border: 1px solid #000;
98 .session div.sessionscore:hover div {
101 .session img.rulesicon {
104 .session .scoretable {
109 .session table.score {
112 border-collapse: collapse;
114 /* all kind of message that should appear in the middle of the page/table */
117 background-color: #fff;
126 border: 2px solid black;
138 background-color: #fff;
156 background-color: #eee;
164 background-color: #eee;
175 background-color: #fff;
176 border: 2px solid gray;
184 /* display the table and the names */
190 border-bottom: 1px solid #444;
192 div.table div.table1 {
203 div.table div.table0 {
213 div.table div.table0 .start {
214 background-color: #efaaaa;
220 div.table img.table {
224 min-margin-left: 10xem;
225 min-margin-right: 10em;
228 vertical-align: middle;
230 div.table div.table2 {
240 div.table div.table3 {
254 div span.numberoftricks {
257 /* display the card tricks */
268 div.tricks div.trick {
276 .tricks div.trick img.arrow {
292 .tricks div div.card0 img,
293 .tricks div div.card0 .score,
298 /*border: 1px solid red;*/
312 .tricks div div.card0 span.comment {
316 /*border: 1px solid red;*/
324 .tricks div div.card1 img,
325 .tricks div div.card1 .score,
330 /*border: 1px solid red;*/
345 .tricks div div.card1 span.comment {
349 /*border: 1px solid red;*/
358 .tricks div div.card2 img,
359 .tricks div div.card2 .score,
364 /*border: 1px solid red;*/
378 .tricks div div.card2 span.comment {
382 /*border: 1px solid red;*/
391 .tricks div div.card3 img,
392 .tricks div div.card3 .score,
397 /*border: 1px solid red;*/
405 .tricks div div.card3 .score,
413 .tricks div div.card3 span.comment {
417 /*border: 1px solid red;*/
425 border: 3px solid green;
428 word-wrap: break-word;
430 .tricks div div span.comment span {
433 border-top: 1px solid green;
438 border-top: 2px solid gray;
439 /* border-bottom: 2px solid green;*/
441 background-color: #faffc7;
451 border: 1px solid red;
452 background-color: yellow;
459 border-top: 2px solid gray;
469 border-top: 2px solid gray;
470 background-color: #efaaaa;
480 border-bottom: 1px solid black;
490 border: 2px solid gray;
492 background-color: #efefef;
508 .user .gameshidesession {
511 .user .gameshidesession,
512 .user .gamesshowsession {
521 margin-bottom: 0.1em;
526 border: 1px solid #000;
532 background-color: red;
534 /* statistics using jquery*/
544 border: solid 0.2em #aeaeae;
545 -moz-border-radius: 0.5em ;
548 table.stats tbody tr.odd td {
549 background-color: #aeaeae;
551 table.stats tbody tr.even td {
552 background-color: #eaeaea;
559 padding-right: 0.2em;
560 border-right: solid 0.1em #000;
562 table.stats tr td:last-child,
563 table.stats tr th:last-child {
564 border-right: solid 0 #000;
567 border-bottom: solid 0.2em #000000;
569 table.stats thead tr .header {
570 background-image: url(bg.png);
571 background-repeat: no-repeat;
572 background-position: center right;
576 table.stats tbody td {
578 background-color: #eaeaea;
581 table.stats thead tr .headerSortUp {
582 background-image: url(asc.png);
584 table.stats thead tr .headerSortDown {
585 background-image: url(desc.png);
587 table.stats thead tr .headerSortDown,
588 table.tablesorter thead tr .headerSortUp {
589 background-color: #8dbdd8;
591 /* the login window */
592 /* the login/register form */
594 background: #ffffff url('openid-icon-small.gif') no-repeat scroll 0pt 50%;
599 padding: 0.0em 0.3em;
602 background-color: #fee;
606 background-color: #fc3;
609 background-color: #fc3;
616 border: 1px solid black;
619 background-color: #729fcf;
622 background-color: #8ae234;
625 background-color: #e9b96e;
627 .about .translation {
628 background-color: #fce94f;
630 /* special layout for mobile devices */
631 @media only screen and (max-width: 600px) {
632 .session div.sessionscore div {
643 border: 2px solid gray;
645 background-color: #efefef;
652 background-color: #fff;
661 border: 2px solid black;