Source of “minesweeper.css”.
123 lines, 2.4 KBytes.   Last modified 11:26 pm, 24th September 2016 PDT.
1 /* Emacs settings: -*- mode: Fundamental; tab-width: 4; -*- 2 3 //////////////////////////////////////////////////////////////////////////// 4 // // 5 // Minesweeper: stylesheet // 6 // // 7 // Copyright 1998-2016, Andrew D. Birrell // 8 // // 9 //////////////////////////////////////////////////////////////////////////// 10 11 */ 12 13 @import url("../parts/home.css"); 14 15 body { 16 margin: 0px; 17 padding: 0px; 18 text-align: center; 19 background-color: #666666; 20 background-image: none; 21 color: #ffffff; 22 } 23 a:link { color: #ccccff } 24 a:active { color: #993333 } 25 a:visited { color: #ccccff } 26 a:hover { color: #ffff00 } 27 .main { 28 display: inline-block; 29 padding-left: 1em; 30 padding-right: 1em; 31 padding-bottom: 1em; 32 text-align: left; 33 } 34 .limited { 35 max-width: 36em; 36 } 37 #sqTable { 38 margin-top: 1em; 39 margin-bottom: 1em; 40 border-spacing: 0px; 41 background-color: #666666; 42 color: #000000; 43 user-select: none; 44 -moz-user-select: none; 45 -ms-user-select: none; 46 -o-user-select: none; 47 -webkit-user-select: none; 48 } 49 .sq, .score { 50 margin: 0px; 51 border: 2px solid; 52 border-color: #eeeeee #999999 #999999 #eeeeee; 53 background-color: #cccccc; 54 padding: 0px; 55 vertical-align: middle; 56 text-align: center; 57 } 58 .sq { 59 box-sizing: border-box; /* avoids jumpiness when zoomed */ 60 width: 24px; 61 max-width: 24px; /* avoids being resized if text is too long (iOS) */ 62 min-width: 24px; 63 height: 24px; 64 min-height: 24px; 65 max-height: 24px; 66 font-size: 16px; 67 font-weight: bold; 68 line-height: 18px; 69 cursor: pointer; 70 } 71 .sqExposed { 72 background-color: #bbbbbb; 73 border-width: 1px; 74 border-color: #999999; 75 padding: 1px; 76 cursor: default; 77 } 78 .sqExploded, .sqIncorrect { 79 color: #ff0000; 80 } 81 .sq1 { 82 color: #3333cc; 83 } 84 .sq2 { 85 color: #006600; 86 } 87 .sq3 { 88 color: #cc0000; 89 } 90 .sq4 { 91 color: #660066; 92 } 93 .sq5 { 94 color: #006666; 95 } 96 /* sq0, sq6, sq7, and sq8 use basic black */ 97 div.counter { 98 margin: 10px; 99 border: 1px inset #eeeeee; 100 padding-right: 3px; 101 width: 1.75em; 102 background-color: #000000; 103 color: #ff6666; 104 font-size: 24px; 105 font-weight: bold; 106 line-height: 1; 107 text-align: right; 108 } 109 #mines { 110 float: left; 111 } 112 #timer { 113 float: right; 114 } 115 #smiley { 116 width: 24px; 117 height: 24px; 118 margin: 2px; 119 border: 3px groove #eeeeee; 120 padding: 6px; 121 vertical-align: middle; 122 cursor: pointer; 123 }
End of listing