1/* 2 * pgn4web javascript chessboard 3 * copyright (C) 2009-2015 Paolo Casaschi 4 * see README file and http://pgn4web.casaschi.net 5 * for credits, license and more details 6 */ 7 8@import url("fonts/pgn4web-font-LiberationSans.css"); 9@import url("fonts/pgn4web-font-ChessSansUsual.css"); 10 11html, 12body { 13 margin: 0px; 14 padding: 0px; 15 overflow: hidden; 16} 17 18body { 19 font-family: 'pgn4web Liberation Sans', sans-serif; 20 font-size: 19px; 21 color: black; 22 background: white; 23 24 -webkit-user-select: none; 25 -moz-user-select: none; 26 -ms-user-select: none; 27 -o-user-select: none; 28 user-select: none; 29 -webkit-text-size-adjust: none; 30 -moz-text-size-adjust: none; 31 -ms-text-size-adjust: none; 32 -o-text-size-adjust: none; 33 text-size-adjust: none; 34 -webkit-touch-callout: none; 35} 36 37a { 38 color: black; 39 text-decoration: none; 40} 41 42div, span { 43 font-family: 'pgn4web Liberation Sans', sans-serif; /* fixes IE9 body css issue */ 44} 45 46.analysisheaderDiv { 47 position: absolute; 48 top: 0px; 49 left: 115px; /* 30px boardTable.paddingLeft + 376px boardTable.width - 3px boardTable.borderWidth - 288px gameAnalysisFrame.width */ 50 transition: left 2s; 51} 52 53.gameAnalysisFrame { 54 width: 288px; 55 height: 380px; 56 margin-top: 222px; /* 210 header + 3 boardTable.borderWidth + 9 filling */ 57} 58 59.boardheaderDiv { 60 position: absolute; 61 top: 0px; 62 left: 0px; 63 padding: 30px; 64 width: 376px; 65 overflow: hidden; 66} 67 68.boardHeaderInfo { 69 background: white; 70 position: relative; 71 z-index: 2; 72} 73 74.headerLine { 75 overflow: hidden; 76 white-space: nowrap; 77 width: 376px; 78 height: 30px; 79 font-weight: bold; 80 font-size: 22px; 81 line-height: 30px; 82 text-align: center; 83 text-overflow: ellipsis; 84} 85 86.gameNum { 87 width:188px; 88 text-align: left; 89} 90 91.gameECO { 92 width:188px; 93 text-align: right; 94} 95 96.gameSiteEventDate { 97 font-weight: normal; 98} 99 100.shortRowSpace { 101 height: 15px; 102 line-height: 15px; 103} 104 105.gameBoard { 106 padding-top: 30px; 107 padding-bottom: 30px; 108 background: white; 109 position: relative; 110 z-index: 2; 111} 112 113.gameLastNext { 114 background: white; 115 padding-bottom: 30px; 116 position: relative; 117 z-index: 2; 118} 119 120.gameLastMove, .gameNextMove { 121 font-size: 14px; 122 line-height: 20px; 123 white-space: nowrap; 124 overflow: hidden; 125} 126 127.gamesList { 128 position: fixed; 129 bottom: 30px; 130 z-index: 1; 131} 132 133.topSpacer { 134 height: 30px; 135} 136 137.gametextresultDiv { 138 padding-left: 15px; 139 padding-right: 30px; 140 margin-left: 436px; 141 transition: margin-left 2s; 142 margin-bottom: 30px; 143 overflow-y: scroll; 144 overflow-x: hidden; 145 text-align: justify; 146 scrollbar-base-color: #FFFFFF; 147} 148 149.gameAnnotator { 150 float: right; 151 color: gray; 152} 153 154.boardTable { 155 width: 376px; 156 height: 376px; 157 border-style: solid; 158 border-color: #808080; 159 border-width: 3px; 160 box-shadow: 0px 0px 20px #DDDDDD; 161} 162 163.pieceImage { 164 width: 39px; 165 height: 39px; 166} 167 168.whiteSquare, 169.blackSquare, 170.highlightWhiteSquare, 171.highlightBlackSquare { 172 width: 45px; 173 height: 45px; 174 border-style: solid; 175 border-width: 1px; 176} 177 178.whiteSquare, 179.highlightWhiteSquare { 180 border-color: #FFFFFF; 181 background: #FFFFFF; 182} 183 184.blackSquare, 185.highlightBlackSquare { 186 border-color: #DDDDDD; 187 background: #DDDDDD; 188} 189 190.highlightWhiteSquare, 191.highlightBlackSquare { 192 border-color: #AAAAAA; 193 border-style: solid; 194} 195 196.selectControl { 197/* a "width" attribute here must use the !important flag to override default settings */ 198 -webkit-appearance: none; 199 -moz-appearance: none; 200 border-style: none; 201 color: gray; 202 background-color: white; 203} 204 205.optionSelectControl { 206 color: black; 207} 208 209.move, 210.variation, 211.comment { 212 color: black; 213 line-height: 1.4em; 214 font-weight: normal; 215 text-decoration: none; 216} 217 218.move, 219.variation, 220.commentMove { 221 font-family: 'pgn4web ChessSansUsual', 'pgn4web Liberation Sans', sans-serif; 222} 223 224a.move, 225a.variation, 226.commentMove { 227 white-space: nowrap; 228} 229 230.comment, 231.variation { 232 color: gray !important; 233} 234 235a.variation { 236 color: gray !important; 237} 238 239.moveOn, 240.variationOn, 241a.move:hover, 242a.variation:hover { 243 background: #DDDDDD; 244 border-radius: 2px; 245} 246 247.helpLink { 248 position: absolute; 249 bottom: 0px; 250 right: 2px; 251 color: lightgray; 252} 253 254.helpLink:hover { 255 color: black; 256} 257 258