1/* 2 * pgn4web javascript chessboard 3 * copyright (C) 2009-2013 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-ChessSansUscf.css"); 10 11html, 12body { 13 margin: 0px; 14 padding: 0px; 15} 16 17body { 18 font-family: 'pgn4web Liberation Sans', sans-serif; 19 font-size: 14px; 20 line-height: 1.4em; 21 color: black; 22 background: white; 23} 24 25div, span, table, tr, td { 26 font-family: 'pgn4web Liberation Sans', sans-serif; /* fixes IE9 body css issue */ 27} 28 29a.gamelist, 30a.gamelistselected { 31 display: inline-block; 32 width: 100%; 33 font-weight: bold; 34 text-decoration: none; 35 background: #c3c3c3; 36 padding: 13px; 37 margin-bottom: 15px; 38 border-style: none; 39 border-radius: 10px; 40} 41 42a.gamelist { 43 color: #ffffff; 44 box-shadow: 1px 1px 15px #aaaaaa; 45} 46 47a.gamelistselected { 48 color: #666666; 49 box-shadow: 1px 1px 5px #cccccc; 50} 51 52.boardTable { 53 width: 388px; 54 height: 388px; 55 border-style: solid; 56 border-color: #c3c3c3; 57 border-width: 10px; 58 border-radius: 10px; 59 box-shadow: 1px 1px 30px #aaaaaa; 60 margin-right: 10px; 61} 62 63.pieceImage { 64 width: 34px; 65 height: 34px; 66} 67 68.whiteSquare, 69.blackSquare, 70.highlightWhiteSquare, 71.highlightBlackSquare { 72 width: 44px; 73 height: 44px; 74 border-width: 1px; 75 border-style: solid; 76} 77 78.whiteSquare, 79.highlightWhiteSquare { 80 background: #e3e3e3; 81 border-color: #e3e3e3; 82} 83 84.blackSquare, 85.highlightBlackSquare { 86 background: #c3c3c3; 87 border-color: #c3c3c3; 88} 89 90.highlightWhiteSquare, 91.highlightBlackSquare { 92 border-style: inset; 93} 94 95.buttonControlPlay, 96.buttonControlStop, 97.buttonControl { 98/* a "width" attribute here must use the !important flag to override default settings */ 99 width: 60px !important; 100} 101 102.buttonControlSpace { 103/* a "width" attribute here must use the !important flag to override default settings */ 104 width: 22px !important; 105} 106 107.buttonControlPlay, 108.buttonControlStop, 109.buttonControl, 110.selectControl, 111.searchPgnButton, 112.searchPgnExpression { 113/* a "width" attribute here must use the !important flag to override default settings */ 114 font-size: 14px; 115 font-weight: bold; 116 color: #ffffff; 117 background: #c3c3c3; 118 padding: 13px; 119 border-style: none; 120 border-radius: 10px; 121 box-shadow: 1px 1px 15px #aaaaaa; 122} 123 124.buttonControlPlay:active, 125.buttonControlStop:active, 126.buttonControl:active { 127 color: #666666; 128 box-shadow: 1px 1px 5px #cccccc; 129} 130 131.optionSelectControl { 132 background-color: #c3c3c3; 133} 134 135.move, 136.variation { 137 font-weight: normal; 138 text-decoration: none; 139} 140 141.move, 142.variation, 143.commentMove { 144 font-family: 'pgn4web ChessSansUscf', 'pgn4web Liberation Sans', sans-serif; 145} 146 147a.move, 148a.variation, 149.commentMove { 150 white-space: nowrap; 151} 152 153.move { 154 color: black; 155} 156 157.comment, 158.variation { 159 color: gray; 160} 161 162a.variation { 163 color: gray; 164} 165 166.moveOn, 167.variationOn { 168 background: #e3e3e3; 169 box-shadow: 0px 0px 15px #c3c3c3; 170} 171 172