356 lines
12 KiB
CSS
356 lines
12 KiB
CSS
/*
|
|
* $Revision$
|
|
* $Id$ TODO: FONTAWESOME icons
|
|
*/
|
|
|
|
|
|
#resselector option {
|
|
background-color: #17D575;
|
|
color: #333;
|
|
font-weight: normal;
|
|
text-align: center; /* want dat heeft .fatal ook*/
|
|
}
|
|
|
|
#resselector .fatal {
|
|
background-color: #FFC7CE;
|
|
color: #9C0006;
|
|
}
|
|
|
|
#selectedDates{
|
|
margin-top: 3px;
|
|
}
|
|
/* RES planboard noot: res gaat per id, obj gaat via class */
|
|
#tab_room_sched tbody tr,
|
|
#tab_room_sched thead tr,
|
|
.tab_obj_sched tbody tr,
|
|
.tab_obj_sched thead tr {
|
|
background-color: #eee;
|
|
}
|
|
#tab_room_sched tbody tr:hover,
|
|
.tab_obj_sched tbody tr:hover {
|
|
background-color: #ddd;
|
|
}
|
|
#tab_room_sched tr.selected,
|
|
.tab_obj_sched tr.selected {
|
|
background-color: #ddd;
|
|
font-weight: bold;
|
|
}
|
|
|
|
i.plancad {
|
|
cursor: pointer;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.tab_cat_sched.compressed tr.catline.notexisting { display: none; }
|
|
.tab_cat_sched.compressed tr.catflexline.notexisting { display: none; }
|
|
|
|
.tab_cat_sched tr.catline > td.label > label { line-height: 2.35em; }
|
|
|
|
.planbord.compressed tr.res_nofit { display: none; }
|
|
.tab_cat_sched tr.catline.existing { background-color: #ddd; }
|
|
.tab_cat_sched tr.catflexline.existing { background-color: #ddd; }
|
|
|
|
table.planbord tr label { font-weight: normal;overflow: hidden; white-space: nowrap; }
|
|
table.planbord td { vertical-align: inherit; } /* Herstel de generieke 'top' uit default.csx */
|
|
|
|
table.planbord td.label { width: 180px; padding-left: 5px; }
|
|
table.tab_cat_sched td.label { width: 250px; padding-left: 5px; }
|
|
|
|
table.planbord label { width: 180px; font-weight: normal; overflow: hidden; white-space: nowrap; }
|
|
table.tab_cat_sched label { width: 250px; font-weight: normal; overflow: hidden; white-space: nowrap; }
|
|
table.tab_cat_sched th { white-space: nowrap; }
|
|
|
|
table.planbord td.capaciteit { width: 55px;
|
|
text-align: right;
|
|
vertical-align: bottom;
|
|
padding-right:15px; }
|
|
|
|
div.res_remark {
|
|
display: none;
|
|
float: right;
|
|
position:absolute;
|
|
z-index:15; /* floatingHeader = 10, hambDropDown = 11 */
|
|
width:400px;
|
|
left:450px;
|
|
padding: 5px;
|
|
background-color: #FCFD93;
|
|
border: 1px solid #eee;
|
|
box-shadow: 4px 4px 8px #666;
|
|
white-space: normal;
|
|
}
|
|
div.resartflexedit tr.catline.existing{ background-color: #ddd; }
|
|
div.resartflexedit table tr td,
|
|
div.resartflexedit table tr td span,
|
|
div.resartflexedit table tr td input,
|
|
div.resartflexedit table tr td select,
|
|
div.resartflexedit table tr td textarea { font-style: italic;
|
|
margin-left: 10px; }
|
|
div.resartflexlist { margin-left: 10px;
|
|
color: #888;
|
|
font-style: italic;
|
|
}
|
|
div.resartflexshow { margin-left: 10px;
|
|
color: #888;
|
|
font-style: italic;
|
|
}
|
|
table.planbord96 tr td.between div { width:24px;}
|
|
table.planbord96 tr td.post div { width:16px;}
|
|
table.planbord96 td.reserv { background-image:url(../pictures/plan96x16.png) }
|
|
|
|
table.planbord72 tr td.between div { width:24px;}
|
|
table.planbord72 tr td.post div { width:16px;}
|
|
table.planbord72 td.reserv { background-image:url(../pictures/plan72x16.png) }
|
|
|
|
table.planbord60 tr td.between div { width:24px;}
|
|
table.planbord60 tr td.post div { width:16px;}
|
|
table.planbord60 td.reserv { background-image:url(../pictures/plan60x16.png) }
|
|
|
|
table.planbord48 tr td.between div { width:24px;}
|
|
table.planbord48 tr td.post div { width:16px;}
|
|
table.planbord48 td.reserv { background-image:url(../pictures/plan48x16.png) }
|
|
|
|
table.planbord36 tr td.between div { width:24px;}
|
|
table.planbord36 tr td.post div { width:16px;}
|
|
table.planbord36 td.reserv { background-image:url(../pictures/plan36x16.png) }
|
|
|
|
table.planbord24 tr td.between div { width:24px;}
|
|
table.planbord24 tr td.post div { width:16px;}
|
|
table.planbord24 td.reserv { background-image:url(../pictures/plan24x16.png) }
|
|
|
|
table.planbord16 tr td.between div { width:24px;}
|
|
table.planbord16 tr td.post div { width:8px;}
|
|
table.planbord16 td.reserv { background-image:url(../pictures/plan16x16.png) }
|
|
|
|
table.planbord8 tr td.between div { width:10px;}
|
|
table.planbord8 tr td.post div { width:3px;}
|
|
table.planbord8 td.reserv { background-image:url(../pictures/plan08x16.png) }
|
|
|
|
table.planbord4 tr td.between div { width:2px;}
|
|
table.planbord4 tr td.post div { width:0px;}
|
|
table.planbord4 td.reserv { background-image:url(../pictures/plan04x16.png) }
|
|
|
|
table.planbord { border: 1px solid #ccc ; margin-top:5px; margin-right: 5px; }
|
|
|
|
table.planbord td.plantd { padding:0px; margin:0px; }
|
|
table.planbord td.plantd div.tddiv { position: relative; padding:0px; margin:0px; width:100%; height: 16px;}
|
|
|
|
table.planbord td.plantd.tijdbalk { height: 16px; }
|
|
table.planbord.multiday td.plantd.tijdbalk div.tddiv { height: 32px; }
|
|
table.planbord label { font-weight: normal; }
|
|
|
|
table.planbord tr { height: 21px; }
|
|
table.planbord td.reserv { background-repeat: repeat-x;
|
|
background-position:1px 4px;}
|
|
table.planbord tr td.between div { margin-bottom: 1px; }
|
|
table.planbord tr td.post { padding:0px; }
|
|
table.planbord div.gepland{ position: absolute;
|
|
height: 16px;
|
|
top: 0px;
|
|
}
|
|
div.resIcon {
|
|
position : absolute;
|
|
width : 100%;
|
|
height : 100%;
|
|
white-space : nowrap;
|
|
line-height : 1.25em;
|
|
font-size : 1.25em;
|
|
text-align : center;
|
|
font-family : 'Font Awesome 5 Pro';
|
|
color : #444;
|
|
}
|
|
div.resIconLeft {
|
|
line-height : 1.25em;
|
|
font-size : 1.25em;
|
|
font-family : inherit;
|
|
font-size : 1.1em;
|
|
color : #444;
|
|
}
|
|
|
|
table.planbord div.begintijd{ position: absolute;
|
|
height: 17px;
|
|
left: 0px;
|
|
background-color: #eee;
|
|
top: -1px;
|
|
}
|
|
table.planbord div.eindtijd { position: absolute;
|
|
height: 17px;
|
|
background-color: #eee;
|
|
top: -1px;
|
|
}
|
|
table.planbord tr:hover div.begintijd,
|
|
table.planbord tr:hover div.eindtijd {background-color: #CCC;}
|
|
|
|
|
|
div.plantime { position: absolute;
|
|
text-align: center;
|
|
height: 16px;
|
|
width: 40px;
|
|
}
|
|
div.plandate {
|
|
position: absolute;
|
|
text-align: center;
|
|
height: 32px;
|
|
width: 40px;
|
|
top: 0px;}
|
|
|
|
#plandate {font-size: 1.2em; padding: 0 10px 0 10px; vertical-align: top;}
|
|
|
|
table.planbord.multiday div.plantime { top: 16px; }
|
|
|
|
table.planbord div.click { cursor: pointer;}
|
|
table.planbord input[type=checkbox] { height:16px; width: 16px; }
|
|
table.planbord input[type=radio] { height:16px; width: 16px; }
|
|
|
|
|
|
div.gepland { border-left: 1px solid rgba(255,255,255,0.5); border-right: 1px solid rgba(255,255,255,0.5); }
|
|
table.planbord4 div.gepland { border-left: 0px solid #999; border-right: 0px solid #999; }
|
|
|
|
.resbartext {
|
|
color: #fff;
|
|
position: absolute;
|
|
margin: 0 0 0 2px;
|
|
font-size: 0.95em;
|
|
line-height: 1.3em;
|
|
text-shadow: 1px 1px 1px #999;
|
|
}
|
|
|
|
div.continueleft,
|
|
div.res_nopre,
|
|
div.overflowleft { border-left: 0px; }
|
|
div.continueright,
|
|
div.res_nopost,
|
|
div.overflowright { border-right: 0px; }
|
|
|
|
tr.selected div.res_current { background-color: #F00; }
|
|
|
|
table.planbord div.overflowleft { background-image:url(../pictures/moreleft.png);
|
|
background-position:left top;
|
|
background-repeat:no-repeat;
|
|
}
|
|
table.planbord div.overflowright { background-image:url(../pictures/moreright.png);
|
|
background-position:right top;
|
|
background-repeat:no-repeat;
|
|
}
|
|
div.overflowright div.rd,
|
|
div.overflowleft div.rd {
|
|
display: inline-block;
|
|
}
|
|
div.overflowright div.wrap-arrowright,
|
|
div.overflowleft div.wrap-arrowleft {
|
|
background-color: white;
|
|
display: flex;
|
|
align-items: center;
|
|
height: 100%;
|
|
width: 10px;
|
|
}
|
|
div.overflowright div.wrap-arrowright {
|
|
float: right;
|
|
margin-right: -10px;
|
|
}
|
|
div.overflowleft div.wrap-arrowleft {
|
|
float: left;
|
|
margin-left: -10px;
|
|
}
|
|
div.overflowright div.arrowright,
|
|
div.overflowleft div.arrowleft {
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 18px solid white;
|
|
border-bottom: 18px solid white;
|
|
}
|
|
div.overflowright div.arrowright {
|
|
border-left-width: 10px;
|
|
border-left-style: solid;
|
|
}
|
|
div.overflowleft div.arrowleft {
|
|
border-right-width: 10px;
|
|
border-right-style: solid;
|
|
}
|
|
tr.selected div.overflowright { background-image:url(../pictures/moreright_sel.png); }
|
|
tr.selected div.overflowleft { background-image:url(../pictures/moreleft_sel.png); }
|
|
|
|
table.planbord tr td.between div { height:16px; }
|
|
|
|
tr div.res_nieuw { display: none; }
|
|
div.grid div.res_nieuw.selected,
|
|
tr.selected div.res_nieuw { display: block;
|
|
background-color: #1AD91A;
|
|
}
|
|
|
|
/* De volgende regels overrulen mogelijk bovenstaande. */
|
|
tr.res_nofit.selected, div.grid div.labelgrid.res_nofit.selected
|
|
{ display: table-row!important; }
|
|
tr.res_nofit td { color: #808080; }
|
|
tr.res_nofit label,
|
|
div.grid div.labelgrid.res_nofit label
|
|
{ color: red; }
|
|
tr.extern td { background-color: #F7F7F7; }
|
|
|
|
tr.unselected div.res_current:before {
|
|
position: absolute;
|
|
font-family: 'Font Awesome 5 Pro';
|
|
content: "\f00d";
|
|
color: #F00;
|
|
left: 50%;
|
|
margin-left: -0.5em;
|
|
}
|
|
|
|
div.objcatline,div.resexternline
|
|
{ cursor: pointer;
|
|
background-position: 4px 4px;
|
|
padding-top: 4px;
|
|
}
|
|
div.resexternline span { padding-left: 20px;}
|
|
|
|
div.objcatline.closed div.objcatdiv { display: none;}
|
|
div.resexternline.closed div.resexterndiv { display: none;}
|
|
.resexterntitle {font-size: 1.2em; font-weight: bold;}
|
|
.resexterntitle:hover {text-decoration: underline;}
|
|
|
|
div.objcatline.notavailable { background-image:none;
|
|
cursor: default;
|
|
}
|
|
div.objcatline.existing { font-weight: bold;
|
|
}
|
|
|
|
div.objcatdiv { font-weight: normal;
|
|
color: black;
|
|
}
|
|
|
|
.addcatering { cursor: pointer }
|
|
|
|
#resCat {}
|
|
|
|
#resObj {}
|
|
|
|
tr div.res_fatal { background-color: #ccc;
|
|
background-repeat: repeat-x;
|
|
background-position: 4px 0;
|
|
background-image:url(../pictures/resdirty.png)!important;
|
|
z-index: 1; }
|
|
|
|
span.res_fatal,
|
|
input[type=text].button.required.res_fatal
|
|
{ background-color: #F88 !important;
|
|
border: 1px solid #D44444;
|
|
background-repeat: no-repeat;
|
|
background-image:url(../pictures/resdirty.png)!important;
|
|
padding-left : 20px;
|
|
z-index: 1; }
|
|
|
|
#timetip {position:absolute;border:1px solid #666;background-color:#fff;padding:2px;z-index:999;display:none;}
|
|
|
|
@media print
|
|
{ /* in print-mode doe we de kleuren als border. Daarmee geeft cleaning wel rare 'punten'. Het zij zo. */
|
|
div.res_optie_eigen { height:0px!important; border-top:7px solid #E37B00; border-bottom:7px solid #E37B00; } /* Optie eigen reservering: lichtblauw */
|
|
div.res_definitief_eigen { height:0px!important; border-top:7px solid #009979; border-bottom:7px solid #009979; } /* Definitief eigen reservering: lichtrood */
|
|
div.res_optie { height:0px!important; border-top:7px solid rgb(238,176,102); border-bottom:7px solid rgb(238,176,102); } /* Optie: blauw ORANJE */
|
|
div.res_definitief { height:0px!important; border-top:7px solid #66C2AF; border-bottom:7px solid #66C2AF; } /* Definitief: rood */
|
|
div.res_blok { height:0px!important; border-top:7px solid #747578; border-bottom:7px solid #747578; } /* Blokkade: zwart GRIJS*/
|
|
div.res_vervallen { height:0px!important; border-top:7px solid #AB1455; border-bottom:7px solid #AB1455; } /* Vervallen: paars */
|
|
div.res_nietvrij { height:0px!important; border-top:7px solid #B1B3B4; border-bottom:7px solid #B1B3B4; } /* Niet beschikbaar: oranje LICHTGROEN */
|
|
|
|
table.planbord td.reserv { border:1px solid #888;}
|
|
.plancad { display: none; }
|
|
}
|