finetuning

src/main/resources/static/css/style.css

@@ -21,8 +21,8 @@ body {
 }
 
 .versionlink {
-  color: #333;
-  text-decoration: none;
+	color: #333;
+	text-decoration: none;
 }
 
 .mainpage {
@@ -57,10 +57,14 @@ body {
 	top: 8px;
 }
 
+.middled {
+	vertical-align: middle;
+}
+
 .tablelink {
 	cursor: pointer;
 	text-decoration: none;
-	color: black;
+	color: rgb(26, 95, 180);
 }
 
 .tablelink:hover {
@@ -117,6 +121,21 @@ body {
 	background: rgba(0, 0, 0, 0.5);
 }
 
+.silver-to-gray-gradient {
+	background-image: linear-gradient(to bottom right, lightgray, silver)
+		!important;
+}
+
+.menu-danger {
+	color: darkred;
+	font-weight: bolder;
+}
+
+.menu-danger:hover {
+	color: white;
+	background: red;
+}
+
 .badgetodo {
 	border-radius: 8px;
 	border: 1px solid black;
@@ -162,9 +181,27 @@ body {
 	cursor: not-allowed;
 }
 
-.usercard {
-	width: 640px;
-	background-color: rgba(255, 255, 255, 0.8) !important;
+.framed {
+	padding: 8px;
+	margin-right: 12px;
+	border-radius: 6px;
+	min-width: 32px;
+	text-align: center;
+}
+
+.framed-green {
+	background: linear-gradient(to bottom right, lime, darkgreen);
+	color: white;
+}
+
+.framed-red {
+	background: linear-gradient(to bottom right, red, darkred);
+	color: white;
+}
+
+.framed-orange {
+	background: linear-gradient(to bottom right, orange, #bf6c06);
+	color: white;
 }
 
 .nomaxwidth {