chess/src/main/webapp/pages/css/chess.css
author Jaroslav Tulach <jaroslav.tulach@apidesign.org>
Tue, 24 Sep 2013 22:20:24 +0200
branchchess
changeset 49 945fbfff28f3
parent 34 1ebd52ae8ccb
permissions -rw-r--r--
Advanced version of the chess game
     1 /**
     2  * The MIT License (MIT)
     3  *
     4  * Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
     5  *
     6  * Permission is hereby granted, free of charge, to any person obtaining a copy
     7  * of this software and associated documentation files (the "Software"), to deal
     8  * in the Software without restriction, including without limitation the rights
     9  * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
    10  * copies of the Software, and to permit persons to whom the Software is
    11  * furnished to do so, subject to the following conditions:
    12  *
    13  * The above copyright notice and this permission notice shall be included in
    14  * all copies or substantial portions of the Software.
    15  *
    16  * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    17  * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    18  * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    19  * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    20  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    21  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    22  * THE SOFTWARE.
    23  */
    24 /** main chess style **/
    25 #apptitle {
    26     font-size: 20px;
    27 }
    28 .log {
    29     margin-bottom: 10px;
    30 }
    31 table.board td {
    32     border: 1px solid black;
    33     padding:10px;
    34     width: 56px;
    35     height: 56px;
    36     vertical-align: middle;
    37     text-align: center;
    38     font-size:4em;
    39 }
    40 table.board td.row-label, table.board td.col-label {
    41     font-size: 2em;
    42     border:none;
    43     width:20px;   
    44 }
    45 table.board td.col-label {
    46     height:20px;
    47 }
    48 .container {
    49     margin:10px;
    50 }
    51 
    52 table.board td.white {
    53     background-color: #D0D0D0;
    54 }
    55 table.board td.black {
    56     background-color: #A0A0A0;
    57 }
    58 table.board td.selected {
    59     background-color:  	#bce8f1;
    60 }
    61 table.board td.accessible {
    62     background-color:  	#a9dba9;
    63 }
    64 table.board td.pending {
    65     background-color:  	#dbc59e;
    66 }
    67 .figure {
    68     cursor: pointer;
    69 }
    70 .but-orientation {
    71     margin-top:20px;
    72 }
    73 h3.log-h {
    74     border-top:1px solid silver;
    75 }
    76 .badge-status {
    77     display:inline-block;
    78     margin-left:20px;
    79     padding:5px;
    80     font-size:1em;
    81     text-shadow: none;
    82 }
    83 .badge-white-turn {
    84     font-size: 1em;
    85     padding:4px;
    86     background-color: white;
    87     color:black;
    88     text-shadow: none;
    89     border:1px solid black;
    90     font-weight: normal;
    91     display: inline-block;
    92     margin-left: 38px;
    93 }
    94 .badge-black-turn {
    95     font-size: 1em;
    96     padding:4px;
    97     background-color: black;
    98     color:white;
    99     text-shadow: none;
   100     border:1px solid black;
   101     font-weight: normal;
   102     display: inline-block;
   103     margin-left: 38px;
   104 }
   105 .btn {text-shadow: none;}
   106 .select {line-height: inherit;}
   107 .uneditable-input {
   108     margin-left: 0;
   109     color: black;
   110 }
   111 span.myturn {
   112     display: inline-block;
   113     position:relative;
   114     left:23px;
   115     padding:3px;
   116 }
   117 .whitePiece {
   118     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   119     color: white;
   120 }
   121 h1 {
   122     font-size: 29px;
   123     line-height: initial;
   124 }