minesweeper/src/main/webapp/pages/mines.css
author Jaroslav Tulach <jaroslav.tulach@apidesign.org>
Fri, 27 Jun 2014 15:25:21 +0200
changeset 164 b56bc5060fac
parent 163 823630089369
child 166 e6667c8206fc
permissions -rw-r--r--
Allowing to mark a field with a danger sign
jtulach@63
     1
/**
jtulach@63
     2
 * The MIT License (MIT)
jtulach@63
     3
 *
jtulach@63
     4
 * Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
jtulach@63
     5
 *
jtulach@63
     6
 * Permission is hereby granted, free of charge, to any person obtaining a copy
jtulach@63
     7
 * of this software and associated documentation files (the "Software"), to deal
jtulach@63
     8
 * in the Software without restriction, including without limitation the rights
jtulach@63
     9
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
jtulach@63
    10
 * copies of the Software, and to permit persons to whom the Software is
jtulach@63
    11
 * furnished to do so, subject to the following conditions:
jtulach@63
    12
 *
jtulach@63
    13
 * The above copyright notice and this permission notice shall be included in
jtulach@63
    14
 * all copies or substantial portions of the Software.
jtulach@63
    15
 *
jtulach@63
    16
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
jtulach@63
    17
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
jtulach@63
    18
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
jtulach@63
    19
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
jtulach@63
    20
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
jtulach@63
    21
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
jtulach@63
    22
 * THE SOFTWARE.
jtulach@63
    23
 */
jtulach@63
    24
/** main chess style **/
jtulach@63
    25
#apptitle {
jtulach@63
    26
    font-size: 20px;
jtulach@63
    27
}
jtulach@63
    28
.log {
jtulach@63
    29
    margin-bottom: 10px;
jtulach@63
    30
}
jtulach@77
    31
jtulach@77
    32
.jumbotron {
jtulach@77
    33
    background-color: #fafafa;
jtulach@77
    34
}
jtulach@77
    35
jtulach@63
    36
table.field {
jtulach@63
    37
}
jtulach@63
    38
table.field td {
jtulach@63
    39
    border: 1px solid black;
jtulach@63
    40
    padding:10px;
jtulach@71
    41
    width: 56px;
jtulach@71
    42
    height: 56px;
jtulach@63
    43
    vertical-align: middle;
jtulach@63
    44
    text-align: center;
jtulach@71
    45
    font-size:4em;
jtulach@63
    46
}
jtulach@63
    47
jtulach@104
    48
table.field td div {
jtulach@104
    49
    position: relative;
jtulach@104
    50
    left: 0;
jtulach@104
    51
    top: 0;
jtulach@104
    52
}
jtulach@104
    53
jtulach@65
    54
table.field td.UNKNOWN {
jtulach@75
    55
    background-color: #D6E4E1;
jtulach@63
    56
    cursor: pointer;
jtulach@63
    57
}
jaroslav@164
    58
table.field td.MARKED {
jaroslav@164
    59
    background-color: #D6E4E1;
jaroslav@164
    60
    cursor: pointer;
jaroslav@164
    61
}
jtulach@68
    62
table.field td.EXPLOSION {
jtulach@75
    63
    background-color: #A31E39;
jtulach@63
    64
}
jtulach@68
    65
table.field td.DISCOVERED {
jtulach@75
    66
    background-color: #9DB2B1;
jtulach@68
    67
}
jaroslav@163
    68
jaroslav@163
    69
table.field td.UNKNOWN div::after {
jaroslav@163
    70
    content: " ";
jaroslav@163
    71
}
jaroslav@163
    72
table.field td.EXPLOSION div::after {
jaroslav@163
    73
    content: "\002717";
jaroslav@163
    74
}
jaroslav@163
    75
table.field td.DISCOVERED div::after {
jaroslav@163
    76
    content: "\002714";
jaroslav@163
    77
}
jaroslav@164
    78
table.field td.MARKED div::after {
jaroslav@164
    79
    content: "\0026a0";
jaroslav@164
    80
}
jaroslav@163
    81
table.field td.N_0 div::after {
jaroslav@163
    82
    content: " ";
jaroslav@163
    83
}
jaroslav@163
    84
table.field td.N_1 div::after {
jaroslav@163
    85
    content: "\002780";
jaroslav@163
    86
}
jaroslav@163
    87
table.field td.N_2 div::after {
jaroslav@163
    88
    content: "\002781";
jaroslav@163
    89
}
jaroslav@163
    90
table.field td.N_3 div::after {
jaroslav@163
    91
    content: "\002782";
jaroslav@163
    92
}
jaroslav@163
    93
table.field td.N_4 div::after {
jaroslav@163
    94
    content: "\002783";
jaroslav@163
    95
}
jaroslav@163
    96
table.field td.N_5 div::after {
jaroslav@163
    97
    content: "\002784";
jaroslav@163
    98
}
jaroslav@163
    99
table.field td.N_6 div::after {
jaroslav@163
   100
    content: "\002785";
jaroslav@163
   101
}
jaroslav@163
   102
table.field td.N_7 div::after {
jaroslav@163
   103
    content: "\002786";
jaroslav@163
   104
}
jaroslav@163
   105
table.field td.N_8 div::after {
jaroslav@163
   106
    content: "\002787";
jaroslav@163
   107
}
jtulach@63
   108
.but-orientation {
jtulach@63
   109
    margin-top:20px;
jtulach@63
   110
}
jtulach@63
   111
h3.log-h {
jtulach@63
   112
    border-top:1px solid silver;
jtulach@63
   113
}
jtulach@63
   114
.badge-status {
jtulach@63
   115
    display:inline-block;
jtulach@63
   116
    margin-left:20px;
jtulach@63
   117
    padding:5px;
jtulach@63
   118
    font-size:1em;
jtulach@63
   119
    text-shadow: none;
jtulach@63
   120
}
jtulach@63
   121
.btn {text-shadow: none;}
jtulach@63
   122
.select {line-height: inherit;}
jtulach@63
   123
.uneditable-input {
jtulach@63
   124
    margin-left: 0;
jtulach@63
   125
    color: black;
jtulach@63
   126
}
jtulach@63
   127
span.myturn {
jtulach@63
   128
    display: inline-block;
jtulach@63
   129
    position:relative;
jtulach@63
   130
    left:23px;
jtulach@63
   131
    padding:3px;
jtulach@63
   132
}
jtulach@63
   133
.whitePiece {
jtulach@63
   134
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
jtulach@63
   135
    color: white;
jtulach@63
   136
}