definitions of colors and nessesary elements

Ignore-this: b3d3e049d90a2602869acc2e9d192f2e

darcs-hash:20110305185050-067c0-0fdb88e3c7451082d4b217ae841cfb5f7966481a.gz

1 files changed, 50 insertions, 7 deletions

diff --git a/GradeBook.scss b/GradeBook.scss
index 7cc06f4..6f477b5 100644
--- a/GradeBook.scss
+++ b/GradeBook.scss
@@ -1,10 +1,11 @@
+// ---------  Color definitions start -------------------
 $body_bg: #336699;
 $body_padding: 0px;
 $body_margin: 20px;
 $body_font_family: Sans-Serif;
 
 
-$link_color_cmd_normal:  blue;
+$link_color_cmd_normal:  black;
 $link_color_cmd_visited: $link_color_cmd_normal;
 $link_color_cmd_hover:   $link_color_cmd_normal;
 $link_color_cmd_active:  $link_color_cmd_normal;
@@ -14,15 +15,20 @@ $div_padding: 5px;
 $div_margin_vert:  15px;
 $div_margin_horiz:  5px;
 
-$Quiz:          #5cc3c3;
-$Homework:      #a8ffa8;
-$LabReport:     #8f7ad2;
+$errormsg_bg:   #ff0000;
+$infomsg_bg:    #ffccff;
+
+$Quiz:          #CFECEC;
+$Homework:      #C3FDB8;
+$LabReport:     #82CAFA;
 $MidTerm:       #f0b7f0;
 $FinalExam:     #f08ab6;
+$Unset:         #cccccc;
 
 $table_hover_bg: #ffeebb;
 
-$controls_bg: #ddbb88;
+$controls_bg: #dddddd;
+// ---------  Color definitions end   -------------------
 
 body {
 	padding: $body_padding;
@@ -37,12 +43,12 @@ body {
 		&:hover   { 
 			color:  $link_color_cmd_hover;    
 			text-decoration:underline;
-			background-color: #ffddee;
+			background-color: lighten($controls_bg,20%);
 		}
 		&:active  { 
 			color:  $link_color_cmd_active;   
 			text-decoration:underline;
-			background-color: #ffddee;
+			background-color: lighten($controls_bg,20%);
 		}
 	}
 
@@ -74,6 +80,34 @@ body {
 			right:   $div_padding;
 		}
 	}
+	div.errormsg {
+		background-color: $errormsg_bg;
+	}
+	div.infomsg {
+		background-color: $infomsg_bg;
+	}
+	span.login_info {
+		font-weight: bold;
+	}
+	div.header {
+		padding:  $div_padding*4;
+		text-align: left;
+		font-family:  Sans-Serif;
+		h1 {
+			font-size: 200%;
+			font-weight: bold;
+		}
+		h2 {
+			font-size: 150%;
+			font-weight: normal;
+		}
+		h3 {
+			font-size: 120%;
+			font-weight: normal;
+		}
+
+	}
+
 	table.gradestable {
 		border: 1px solid black;
 		border-collapse:  collapse;
@@ -100,6 +134,9 @@ body {
 			&.FinalExam {
 				background-color: darken($FinalExam,15%);
 			}
+			&.unset {
+				background-color: darken($Unset,15%);
+			}
 		}
 		td {
 			&.Quiz {
@@ -132,6 +169,12 @@ body {
 					background-color: $table_hover_bg;
 				}
 			}
+			&.unset {
+				background-color: $Unset;
+				&:hover {
+					background-color: $table_hover_bg;
+				}
+			}
 		}
 	}
 }