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