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