minesweeper/src/main/webapp/pages/mines.css
author Jaroslav Tulach <jtulach@netbeans.org>
Sat, 08 Feb 2014 06:23:40 +0100
branchminesweeper
changeset 71 3e372ded7adc
parent 68 d41833895448
child 73 c56d63aee79e
permissions -rw-r--r--
A bit of responsive design and using OK sign for discovered bombs
     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.field {
    32     width: 100%;
    33     height: 100%;
    34 }
    35 table.field td {
    36     border: 1px solid black;
    37     padding:10px;
    38     width: 56px;
    39     height: 56px;
    40     vertical-align: middle;
    41     text-align: center;
    42     font-size:4em;
    43 }
    44 .container {
    45     margin:10px;
    46 }
    47 
    48 table.field td.UNKNOWN {
    49     background-color: #D0D0D0;
    50     cursor: pointer;
    51 }
    52 table.field td.EXPLOSION {
    53     background-color: #f1100c;
    54 }
    55 table.field td.DISCOVERED {
    56     background-color: #100cf1;
    57 }
    58 .but-orientation {
    59     margin-top:20px;
    60 }
    61 h3.log-h {
    62     border-top:1px solid silver;
    63 }
    64 .badge-status {
    65     display:inline-block;
    66     margin-left:20px;
    67     padding:5px;
    68     font-size:1em;
    69     text-shadow: none;
    70 }
    71 .badge-white-turn {
    72     font-size: 1em;
    73     padding:4px;
    74     background-color: white;
    75     color:black;
    76     text-shadow: none;
    77     border:1px solid black;
    78     font-weight: normal;
    79     display: inline-block;
    80     margin-left: 38px;
    81 }
    82 .badge-black-turn {
    83     font-size: 1em;
    84     padding:4px;
    85     background-color: black;
    86     color:white;
    87     text-shadow: none;
    88     border:1px solid black;
    89     font-weight: normal;
    90     display: inline-block;
    91     margin-left: 38px;
    92 }
    93 .btn {text-shadow: none;}
    94 .select {line-height: inherit;}
    95 .uneditable-input {
    96     margin-left: 0;
    97     color: black;
    98 }
    99 span.myturn {
   100     display: inline-block;
   101     position:relative;
   102     left:23px;
   103     padding:3px;
   104 }
   105 .whitePiece {
   106     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   107     color: white;
   108 }
   109 h1 {
   110     font-size: 29px;
   111     line-height: initial;
   112 }