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