diff options
| -rw-r--r-- | GradeBook.css | 456 | ||||
| -rw-r--r-- | GradeBook.scss | 141 | ||||
| -rw-r--r-- | Makefile | 8 |
3 files changed, 147 insertions, 458 deletions
diff --git a/GradeBook.css b/GradeBook.css deleted file mode 100644 index fac3265..0000000 --- a/GradeBook.css +++ /dev/null @@ -1,456 +0,0 @@ -/* - - evmik.css - A evmik look CSS sample file - - Derived from modern.css of Osvaldo Santana Neto which - Which is a part of the txt2tags project <http://txt2tags.sf.net> - - Author : Eugeniy Mikhailov - Date : August 2010 - License: GPL -*/ - -body { - padding: 0px; - margin: 20px; - background-color: #336699; - font-family: Sans-Serif; -} - -a:link { - color: blue; - text-decoration:none; -} -a:visited { - color: blue; - text-decoration:none; -} -a:active { - color: blue; - text-decoration:underline; -} -a:hover { - color: blue; - background-color: #ffddee; - text-decoration:underline; -} - -div.login { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - -div.greetings { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - -div.greetings span.login_info { - background-color: #ffcc99; - font-weight: bold; -} - -div.controls { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - -div.controls span.controls { - background-color: #ddbb88; - font-weight: bold; -} - -div.add_new_column { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - -div.changegrades { - /*border-bottom: 2px solid black;*/ - background-color: #8f0000; - padding: 5px; - margin-bottom: 5px; -} - -div.changegroupname { - /*border-bottom: 2px solid black;*/ - background-color: #8f0000; - color: #ffffff; - padding: 5px; - margin-bottom: 5px; -} - -div.editcourseinfo { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding: 5px; - margin-bottom: 5px; -} - -div.editnewuserinfo { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding: 5px; - margin-bottom: 5px; -} - - -div.gradestable { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - -div.gradestable span.controls { - background-color: #ddbb88; - font-weight: bold; -} - - -div.gradestable table.gradestable { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; - margin:5px; - border: 1px solid black; - border-collapse:collapse; -} - -div.gradestable tr:hover { - background-color: #ffeebb; -} - -/*-----------------------------------------------*/ -div.gradestable th.Quiz { - background-color: #007777; - font-weight: bold; -} - -div.gradestable td.Quiz { - background-color: #5cc3c3 -} - -/*-----------------------------------------------*/ -div.gradestable th.HomeWork { - background-color: #5cc35c; - font-weight: bold; -} - -div.gradestable td.HomeWork { - background-color: #a8ffa8; -} - -/*-----------------------------------------------*/ -div.gradestable th.LabReport { - background-color: #7a7aff; - font-weight: bold; -} - -div.gradestable td.LabReport { - background-color: #8f7ad2; -} - -/*-----------------------------------------------*/ -div.gradestable th.MidTerm { - background-color: #c38ac3; - font-weight: bold; -} - -div.gradestable td.MidTerm { - background-color: #f0b7f0 -} - -/*-----------------------------------------------*/ -div.gradestable th.FinalExam { - background-color: #f06cce; - font-weight: bold; -} - -div.gradestable td.FinalExam { - background-color: #f08ab6 -} - -/*-----------------------------------------------*/ -div.gradestable th.unset { - background-color: #666666; - font-weight: bold; -} - -div.gradestable td.unset { - background-color: #888888; -} - -/*-----------------------------------------------*/ -div.errormsg { - /*border-bottom: 2px solid black;*/ - background-color: #ff0000; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - -/*-----------------------------------------------*/ -div.infomsg { - /*border-bottom: 2px solid black;*/ - background-color: #ffccff; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - - - -div.footer { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - - -div.header { - /*border-bottom: 2px solid black;*/ - background-color: #ffcc99; - padding-top: 5px; - padding-bottom: 5px; - margin-bottom: 15px; -} - -div.header h1 { - text-align: left; - margin-left: 12pt; - margin-right: 12pt; - font-family: Sans-Serif; - font-size: 18pt; - font-weight: bold; -} - -div.header h2 { - text-align: left; - margin-left: 18pt; - font-family: Sans-Serif; - font-size: 14pt; - font-weight: normal; -} - -div.header h3 { - text-align: left; - margin-left: 18pt; - font-family: Sans-Serif; - font-size: 8pt; - font-weight: normal; -} - -div.header a.headerAuthor { - font-family: Sans-Serif; - font-size: 14pt; - font-weight: normal; - color: black; - text-decoration: none; -} - -div.header a:hover { - text-decoration: underline; -} - - -div.toc { - float: left; - width: 30%; - padding-left: 6pt; - padding-right: 6pt; - background-color: #ffcc99; -} - -div.toc ul { - padding-left: 6pt; -} - -div.toc li { - font-size: 8pt; -} - -div.toc a { - font-family: Sans-Serif; - font-size: 10pt; - font-weight: bold; - color: black; - text-decoration: none; -} - -div.toc a:hover { - text-decoration: underline; -} - -div.body { - float: right; - width: 65%; - padding: 10px; - text-align: justify; - border-right: 2px dotted black; - border-left: 2px dotted black; - background-color: #ffcc99; -} - -div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 { - font-family: Sans-Serif; - background-color: #336699; - color: white; -} - -div.body h1 { - text-align: left; - margin-top: 12pt; - margin-bottom: 10pt; - font-size: 12pt; - border-left: 4px solid black; - border-bottom: 2px solid black; - padding: 5px; - background-color: #0977f5; -} - -div.body h2 { - text-align: left; - margin-right: 15px; - margin-top: 10pt; - margin-bottom: 8pt; - font-size: 10pt; - /*font-weight: normal;*/ - border-left: 2px solid black; - border-bottom: 1px solid black; - padding: 5px; -} - -div.body h3 { - text-align: left; - margin-top: 8pt; - margin-bottom: 8pt; - font-size: 10pt; - font-weight: bold; - background-color: #ffcc99; - color: black; -} - /*border-left: 1px solid black;*/ - /*border-bottom: 1px solid black;*/ - padding: 5px; -} - -div.body h4 { - text-align: left; - margin-top: 6pt; - margin-bottom: 6pt; - font-size: 8pt; - font-weight: bold; - padding: 5px; -} - -div.body h5 { - width: 80%; - text-align: left; - margin-top: 6pt; - margin-bottom: 6pt; - font-size: 6pt; - font-weight: bold; - padding: 5px; -} - - -div.body a { - font-family: monospace; - font-size: 10pt; - text-decoration: none; - /*color: #C00;*/ -} - -div.body a:hover { - text-decoration: underline; -} - -div.body blockquote { - border-top: 2px solid black; - border-bottom: 2px solid black; - background: #FFFFBB; - padding: 15px; -} -div.body blockquote p { - margin-top: 2pt; - margin-bottom: 2pt; -} - -div.body pre { - background: #FFFFBB; - padding: 15px; - border: 1px dashed black; -} - -/* definitions list used as errata */ -div.body dt { - background: #BBFFBB; - padding: 3pt; - font-family: Sans-Serif; - font-size: 10pt; - margin-top: 3pt; - margin-bottom: 8pt; - font-weight: bold; -} - -div.body dl { - background: #BBFFBB; - padding: 3pt; - font-family: Sans-Serif; - font-size: 10pt; - margin-top: 18pt; - margin-bottom: 8pt; -} - -div.errata { - background: #FF7a7a; -} - -div.errata h1 { - color: white; - background: red; -} - -div.errata dt { - background: #FF0000; - padding: 3pt; - font-family: Sans-Serif; - font-size: 10pt; - margin-top: 3pt; - margin-bottom: 8pt; - font-weight: bold; -} - -div.errata dl { - background: #FF7a7a; - padding: 3pt; - font-family: Sans-Serif; - font-size: 10pt; - margin-top: 18pt; - margin-bottom: 8pt; -} - -div.announce { - background: #24E0FB; - margin-top: 8pt; - margin-bottom: 8pt; - padding: 3pt; -} diff --git a/GradeBook.scss b/GradeBook.scss new file mode 100644 index 0000000..7cc06f4 --- /dev/null +++ b/GradeBook.scss @@ -0,0 +1,141 @@ +$body_bg: #336699; +$body_padding: 0px; +$body_margin: 20px; +$body_font_family: Sans-Serif; + + +$link_color_cmd_normal: blue; +$link_color_cmd_visited: $link_color_cmd_normal; +$link_color_cmd_hover: $link_color_cmd_normal; +$link_color_cmd_active: $link_color_cmd_normal; + +$normal_bg: #ffcc99; +$div_padding: 5px; +$div_margin_vert: 15px; +$div_margin_horiz: 5px; + +$Quiz: #5cc3c3; +$Homework: #a8ffa8; +$LabReport: #8f7ad2; +$MidTerm: #f0b7f0; +$FinalExam: #f08ab6; + +$table_hover_bg: #ffeebb; + +$controls_bg: #ddbb88; + +body { + padding: $body_padding; + margin: $body_margin; + background-color: $body_bg; + font-family: $body_font_family; + + a { + color: $link_color_cmd_normal; + text-decoration: none; + &:visited { color: $link_color_cmd_visited; } + &:hover { + color: $link_color_cmd_hover; + text-decoration:underline; + background-color: #ffddee; + } + &:active { + color: $link_color_cmd_active; + text-decoration:underline; + background-color: #ffddee; + } + } + + div { + background-color: $normal_bg; + padding: { + top: $div_padding; + bottom: $div_padding; + left: $div_padding; + right: $div_padding; + } + margin: { + top: $div_margin_vert; + bottom: $div_margin_vert; + left: $div_margin_horiz; + right: $div_margin_horiz; + } + } + span.controls { + background-color: $controls_bg; + font-weight: bold; + } + div.changegrades { + background-color: #8f0000; + padding: { + bottom: $div_padding; + top: $div_padding; + left: $div_padding; + right: $div_padding; + } + } + table.gradestable { + border: 1px solid black; + border-collapse: collapse; + tr { + &:hover { + background-color: $table_hover_bg; + } + } + th { + font-weight: bold; + background-color: $normal_bg; + &.Quiz { + background-color: darken($Quiz,15%); + } + &.Homework { + background-color: darken($Homework,15%); + } + &.LabReport { + background-color: darken($LabReport,15%); + } + &.MidTerm { + background-color: darken($MidTerm,15%); + } + &.FinalExam { + background-color: darken($FinalExam,15%); + } + } + td { + &.Quiz { + background-color: $Quiz; + &:hover { + background-color: $table_hover_bg; + } + } + &.Homework { + background-color: $Homework; + &:hover { + background-color: $table_hover_bg; + } + } + &.LabReport { + background-color: $LabReport; + &:hover { + background-color: $table_hover_bg; + } + } + &.MidTerm { + background-color: $MidTerm; + &:hover { + background-color: $table_hover_bg; + } + } + &.FinalExam { + background-color: $FinalExam; + &:hover { + background-color: $table_hover_bg; + } + } + } + } +} + + + +// vim: ts=2:sw=2:tw=74: @@ -1,6 +1,6 @@ # -*- make -*- # FILE: "/home/evmik/src/my_src/GradeBook/Makefile" -# LAST MODIFICATION: "Wed, 16 Feb 2011 11:12:34 -0500 (evmik)" +# LAST MODIFICATION: "Fri, 04 Mar 2011 16:03:57 -0500 (evmik)" # (C) 2011 by Eugeniy Mikhailov, <evgmik@gmail.com> # $Id:$ # @@ -20,6 +20,10 @@ upload_cgi: upload_code upload_styles upload_code: $(upscr) $(files4upload_code) $(upload_location_code) -upload_styles: +upload_styles: style $(upscr) $(files4upload_styles) $(upload_location_styles) +style: GradeBook.css + +GradeBook.css: GradeBook.scss + sass $< > $@ |