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;
70 .tab + .tab, .selected-tab + .tab, .tab + .selected-tab {
74 height: @tabtab-height;
76 background: @tabtab-color;
79 height: @tab-height - @tabtab-height - @tab-pad * 2;
80 padding: (@tab-pad - 1) (@tab-pad - 1) @tab-pad (@tab-pad + 1);
84 box-shadow: 1px 1px 3px #888;
85 background: @tab-color;
101 color: darken(@tab-color, 50%);
103 .tabtab:hover:before {
109 top: @board-height - @row-pad - @copyright-height;
118 background-color: #aaf;
127 -khtml-user-select: none;
128 -o-user-select: none;
129 -moz-user-select: -moz-none;
130 -webkit-user-select: none;
131 box-shadow: 1px 1px 2px #666;
133 .tile.selected, .tile.selected_word {
134 background-color: #ffa;
135 box-shadow: inset 1px 1px 5px #444;
137 .tile.selected_word {
138 background-color: #cfc;
156 border: 2px solid #a83;
158 background-color: white;
165 border-width: 4px 4px 3px 4px;
170 border-width: 3px 4px 4px 2px;
172 .tooth1, .tooth2, .tooth3, .tooth4 {
175 border: 2px solid #a83;
176 background-color: white;
183 border-width: 2px 0 2px 2px;
189 border-width: 0 2px 2px 2px;
198 border: 2px solid #a83;
199 border-radius: 0 13px 0 0;
205 border-width: 2px 2px 2px 0;
211 border-width: 2px 2px 0 2px;
220 border: 2px solid #a83;
221 border-radius: 0 0 0 13px;
224 height: @tab-height - @tabtab-height;