/* schedule.css.scss
Classes for scheduled_resource gem - Mike Cannon (Mon Mar 4 '13) (http://github.com/emeyekayee/tv4) (michael.j.cannon@gmail.com) */
$bg-color: #1B3B5F;
/* #21456F; */ /* #002650; */
$daytime-bg: #33669E; $nitetime-bg: #102441;
body {
border: 0; margin: 10px; padding: 0; font-size: 11pt; font-family: Arial, Helvetica, sans-serif; background: $bg-color;
}
h2 { color: #204882 }
a:link { color: white; text-decoration: none;} a:visited { color: white; text-decoration: none;}
.timespan {
position: absolute; left: 0px;
}
.flags {
color: #ffff9b;
}
.blockdiv {
position: absolute; border: 1px solid $bg-color; font-size: 11px; line-height: 1.2; white-space: nowrap; overflow: hidden;
}
current-time-cursor {
border-left: 1px solid rgba(255,0,0,.65); z-index: 1; width: 1px; height: 4000px; position: absolute;
}
.text_locator {
position: absolute; left: 2px; right: 4px; overflow: hidden;
}
schedule-container{
position: relative;
}
scrolling-container {
overflow-x: scroll; padding-bottom: 1px; vertical-align: top; width: 750px; border: 1px solid red;
}
positioned-container {
overflow: hidden; margin: 1px; margin-top: 0px; width: 140000px; position: relative;
}
labels-container {
width: 60px; vertical-align: top; position: absolute;
}
timespans-container {
vertical-align: top; position: absolute; left: 65px;
}
resource-labels {
position: relative; padding-bottom: 2px; left: 5px; background: $bg-color; border: 1px solid red;
}
scrollbar-hider {
width: 811px; /* per #resource-labels + */ height: 20px; /* #scrolling-container */ background: $bg-color; position: relative; top: -20px; left: 5px; border-top: 1px solid red;
}
.rsrcRow {
display: block; margin: 1px; margin-left: 0px;
}
.rsrclabel {
position: absolute; width: 56px; border: 1px solid $bg-color; background: transparent; /* #265990 */ font-weight: bold; text-align: center; color: white; img { position: absolute; left: 0; z-index: 0; background: $bg-color; } > .label-text { position: absolute; z-index: 2; color: rgba(255,255,255,.65); /* #fff */ text-align: center; width: 56px; } // This is used to shelve a background image (if any) vs foreground label text. > div.filter { position: absolute; background: $bg-color; width: 56px; z-index: 1; opacity: 0.5; }
}
.ZTimeHeaderHourrow, .ZTimeHeaderHourRow, .ZTimeHeaderDayrow, .ZTimeHeaderDayRow {
height: 22px; .rsrclabel { height: 22px; width: 56px; div { font-size: 19px; white-space: nowrap; overflow: hidden; text-align: center; color: rgba(204, 204, 255, 0.5); } img { height: 22px; /* Is "inherit" still a no go for IE ? */ width: 56px; } > div.filter { height: 22px; } } .text_locator { text-align: center; } .blockdiv { height: 18px; padding: 2px; background: #265990; font-size: 14px; }
}
.ZTimeHeaderHourrow, .ZTimeHeaderHourRow {
.blockdiv { font-size: 12px; padding-top: 4px; }
}
.ZTimeHeaderDayrow, .ZTimeHeaderDayRow {
.blockdiv { font-size: 16px; }
}
.blockdiv.ZTimeHeaderDayRow { /* background: $daytime-bg; */
background: -webkit-linear-gradient(left, $nitetime-bg, $nitetime-bg 24%, $daytime-bg 26%, $daytime-bg 74%, $nitetime-bg 76%, $nitetime-bg );
}
.blockdiv.dayTimeblock { background: $daytime-bg } .blockdiv.niteTimeblock { background: $nitetime-bg }
// This is included as a model for adding a new scheduled resource type. // In fact is it what is used for the tv4 example. // .Stationrow { // height: 36px;
// .rsrclabel { // div { // font-size: 16pt; // }
// img { // height: 36px; /* Is “inherit” still a no go for IE? */ // width: 56px; // }
// > div.filter { // height: 36px; // }
// }
// .blockdiv { // height: 32px; // padding: 2px; // } // }