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;*/
311 .tricks div div.card0 span.comment {
315 /*border: 1px solid red;*/
323 .tricks div div.card1 img,
324 .tricks div div.card1 .score,
329 /*border: 1px solid red;*/
343 .tricks div div.card1 span.comment {
347 /*border: 1px solid red;*/
356 .tricks div div.card2 img,
357 .tricks div div.card2 .score,
362 /*border: 1px solid red;*/
375 .tricks div div.card2 span.comment {
379 /*border: 1px solid red;*/
388 .tricks div div.card3 img,
389 .tricks div div.card3 .score,
394 /*border: 1px solid red;*/
401 .tricks div div.card3 .score,
409 .tricks div div.card3 span.comment {
413 /*border: 1px solid red;*/
421 border: 3px solid green;
424 word-wrap: break-word;
426 .tricks div div span.comment span {
429 border-top: 1px solid green;
434 border-top: 2px solid gray;
435 /* border-bottom: 2px solid green;*/
437 background-color: #faffc7;
447 border: 1px solid red;
448 background-color: yellow;
455 border-top: 2px solid gray;
465 border-top: 2px solid gray;
466 background-color: #efaaaa;
476 border-bottom: 1px solid black;
486 border: 2px solid gray;
488 background-color: #efefef;
504 .user .gameshidesession {
507 .user .gameshidesession,
508 .user .gamesshowsession {
517 margin-bottom: 0.1em;
522 border: 1px solid #000;
528 background-color: red;
530 /* statistics using jquery*/
540 border: solid 0.2em #aeaeae;
541 -moz-border-radius: 0.5em ;
544 table.stats tbody tr.odd td {
545 background-color: #aeaeae;
547 table.stats tbody tr.even td {
548 background-color: #eaeaea;
555 padding-right: 0.2em;
556 border-right: solid 0.1em #000;
558 table.stats tr td:last-child,
559 table.stats tr th:last-child {
560 border-right: solid 0 #000;
563 border-bottom: solid 0.2em #000000;
565 table.stats thead tr .header {
566 background-image: url(bg.png);
567 background-repeat: no-repeat;
568 background-position: center right;
572 table.stats tbody td {
574 background-color: #eaeaea;
577 table.stats thead tr .headerSortUp {
578 background-image: url(asc.png);
580 table.stats thead tr .headerSortDown {
581 background-image: url(desc.png);
583 table.stats thead tr .headerSortDown,
584 table.tablesorter thead tr .headerSortUp {
585 background-color: #8dbdd8;
587 /* the login window */
588 /* the login/register form */
590 background: #ffffff url('openid-icon-small.gif') no-repeat scroll 0pt 50%;
595 padding: 0.0em 0.3em;
598 background-color: #fee;
602 background-color: #fc3;
605 background-color: #fc3;
612 border: 1px solid black;
615 background-color: #729fcf;
618 background-color: #8ae234;
621 background-color: #e9b96e;
623 .about .translation {
624 background-color: #fce94f;
626 /* special layout for mobile devices */
627 @media only screen and (max-width: 600px) {
628 .session div.sessionscore div {
639 border: 2px solid gray;
641 background-color: #efefef;
648 background-color: #fff;
657 border: 2px solid black;
668 div.table img.table { width: 45%; }
670 .tricks div div.card0 img { width: 14%; }
671 .tricks div div.card1 img { width: 14%; left: 43%;}
672 .tricks div div.card2 img { width: 14%; }
673 .tricks div div.card3 img { width: 14%; left: 43%;}
674 .tricks div div.card0 img { left: 28%;}
675 .tricks div div.card2 img { right: 28%;}