minesweeper/src/main/webapp/pages/mines.css
changeset 243 64b15a1fb456
parent 237 83302b8a5cdf
child 244 cea2063fd0f9
     1.1 --- a/minesweeper/src/main/webapp/pages/mines.css	Sun Jun 28 07:14:21 2015 +0200
     1.2 +++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.3 @@ -1,180 +0,0 @@
     1.4 -/**
     1.5 - * The MIT License (MIT)
     1.6 - *
     1.7 - * Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
     1.8 - *
     1.9 - * Permission is hereby granted, free of charge, to any person obtaining a copy
    1.10 - * of this software and associated documentation files (the "Software"), to deal
    1.11 - * in the Software without restriction, including without limitation the rights
    1.12 - * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
    1.13 - * copies of the Software, and to permit persons to whom the Software is
    1.14 - * furnished to do so, subject to the following conditions:
    1.15 - *
    1.16 - * The above copyright notice and this permission notice shall be included in
    1.17 - * all copies or substantial portions of the Software.
    1.18 - *
    1.19 - * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
    1.20 - * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
    1.21 - * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
    1.22 - * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
    1.23 - * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
    1.24 - * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    1.25 - * THE SOFTWARE.
    1.26 - */
    1.27 -/** main chess style **/
    1.28 -#apptitle {
    1.29 -    font-size: 20px;
    1.30 -}
    1.31 -.log {
    1.32 -    margin-bottom: 10px;
    1.33 -}
    1.34 -
    1.35 -.jumbotron {
    1.36 -    background-color: #fafafa;
    1.37 -}
    1.38 -
    1.39 -table {
    1.40 -    table-layout: fixed;
    1.41 -}
    1.42 -
    1.43 -table.field {
    1.44 -}
    1.45 -table.field td {
    1.46 -    border: 1px solid black;
    1.47 -    padding:10px;
    1.48 -    width: 56px;
    1.49 -    height: 56px;
    1.50 -    vertical-align: middle;
    1.51 -    text-align: center;
    1.52 -    font-size:4em;
    1.53 -}
    1.54 -
    1.55 -table.field td div {
    1.56 -    position: relative;
    1.57 -    left: 0;
    1.58 -    top: 0;
    1.59 -}
    1.60 -
    1.61 -@-moz-keyframes blinker {  
    1.62 -    0% { opacity: 0.9; }
    1.63 -    50% { opacity: 0.1; }
    1.64 -    100% { opacity: 0.9; }
    1.65 -}
    1.66 -
    1.67 -@-webkit-keyframes blinker {  
    1.68 -    0% { opacity: 0.9; }
    1.69 -    50% { opacity: 0.1; }
    1.70 -    100% { opacity: 0.9; }
    1.71 -}
    1.72 -
    1.73 -@keyframes blinker {  
    1.74 -    0% { opacity: 0.9; }
    1.75 -    50% { opacity: 0.1; }
    1.76 -    100% { opacity: 0.9; }
    1.77 -} 
    1.78 -table.MARKING td.UNKNOWN div:before {
    1.79 -    content: "\0026a0";
    1.80 -    color: #802420;
    1.81 -    
    1.82 -    -webkit-animation-name: blinker;
    1.83 -    -webkit-animation-duration: 3s;
    1.84 -    -webkit-animation-timing-function: linear;
    1.85 -    -webkit-animation-iteration-count: infinite;
    1.86 -
    1.87 -    -moz-animation-name: blinker;
    1.88 -    -moz-animation-duration: 3s;
    1.89 -    -moz-animation-timing-function: linear;
    1.90 -    -moz-animation-iteration-count: infinite;
    1.91 -
    1.92 -    animation-name: blinker;
    1.93 -    animation-duration: 3s;
    1.94 -    animation-timing-function: linear;
    1.95 -    animation-iteration-count: infinite;
    1.96 -}
    1.97 -
    1.98 -table.field td.UNKNOWN {
    1.99 -    background-color: #D6E4E1;
   1.100 -    color: #D6E4E1;
   1.101 -    cursor: pointer;
   1.102 -}
   1.103 -table.field td.MARKED {
   1.104 -    background-color: #D6E4E1;
   1.105 -    cursor: pointer;
   1.106 -}
   1.107 -table.field td.EXPLOSION {
   1.108 -    background-color: #A31E39;
   1.109 -}
   1.110 -table.field td.DISCOVERED {
   1.111 -    background-color: #9DB2B1;
   1.112 -}
   1.113 -
   1.114 -table.PLAYING td.UNKNOWN div::after {
   1.115 -    content: "\0026a0";
   1.116 -    visibility: hidden;
   1.117 -}
   1.118 -table.field td.EXPLOSION div::after {
   1.119 -    content: "\002717";
   1.120 -}
   1.121 -table.field td.DISCOVERED div::after {
   1.122 -    content: "\002714";
   1.123 -}
   1.124 -table.field td.MARKED div::after {
   1.125 -    content: "\0026a0";
   1.126 -}
   1.127 -table.field td.N_0 div::after {
   1.128 -    content: "\0026a0";
   1.129 -    visibility: hidden;
   1.130 -}
   1.131 -table.field td.N_1 div::after {
   1.132 -    content: "\002780";
   1.133 -}
   1.134 -table.field td.N_2 div::after {
   1.135 -    content: "\002781";
   1.136 -}
   1.137 -table.field td.N_3 div::after {
   1.138 -    content: "\002782";
   1.139 -}
   1.140 -table.field td.N_4 div::after {
   1.141 -    content: "\002783";
   1.142 -}
   1.143 -table.field td.N_5 div::after {
   1.144 -    content: "\002784";
   1.145 -}
   1.146 -table.field td.N_6 div::after {
   1.147 -    content: "\002785";
   1.148 -}
   1.149 -table.field td.N_7 div::after {
   1.150 -    content: "\002786";
   1.151 -}
   1.152 -table.field td.N_8 div::after {
   1.153 -    content: "\002787";
   1.154 -}
   1.155 -.but-orientation {
   1.156 -    margin-top:20px;
   1.157 -}
   1.158 -h3.log-h {
   1.159 -    border-top:1px solid silver;
   1.160 -}
   1.161 -.badge-status {
   1.162 -    display:inline-block;
   1.163 -    margin-left:20px;
   1.164 -    padding:5px;
   1.165 -    font-size:1em;
   1.166 -    text-shadow: none;
   1.167 -}
   1.168 -.btn {text-shadow: none;}
   1.169 -.select {line-height: inherit;}
   1.170 -.uneditable-input {
   1.171 -    margin-left: 0;
   1.172 -    color: black;
   1.173 -}
   1.174 -span.myturn {
   1.175 -    display: inline-block;
   1.176 -    position:relative;
   1.177 -    left:23px;
   1.178 -    padding:3px;
   1.179 -}
   1.180 -.whitePiece {
   1.181 -    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
   1.182 -    color: white;
   1.183 -}