minesweeper/src/main/webapp/pages/mines.css
author Jaroslav Tulach <jaroslav.tulach@apidesign.org>
Fri, 27 Jun 2014 15:05:03 +0200
changeset 163 823630089369
parent 104 ede62082c40b
child 164 b56bc5060fac
permissions -rw-r--r--
Using CSS:after instead of computed HTML fragment
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
}
jtulach@68
    58
table.field td.EXPLOSION {
jtulach@75
    59
    background-color: #A31E39;
jtulach@63
    60
}
jtulach@68
    61
table.field td.DISCOVERED {
jtulach@75
    62
    background-color: #9DB2B1;
jtulach@68
    63
}
jaroslav@163
    64
jaroslav@163
    65
table.field td.UNKNOWN div::after {
jaroslav@163
    66
    content: " ";
jaroslav@163
    67
}
jaroslav@163
    68
table.field td.EXPLOSION div::after {
jaroslav@163
    69
    content: "\002717";
jaroslav@163
    70
}
jaroslav@163
    71
table.field td.DISCOVERED div::after {
jaroslav@163
    72
    content: "\002714";
jaroslav@163
    73
}
jaroslav@163
    74
table.field td.N_0 div::after {
jaroslav@163
    75
    content: " ";
jaroslav@163
    76
}
jaroslav@163
    77
table.field td.N_1 div::after {
jaroslav@163
    78
    content: "\002780";
jaroslav@163
    79
}
jaroslav@163
    80
table.field td.N_2 div::after {
jaroslav@163
    81
    content: "\002781";
jaroslav@163
    82
}
jaroslav@163
    83
table.field td.N_3 div::after {
jaroslav@163
    84
    content: "\002782";
jaroslav@163
    85
}
jaroslav@163
    86
table.field td.N_4 div::after {
jaroslav@163
    87
    content: "\002783";
jaroslav@163
    88
}
jaroslav@163
    89
table.field td.N_5 div::after {
jaroslav@163
    90
    content: "\002784";
jaroslav@163
    91
}
jaroslav@163
    92
table.field td.N_6 div::after {
jaroslav@163
    93
    content: "\002785";
jaroslav@163
    94
}
jaroslav@163
    95
table.field td.N_7 div::after {
jaroslav@163
    96
    content: "\002786";
jaroslav@163
    97
}
jaroslav@163
    98
table.field td.N_8 div::after {
jaroslav@163
    99
    content: "\002787";
jaroslav@163
   100
}
jtulach@63
   101
.but-orientation {
jtulach@63
   102
    margin-top:20px;
jtulach@63
   103
}
jtulach@63
   104
h3.log-h {
jtulach@63
   105
    border-top:1px solid silver;
jtulach@63
   106
}
jtulach@63
   107
.badge-status {
jtulach@63
   108
    display:inline-block;
jtulach@63
   109
    margin-left:20px;
jtulach@63
   110
    padding:5px;
jtulach@63
   111
    font-size:1em;
jtulach@63
   112
    text-shadow: none;
jtulach@63
   113
}
jtulach@63
   114
.btn {text-shadow: none;}
jtulach@63
   115
.select {line-height: inherit;}
jtulach@63
   116
.uneditable-input {
jtulach@63
   117
    margin-left: 0;
jtulach@63
   118
    color: black;
jtulach@63
   119
}
jtulach@63
   120
span.myturn {
jtulach@63
   121
    display: inline-block;
jtulach@63
   122
    position:relative;
jtulach@63
   123
    left:23px;
jtulach@63
   124
    padding:3px;
jtulach@63
   125
}
jtulach@63
   126
.whitePiece {
jtulach@63
   127
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
jtulach@63
   128
    color: white;
jtulach@63
   129
}