Skip to content

Instantly share code, notes, and snippets.

@sixfeetover
Created June 20, 2009 19:07
Show Gist options
  • Save sixfeetover/133244 to your computer and use it in GitHub Desktop.
Save sixfeetover/133244 to your computer and use it in GitHub Desktop.
@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; }
}
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