diff options
| -rw-r--r-- | GradeBook.scss | 57 |
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; + } + } } } } |