X-Git-Url: https://jasonwoof.com/gitweb/?p=hexbog.git;a=blobdiff_plain;f=style.less;h=e975a82c4c5a749a9caacd802be2b919a9d7b310;hp=bca514e29ed7eca76ba2943900304f8cd9d40e40;hb=5f118636bd356acfabd1e6a3a9da0b6bc433c95b;hpb=a47a1d5f74374bb2945068a70f1a3987073209e6

diff --git a/style.less b/style.less
index bca514e..e975a82 100644
--- a/style.less
+++ b/style.less
@@ -5,7 +5,7 @@
 @board-height: @board-inner-height + @board-pad * 2;
 @column-pad: 10px;
 @right-width: 250px;
-@tabs-top: 120px;
+@tabs-top: 150px;
 @tabtab-height: 20px; // also in main.coffee
 @tab-height: 150px; // also in main.coffee
 @tab-pad: 5px;
@@ -14,6 +14,8 @@
 
 @tab-color: #ddf;
 @tabtab-color: darken(@tab-color, 3%);
+@selected-color: #ffa;
+@selected-good-color: #cfc;
 
 body {
 	background: #eef;
@@ -66,6 +68,24 @@ body {
 		position: absolute;
 		top: @tabs-top;
 		height: @tabtab-height * 4 + @tab-height;
+		width: @right-width;
+	}
+	#big_tip {
+		font-size: 24px;
+		font-weight: bold;
+		color: darken(@selected-color, 66%);
+		text-align: center;
+	}
+	#big_tip.good a {
+		color: darken(@selected-good-color, 66%);
+		text-decoration: none;
+	}
+	#score_container {
+		margin-top: 10px;
+		font-weight: bold;
+	}
+	#little_tip {
+		text-align: center;
 	}
 	.tab + .tab, .selected-tab + .tab, .tab + .selected-tab {
 		margin-top: 5px;
@@ -131,11 +151,11 @@ body {
 	box-shadow: 1px 1px 2px #666;
 }
 .tile.selected, .tile.selected_word {
-	background-color: #ffa;
+	background-color: @selected-color;
 	box-shadow: inset 1px 1px 5px #444;
 }
 .tile.selected_word {
-	background-color: #cfc;
+	background-color: @selected-good-color;
 }
 #loading {
 	position: absolute;