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
13 @copyright-height: 20px;
16 @tabtab-color: darken(@tab-color, 3%);
21 font: 14px Verdana, Arial, free-sans, sans-serif;
27 width: @board-width + @column-pad + @right-width;
28 height: @board-height;
37 height: @board-height;
39 box-shadow: inset 1px 1px 4px #888;
46 width: @board-inner-width;
47 height: @board-inner-height;
52 left: @board-width + @column-pad;
54 height: @board-height;
68 height: @tabtab-height * 4 + @tab-height;
71 .tab + .tab, .selected-tab + .tab, .tab + .selected-tab {
75 height: @tabtab-height;
77 background: @tabtab-color;
80 height: @tab-height - @tabtab-height - @tab-pad * 2;
81 padding: (@tab-pad - 1) (@tab-pad - 1) @tab-pad (@tab-pad + 1);
85 box-shadow: 1px 1px 3px #888;
86 background: @tab-color;
102 color: darken(@tab-color, 50%);
104 .tabtab:hover:before {
110 top: @board-height - @row-pad - @copyright-height;
119 background-color: #aaf;
128 -khtml-user-select: none;
129 -o-user-select: none;
130 -moz-user-select: -moz-none;
131 -webkit-user-select: none;
132 box-shadow: 1px 1px 2px #666;
134 .tile.selected, .tile.selected_word {
135 background-color: #ffa;
136 box-shadow: inset 1px 1px 5px #444;
138 .tile.selected_word {
139 background-color: #cfc;
157 border: 2px solid #a83;
159 background-color: white;
166 border-width: 4px 4px 3px 4px;
171 border-width: 3px 4px 4px 2px;
173 .tooth1, .tooth2, .tooth3, .tooth4 {
176 border: 2px solid #a83;
177 background-color: white;
184 border-width: 2px 0 2px 2px;
190 border-width: 0 2px 2px 2px;
199 border: 2px solid #a83;
200 border-radius: 0 13px 0 0;
206 border-width: 2px 2px 2px 0;
212 border-width: 2px 2px 0 2px;
221 border: 2px solid #a83;
222 border-radius: 0 0 0 13px;
225 height: @tab-height - @tabtab-height;