hg/html~demo: minesweeper/src/main/webapp/pages/mines.css@b3c1d99205d6

     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 }

    32 .jumbotron {

    33     background-color: #fafafa;

    34 }

    36 table {

    37     table-layout: fixed;

    38 }

    40 table.field {

    41 }

    42 table.field td {

    43     border: 1px solid black;

    44     padding:10px;

    45     width: 56px;

    46     height: 56px;

    47     vertical-align: middle;

    48     text-align: center;

    49     font-size:4em;

    50 }

    52 table.field td div {

    53     position: relative;

    54     left: 0;

    55     top: 0;

    56 }

    58 @-moz-keyframes blinker {

    59     0% { opacity: 0.9; }

    60     50% { opacity: 0.1; }

    61     100% { opacity: 0.9; }

    62 }

    64 @-webkit-keyframes blinker {

    65     0% { opacity: 0.9; }

    66     50% { opacity: 0.1; }

    67     100% { opacity: 0.9; }

    68 }

    70 @keyframes blinker {

    71     0% { opacity: 0.9; }

    72     50% { opacity: 0.1; }

    73     100% { opacity: 0.9; }

    74 }

    75 table.MARKING td.UNKNOWN div:before {

    76     content: "\0026a0";

    77     color: #802420;

    79     -webkit-animation-name: blinker;

    80     -webkit-animation-duration: 3s;

    81     -webkit-animation-timing-function: linear;

    82     -webkit-animation-iteration-count: infinite;

    84     -moz-animation-name: blinker;

    85     -moz-animation-duration: 3s;

    86     -moz-animation-timing-function: linear;

    87     -moz-animation-iteration-count: infinite;

    89     animation-name: blinker;

    90     animation-duration: 3s;

    91     animation-timing-function: linear;

    92     animation-iteration-count: infinite;

    93 }

    95 table.field td.UNKNOWN {

    96     background-color: #D6E4E1;

    97     color: #D6E4E1;

    98     cursor: pointer;

    99 }

   100 table.field td.MARKED {

   101     background-color: #D6E4E1;

   102     cursor: pointer;

   103 }

   104 table.field td.EXPLOSION {

   105     background-color: #A31E39;

   106 }

   107 table.field td.DISCOVERED {

   108     background-color: #9DB2B1;

   109 }

   111 table.PLAYING td.UNKNOWN div::after {

   112     content: "\0026a0";

   113     visibility: hidden;

   114 }

   115 table.field td.EXPLOSION div::after {

   116     content: "\002717";

   117 }

   118 table.field td.DISCOVERED div::after {

   119     content: "\002714";

   120 }

   121 table.field td.MARKED div::after {

   122     content: "\0026a0";

   123 }

   124 table.field td.N_0 div::after {

   125     content: "\0026a0";

   126     visibility: hidden;

   127 }

   128 table.field td.N_1 div::after {

   129     content: "\002780";

   130 }

   131 table.field td.N_2 div::after {

   132     content: "\002781";

   133 }

   134 table.field td.N_3 div::after {

   135     content: "\002782";

   136 }

   137 table.field td.N_4 div::after {

   138     content: "\002783";

   139 }

   140 table.field td.N_5 div::after {

   141     content: "\002784";

   142 }

   143 table.field td.N_6 div::after {

   144     content: "\002785";

   145 }

   146 table.field td.N_7 div::after {

   147     content: "\002786";

   148 }

   149 table.field td.N_8 div::after {

   150     content: "\002787";

   151 }

   152 .but-orientation {

   153     margin-top:20px;

   154 }

   155 h3.log-h {

   156     border-top:1px solid silver;

   157 }

   158 .badge-status {

   159     display:inline-block;

   160     margin-left:20px;

   161     padding:5px;

   162     font-size:1em;

   163     text-shadow: none;

   164 }

   165 .btn {text-shadow: none;}

   166 .select {line-height: inherit;}

   167 .uneditable-input {

   168     margin-left: 0;

   169     color: black;

   170 }

   171 span.myturn {

   172     display: inline-block;

   173     position:relative;

   174     left:23px;

   175     padding:3px;

   176 }

   177 .whitePiece {

   178     text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;

   179     color: white;

   180 }

author	Jaroslav Tulach <jaroslav.tulach@apidesign.org>
	Tue, 26 Aug 2014 15:22:31 +0200
changeset 199	b3c1d99205d6
parent 179	f5c619bef0cf
permissions	-rw-r--r--