Created
June 20, 2009 19:07
-
-
Save sixfeetover/133244 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@color_tu: #024769; | |
@color_te: #95CBE9; | |
@color_ae: #FF9900; | |
@color_au: #B02B02; | |
@color_im: #757575; | |
@border_color: #ddd; | |
@background_grey: #eee; | |
body { overflow-y: scroll; } | |
table { border-collapse: collapse; } | |
#wrapper { | |
position: relative; | |
a { color: #6894C2; } | |
} | |
/* Util */ | |
.centered { text-align: center; } | |
.right { text-align: right; } | |
.left { text-align: left; } | |
.tooltip { cursor: pointer; } | |
.qtip { font-size: 12px; } | |
.gp-link { text-decoration: underline; margin-right: 8px; } | |
.green { background-color: #C0D7BA; color: #3F991E; padding: 0 4px; } | |
.red { background-color: #F0B0B0; color: #691400; padding: 0 4px; } | |
.blue { background-color: #AFD2F0; color: #024769; padding: 0 4px; } | |
.yellow { background-color: #ffc; color: #414110; padding: 0 4px; } | |
.early-blue { background-color: #334E7D; color: #fff; padding: 0 4px; } | |
.bad { color: #B02B02; } | |
#header { | |
position: relative; margin-bottom: 1em; | |
h1 { margin: 2px; padding: 2px; } | |
h2 { margin: 2px; padding: 2px; } | |
p { position: absolute; top: -10px; right: 0; } | |
} | |
#student { | |
font-size: 1.5em; | |
span { font-size: 0.7em; color: #666; } | |
.grading-period { font-size: 0.8em; color: #000; } | |
} | |
#totals { | |
position: absolute; top: 40px; right: 20px; | |
.percent { font-size: 1.6em; } | |
.todays-status { font-size: 1.5em; } | |
th { font-size: 13px; font-weight: normal; padding: 2px 3px; .centered; } | |
td { font-size: 2.1em; .centered; } | |
} | |
.a_total { background-color: #FEF2EF; } | |
.t_total { background-color: #EDF5FD; } | |
summary { | |
background-color: #333; color: #fff; width: 45%; padding: 2px 0 2px 5px; display: block; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px; | |
img { position: absolute; top: 2px; right: 5px; cursor: pointer;} | |
} | |
.data-cell { border-bottom: 1px solid @border_color; border-right: 1px solid @border_color; border-left: 1px solid @border_color; padding: 2px; } | |
.data { | |
width: 100%; border-collapse: collapse; | |
th { .data-cell; .left; border-top: 1px solid @border_color; font-size: .9em; background-color: @background_grey; } | |
td { .data-cell; } | |
} | |
#master-summary { margin-top: 25px; } | |
#master { | |
th { font-weight: normal; width: 150px;} | |
td { font-size: 1.6em; font-weight: bold; width: 150px;} | |
} | |
#master-detail { display: none; } | |
#master-detail-button { margin: 5px 0; cursor: pointer; display: block;} | |
.class-cells { | |
width: 40px; padding: 2px 0; | |
th { .centered; } | |
td { .right; padding-right: 3px; } | |
} | |
#class { | |
td { font-size: 1.2em; } | |
td.course { font-size: 1em; } | |
td.today { .centered; font-size: 14px; line-height: 20px; } | |
.today { width: 70px; } | |
.course { width: 190px; text-wrap: none; overflow: hidden; white-space: nowrap; } | |
.absent_unexcused { .class-cells; } | |
.absent_excused { .class-cells; } | |
.tardy_unexcused { .class-cells; } | |
.tardy_excused { .class-cells; } | |
.a_total { .class-cells; } | |
.t_total { .class-cells; } | |
th.absent_unexcused { color: @color_au; } | |
th.absent_excused { color: @color_ae; } | |
th.tardy_unexcused { color: @color_tu; } | |
th.tardy_excused { color: @color_te; } | |
tfoot { | |
td { border-top: 1px solid #444; border-left: none; border-right: none; border-bottom: none; } | |
.course { .right; } | |
} | |
} | |
.attendance-detail { | |
width: 720px; font-size: 0.9em; margin: 10px auto; | |
tr:hover { background-color: #ffd; } | |
th { .left; border-top: 1px solid @border_color; border-right: 1px solid @border_color; border-left: 1px solid @border_color; font-size: .9em; border-bottom: 1px solid @border_color; background-color: @background_grey; padding: 2px; } | |
td { border-bottom: 1px solid @border_color; border-right: 1px solid @border_color; border-left: 1px solid @border_color; padding: 2px; } | |
.date { width: 50px; } | |
.status { width: 180px; } | |
} | |
.late_arrival_time, .early_dismissal_time { width: 70px; } | |
.class_detail { | |
display: none; | |
summary { position: relative; top: 9px; left: 19px; font-weight: normal; font-size: 0.9em; } | |
} | |
.summary { | |
position: relative; | |
a.doc-link { position: absolute; top: 0; right: 0; display: block;} | |
a:hover { background-color: #fff; } | |
} | |
.documentation { | |
display: none; border: 1px solid #CFD6E0; background-color: #DAE5F7; padding: 0 5px; font-size: 0.9em; | |
dt { clear: left; float: left; width: 125px; font-weight: bold; padding-bottom: 5px;} | |
dd { margin-left: 125px; padding-bottom: 5px; } | |
} | |
#legend { | |
line-height: 10px; margin: 5px 0; | |
.box { width: 10px; height: 10px; border: 1px solid #333; } | |
.defn { padding-right: 15px; padding-left: 5px; } | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body { overflow-y: scroll; } | |
@media print { | |
.sparkdata { display: none; } | |
a { display: none !important; } | |
} | |
.gp-link { text-decoration: underline; margin-right: 8px; } | |
table { border-collapse: collapse; } | |
#wrapper { position: relative; } | |
#wrapper a { color: #6894C2; } | |
#wrapper a:hover { color: #2C4C6E; } | |
#menu a { vertical-align: baseline; } | |
.tooltip { cursor: pointer; } | |
#header { position: relative; margin-bottom: 1em;} | |
#header h1, #header h2 { margin: 2px; padding: 2px; } | |
#header p { position: absolute; top: -10px; right: 0; } | |
#student { font-size: 1.5em; } | |
#student span { font-size: 0.7em; color: #666; } | |
#student .grading-period { font-size: 0.8em; color: #000; } | |
#totals { position: absolute; top: 40px; right: 20px; } | |
#totals summary { font-size: 15px; width: 75%;} | |
#totals summary span { font-size: 12px; color: #fff; } | |
#totals th, #totals td { text-align: center; } | |
#totals th { font-size: 13px; font-weight: normal; padding: 2px 3px;} | |
#totals td { font-size: 2.1em; } | |
#totals .percent { font-size: 1.6em; } | |
#totals .todays-status { font-size: 1.5em; } | |
.a_total { background-color: #FEF2EF; } | |
.t_total { background-color: #EDF5FD; } | |
.data { width: 100%; border-collapse: collapse; } | |
summary { background-color: #333; color: #fff; width: 45%; padding: 2px 0 2px 5px; display: block; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px;} | |
.data th { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; text-align: left; font-size: .9em; border-bottom: 1px solid #ddd; background-color: #eee;} | |
.data td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;} | |
.data th, .data td { padding: 2px; } | |
#master-summary { margin-top: 25px; } | |
#master th { font-weight: normal; } | |
#master td { font-size: 1.6em; font-weight: bold; } | |
#master td, #master th { width: 150px; } | |
#class td { font-size: 1.2em; } | |
#class td.course {font-size: 1em; } | |
#class .today { width: 70px; } | |
#class td.today { font-size: 14px; text-align: center; line-height: 20px; } | |
#class .absent_unexcused, #class .absent_excused, #class .tardy_unexcused, #class .tardy_excused, #class .a_total, #class .t_total { width: 40px; padding: 2px 0; } | |
#class th.absent_unexcused, #class th.absent_excused, #class th.tardy_unexcused, #class th.tardy_excused, #class th.t_total, #class th.a_total { text-align: center; } | |
#class td.absent_unexcused, #class td.absent_excused, #class td.tardy_unexcused, #class td.tardy_excused, #class td.t_total, #class td.a_total { padding-right: 3px; text-align: right; } | |
#class .course { width: 190px; text-wrap: none; overflow: hidden; white-space: nowrap; } | |
#class th.absent_unexcused { color: <%= @colors[:au] %>; } | |
#class th.absent_excused { color: <%= @colors[:ae] %>; } | |
#class th.tardy_unexcused { color: <%= @colors[:tu] %>; } | |
#class th.tardy_excused { color: <%= @colors[:te] %>; } | |
#class .detail-button { } | |
#class tfoot td { border-top: 1px solid #444; border-left: none; border-right: none; border-bottom: none; } | |
#class tfoot .course { text-align: right; } | |
.attendance-detail { width: 720px; font-size: 0.9em; margin: 10px auto; } | |
.attendance-detail .group_header th { border-bottom: 1px solid #ddd; background-color: #fff; border-top: none; border-left: none; border-right: none; } | |
.attendance-detail th, .attendance-detail td { padding: 2px; } | |
.attendance-detail th { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; text-align: left; font-size: .9em; border-bottom: 1px solid #ddd; background-color: #eee; } | |
.attendance-detail td { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;} | |
.attendance-detail th.date { width: 50px; } | |
.attendance-detail td.status { width: 180px; } | |
.attendance-detail tr:hover { background-color: #ffd; } | |
.late_arrival_time, .early_dismissal_time { width: 70px; } | |
#master-detail { display: none; } | |
#master-detail-button { margin: 5px 0; cursor: pointer; display: block;} | |
.class_detail { display: none; } | |
.class_detail summary { position: relative; top: 9px; left: 19px; font-weight: normal; font-size: 0.9em; } | |
.summary { position: relative; } | |
.summary a.doc-link { position: absolute; top: 0; right: 0; display: block;} | |
.summary a:hover { background-color: #fff; } | |
summary img { position: absolute; top: 2px; right: 5px; cursor: pointer;} | |
.documentation { display: none; border: 1px solid #CFD6E0; background-color: #DAE5F7; padding: 0 5px; font-size: 0.9em;} | |
dt { clear: left; float: left; width: 125px; font-weight: bold; padding-bottom: 5px;} | |
dd { margin-left: 125px; padding-bottom: 5px; } | |
#legend { line-height: 10px; margin: 5px 0; } | |
.box { width: 10px; height: 10px; border: 1px solid #333; } | |
.defn { padding-right: 15px; padding-left: 5px; } | |
.right { text-align: right; } | |
.green { background-color: #C0D7BA; color: #3F991E; padding: 0 4px; } | |
.red { background-color: #F0B0B0; color: #691400; padding: 0 4px; } | |
.orange { background-color: #D8CEB3; color: #442900; padding: 0 4px; } | |
.blue { background-color: #AFD2F0; color: #024769; padding: 0 4px; } | |
.yellow { background-color: #ffc; color: #414110; padding: 0 4px; } | |
.early-blue { background-color: #334E7D; color: #fff; padding: 0 4px; } | |
.rouge { background-color: #B02B02;} | |
.bad { color: #B02B02; } | |
.qtip { font-size: 12px; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment