1 @board-inner-width: 358px;
2 @board-inner-height: 410px;
3 @board-pad: 15px; // also in main.coffee
4 @board-width: @board-inner-width + @board-pad * 2;
5 @board-height: @board-inner-height + @board-pad * 2;
9 @tabtab-height: 20px; // also in main.coffee
10 @tab-height: 150px; // also in main.coffee
12 @copyright-height: 20px;
15 @tabtab-color: darken(@tab-color, 3%);
20 font: 14px Verdana, Arial, free-sans, sans-serif;
26 width: @board-width + @column-pad + @right-width;
27 height: @board-height;
36 height: @board-height;
38 box-shadow: inset 1px 1px 4px #888;
45 width: @board-inner-width;
46 height: @board-inner-height;
51 left: @board-width + @column-pad;
53 height: @board-height;
67 height: @tabtab-height * 4 + @tab-height;
69 .tab + .tab, .selected-tab + .tab, .tab + .selected-tab {
73 height: @tabtab-height;
75 background: @tabtab-color;
79 box-shadow: 1px 1px 3px #888;
80 background: @tab-color;
96 color: darken(@tab-color, 50%);
98 .tabtab:hover:before {
104 top: @board-height - @row-pad - @copyright-height;
113 background-color: #aaf;
122 -khtml-user-select: none;
123 -o-user-select: none;
124 -moz-user-select: -moz-none;
125 -webkit-user-select: none;
126 box-shadow: 1px 1px 2px #666;
128 .tile.selected, .tile.selected_word {
129 background-color: #ffa;
130 box-shadow: inset 1px 1px 5px #444;
132 .tile.selected_word {
133 background-color: #cfc;
151 border: 2px solid #a83;
153 background-color: white;
160 border-width: 4px 4px 3px 4px;
165 border-width: 3px 4px 4px 2px;
167 .tooth1, .tooth2, .tooth3, .tooth4 {
170 border: 2px solid #a83;
171 background-color: white;
178 border-width: 2px 0 2px 2px;
184 border-width: 0 2px 2px 2px;
193 border: 2px solid #a83;
194 border-radius: 0 13px 0 0;
200 border-width: 2px 2px 2px 0;
206 border-width: 2px 2px 0 2px;
215 border: 2px solid #a83;
216 border-radius: 0 0 0 13px;