/* Move down content because we have a fixed navbar that is 50px tall */ body { font: 'Roboto', sans-serif; /*font: 'Open Sans', sans-serif;*/ } /* Wrapping element */ /* Set some basic padding to keep content from hitting the edges */ .body-content { font: 'Roboto', sans-serif; /*font: 'Open Sans', sans-serif;*/ } .textCondens { font-family: 'Roboto Condensed', sans-serif; /*font-family: 'Open Sans Condensed', sans-serif;*/ } .textNormal { font-family: 'Roboto', sans-serif; /*font-family: 'Open Sans', sans-serif;*/ } .textBig { font-size: 1.5em; } .text-strike { text-decoration: line-through; } .table-sm th, .table-sm td { padding: 0.2rem; } .gFerConf { background-color: #11CD44; color: #FFFFFF; } .gFerNC { background-color: #AAFFCD; color: #000000; } .gPerConf { background-color: #9966DE; color: #DEDEDE; } .gPerNC { background-color: #CDAAFF; color: #000000; } .g104Conf { background-color: #DE00AB; color: #DEDEDE; } .g104NC { background-color: #FFAACD; color: #000000; } /*------------------------------------------------------------------ [ Shortcuts / .shortcuts ] */ .shortcuts { text-align: center; } .shortcuts .shortcut { min-width: 9.9rem; min-height: 5.5rem; display: inline-block; padding: 0.77rem 0; margin: 0 2px 1em; vertical-align: top; text-decoration: none; background: #F3F3F3; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0); border: 1px solid #ddd; box-sizing: border-box; border-radius: 0.55rem; } .shortcuts .shortcut-sm { min-width: 4.95rem; min-height: 3.3rem; display: inline-block; padding: 0.275rem 0; margin: 0 2px 1em; vertical-align: top; text-decoration: none; background: #F3F3F3; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#eeeeee)); background-image: -webkit-linear-gradient(top, #ffffff, 0%, #eeeeee, 100%); background-image: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0); border: 1px solid #ddd; box-sizing: border-box; border-radius: 1.1rem/2; } .shortcuts .shortcut .shortcut-icon { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 2.2rem; color: #333; } .shortcuts .shortcut-sm .shortcut-icon { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 2.2rem; color: #333; } .shortcuts .shortcut:hover { background: #E8E8E8; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0); } .shortcuts .shortcut-sm:hover { background: #E8E8E8; background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fafafa), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #fafafa, 0%, #e1e1e1, 100%); background-image: -moz-linear-gradient(top, #fafafa 0%, #e1e1e1 100%); background-image: linear-gradient(to bottom, #fafafa 0%, #e1e1e1 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0); } .shortcuts .shortcut:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .shortcuts .shortcut-sm:active { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .shortcuts .shortcut:hover .shortcut-icon { color: #C93; } .shortcuts .shortcut-sm:hover .shortcut-icon { color: #666; } .shortcuts .shortcut-label { display: block; margin-top: 0.75em; font-weight: 400; color: #666; } @media (max-width: 992px) { .shortcuts .shortcut { min-width: 8.8rem; min-height: 4.4rem; } } /* Set widths on the form inputs since otherwise they're 100% wide */ /*input, select, textarea { max-width: 280px; } */ /* Responsive: Portrait tablets and up */ @media screen and (min-width: 768px) { .jumbotron { margin-top: 20px; } .body-content { padding: 0; } /* Set widths on the form inputs since otherwise they're 100% wide */ input, select, textarea { max-width: 100%; } } .elTimbSmart { padding: 0.2em; font-size: 1.1em; line-height: 1.3em; } .ui-input-btn input { opacity: 0.5; } .GridPager a, .GridPager span { display: block; height: 1.5em; min-width: 1.1em; text-align: center; text-decoration: none; } .GridPager a { background-color: #f5f5f5; color: #969696; /*border-top: 1px solid #969696; border-bottom: 1px solid #969696;*/ } .GridPager span { background-color: #A1DCF2; color: #000; /*border-top: 1px solid #3AC0F2; border-bottom: 1px solid #3AC0F2;*/ font-weight: bold; } /* calendar white */ .calendar_white_main { border: 1px solid #999; } .calendar_white_scroll_up { background: url(calendar_white/up.png); } .calendar_white_scroll_down { background: url(calendar_white/down.png); } .calendar_white_rowheader_inner, .calendar_white_cornerright_inner, .calendar_white_corner_inner, .calendar_white_colheader_inner, .calendar_white_alldayheader_inner { color: #666; background: #eee; background: -moz-linear-gradient(top, #eee 0%, #ddd); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#eeeeee", endColorStr="#dddddd"); } .calendar_white_cornerright_inner { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-bottom: 1px solid #999; } .calendar_white_rowheader_inner { font-size: 16pt; text-align: right; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-right: 1px solid #999; border-bottom: 1px solid #999; } .calendar_white_corner_inner { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-right: 1px solid #999; border-bottom: 1px solid #999; } .calendar_white_rowheader_minutes { font-size: 10px; vertical-align: super; padding-left: 2px; padding-right: 2px; } .calendar_white_colheader_inner { text-align: center; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-right: 1px solid #999; border-bottom: 1px solid #999; } .calendar_white_cell_inner { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #ffffff; } .calendar_white_alldayheader_inner { text-align: center; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; border-right: 1px solid #999; border-bottom: 1px solid #999; } .calendar_white_message { opacity: 0.7; filter: alpha(opacity=70); padding: 10px; color: #ffffff; background: #ffa216; background: -moz-linear-gradient(top, #ffa216 0%, #ff8400); background: -webkit-gradient(linear, left top, left bottom, from(#ffa216), to(#ff8400)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffa216", endColorStr="#ff8400"); } .calendar_white_alldayevent_inner, .calendar_white_event_inner { color: rgba(102, 102, 102, 0.5); background: rgba(238, 238, 238, 0.5); /* background: -moz-linear-gradient( top, #ffffff 0%, #eee); background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#eee)); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ffffff", endColorStr="#eeeeee");*/ border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3), inset 0px 0px 2px rgba(255, 255, 255, 0.8); } .calendar_white_selected .calendar_white_event_inner { background: #ddd; } .calendar_white_alldayevent_inner { position: absolute; top: 2px; bottom: 2px; left: 2px; right: 1px; padding: 2px; margin-right: 1px; font-size: 12px; } .calendar_white_event_withheader .calendar_white_event_inner { padding-top: 15px; } .calendar_white_event { cursor: default; } .calendar_white_event_inner { position: absolute; overflow: hidden; top: 0px; bottom: 2px; left: 2px; right: 0px; padding: 2px; font-size: 10px; font-weight: bold; color: black; } .calendar_white_shadow_inner { background-color: #666666; opacity: 0.5; filter: alpha(opacity=70); height: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }