/* BG Weiss */ div.calenderOptions, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.frei:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt::after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.none:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.verfuegbar:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.verfuegbar:after, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.nichtverfuegbar:after, div.einsatz, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz, div.calenderBody div.calenderRow.new > div.calenderCol > div.timeElement.frei:after, div.calenderBody div.calenderRow.new > div.calenderCol > div.timeElement.gesperrt:after { color: #2D2D2D; /* background-color: #fff; */ } div.lineContent.big { border-right: 1px solid #fff; } div.add { border-left:1px solid #fff; } div.calenderHead div.calenderRow > div.calenderCol > div.timeElement { border-left: 1px solid #fff; } /* BG Hellgrau */ /* Überschrift Mitarbeiter Zeitleiste */ div.calenderHead > div.calenderRow.info { color: #fff; background: #888 !important; text-shadow: 1px 1px 2px #555; } div.popupbox.open > div.popupContainer { color: #2D2D2D; background-color: rgba(255,255,255,0.90); } div.calenderBody div.calenderRow, div.calenderBody div.calenderRow.info { color: #2D2D2D; background-color: #Fcfcfc; } div.calenderBody div.calenderRow.new { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e1e1e1 20%, #f6f6f6 100%); background: -webkit-linear-gradient(top, #ffffff 0%,#e1e1e1 20%,#f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 0%,#e1e1e1 20%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); border-bottom: 1px solid #ddd; } div.calenderBody div.calenderRow.new > div.calenderCol.timeline > div.timeElement.frei, div.calenderBody div.calenderRow.new > div.calenderCol.timeline > div.timeElement.frei { background-color: transparent; border-left: 1px solid #eee; } div.calenderCol.timeline > div.timeElement.frei:hover, div.calenderBody div.calenderRow.new > div.calenderCol.timeline > div.timeElement.frei:hover { background-color: #8bc34a !important; } /* BG Light grey */ div.calenderOptions > div.hOptions > a.active:after, div.calenderOptions > div.typeSwitch > a.active:after, div.nichtverfuegbar { background-color: #C5C5C5 !important; } div.popupbox.open > div.popupContainer table > tbody.summe tr { border-top: 1px solid #C5C5C5; border-bottom: 2px solid #C5C5C5; } div.krank, div.nichtverfuegbar.krank {background-color: rgba(233,29,32,0.33) !important;} div.urlaub, div.nichtverfuegbar.urlaub {background-color: rgba(149,194,231,1.00) !important;} div.other, div.nichtverfuegbar.other {background-color: rgba(160,160,160,1.00) !important;} /* Zeitleiste */ div.calenderHead > div.calenderRow { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f6f6+0,e1e1e1+76,f1f1f1+77,ffffff+100 */ background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #e1e1e1 91%, #f1f1f1 92%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f6f6f6 0%,#e1e1e1 91%,#f1f1f1 92%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f6f6f6 0%,#e1e1e1 91%,#f1f1f1 92%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /* BG Grau */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme.mixed, div.einsatz:hover, div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle > td:hover, div.calenderBody div.calenderRow.openall:hover:after { background-color: #757575; color: #FFFFFF; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > span.daywork { color:#fff; } div.calenderBody div.calenderRow.openall { border-bottom: 1px solid #757575; } /* Dunkelgrau*/ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme { color:#F0F0F0; border-bottom: 1px solid #2F2F2F; } /* Himmelblau */ div.calenderBody div.calenderRow:after { background-color: rgba(0,159,227,0.2); } /* Abdunkeln */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme.returns { background-color: rgba(0,159,227,0.6); } /* Lightgreen */ div.verfuegbar { background-color: #dcedc8; } /* abdunkeln */ div.popupbox.open output.ok { background-color: #aed581; } /* abdunkeln */ div.popupbox.open > div.popupContainer .savethis, div.lineContent.big.info.ok, div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle, div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle > td { background-color:#689f38 !important; color:#FFFFFF; } /* abdunkeln */ div.popupbox.open > div.popupContainer .savethis:hover { background-color:#33691e; } /* light Red */ div.calenderBody div.calenderRow.error > div.calenderCol > div.timeElement div.lineContent.big, div.popupbox.open output.error, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt, div.lineContent.big.info.alert, div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle.active, div.popupbox.open > div.popupContainer table > tbody.optional > tr.toggle.active > td { background-color: #E3383B; } /* Red */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme.notallowed, div.closethis:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.gesperrt:hover, div.calenderBody div.calenderRow.error > div.calenderCol > div.timeElement:hover div.lineContent.big { background-color: #b71c1c; color:#fff !important; } /* Lightpurple */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.einmalig:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme.regular, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einmalig, div.calenderBody div.calenderRow.openall.purpleshine:after, div.calenderBody div.calenderRow.info.purpleshine { background-color: rgba(255,106,0,0.7); color:#fff; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > span.daywork.regular { background-color: rgba(255,106,0,0.7); border-left-color: rgba(255,106,0,1);} div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einmalig.inner { background-color:rgba(255,106,0,0.2);} /* Purple */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einmalig:hover { background-color: rgba(255,106,0,0.7); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.einmalig { border-left: 8px solid rgba(255,106,0,0.7); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einmalig.inner:hover { background-color: rgba(255,106,0,0.33);} div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einmalig.inner div.innerWindow { background-color: rgba(255,106,0,0.5); } /* Lightblue */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.wiederkehrend:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.wiederkehrend, div.calenderBody div.calenderRow.openall.blushine:after, div.calenderBody div.calenderRow.info.blueshine { background-color: rgba(0,159,227,0.6); color:#fff; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > span.daywork.returns { background-color: rgba(0,159,227,0.5); border-left-color: #1976d2; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.wiederkehrend.inner { background-color: rgba(40,165,245,0.20);} div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.wiederkehrend.inner div.innerWindow { background-color: #2196f3; } /* Blue */ div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.wiederkehrend:hover { background-color: #2196f3; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.wiederkehrend { border-left: 8px solid #1976d2; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.wiederkehrend.inner:hover { background-color: rgba(40,165,245,0.40); } div.calenderRow.info.openall {position:relative;} div.calenderRow.info.openall:after { position:absolute; display:block; height:25px; left:50%; top:6px; margin-left:-109px; width:256px; content: ''; background-image: url(material/arrows-down-01.svg); background-size:contain; background-position: center center; background-repeat: no-repeat; background-color: transparent !important; } div.calenderRow.info.openall.active:after { background-image: url(material/arrows-up-01.svg); background-position: center center; } div.calenderRow.info.openall.wide:after { margin-left:-256px; width:520px; background-image: url(material/arrows-down-01-wide.svg); } div.calenderRow.info.openall.wide.active:after { margin-left:-256px; width:520px; background-image: url(material/arrows-up-01-wide.svg); } a.button.timewindow, div.calenderNav > a { background-color: rgba(0,0,0,0);} div.calenderBody div.calenderRow > div.calenderCol > div.timeElement > a { color:#fff !important; } div.calenderOptions > div.hOptions > a, div.calenderOptions > div.typeSwitch > a { color: #bababa; } div.calenderOptions > div.typeSwitch > a.active, div.calenderOptions > div.typeSwitch > a:hover, div.calenderOptions > div.hOptions > a.active, div.calenderOptions > div.hOptions > a:hover { color: #121212; } div.calenderHead > div.calenderRow > div.calenderCol > div.timeElement { color: #999; } div.calenderHead > div.calenderRow > div.calenderCol > div.timeElement.feiertag {background-color: rgba(255,0,0,0.05); color:#FF0000;} div.calenderBody div.calenderRow.new > div.calenderCol:nth-child(1), div.calenderBody div.calenderRow.new > div.calenderCol:nth-child(2) { color: #828282;} div.calenderCol > div.halb, div.popupbox.open > div.popupContainer div.infoContent, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.einmalig:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.wiederkehrend:hover { color: #4B4B4B; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.collision {background:#ED2225; background-image: url(material/ic_warning_white_24px.svg); background-repeat: no-repeat; background-position: center; background-size: 15px; } div.lineContent.big:hover, div.popupbox.open > div.popupContainer h2, div.popupbox.open > div.popupContainer table { color: #000000; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.none:after, div.calenderBody div.calenderRow > div.calenderCol.timeline { background-color: rgba(0,0,0,0.05); } div.lineContent.big, div.add, /* div.calenderBody > div.calenderRow.new > div.calenderCol:nth-child(1), div.calenderBody > div.calenderRow.new > div.calenderCol:nth-child(2) { background-color: rgba(0,0,0,0.10); } */ /*div.calenderBody > div.calenderRow > div.calenderCol.bgdark,*/ div.popupbox.open { background-color: rgba(0,0,0,0.40); } div.closethis { background-color: rgba(0,0,0,0.80); } div.calenderHead > div.calenderRow > div.calenderCol > div.timeElement.regular.even { background-color: rgba(255,255,255,0.10); } div.lineContent.big:hover, div.add:hover, div.popupbox.open > div.popupContainer table > tbody.summe tr { background-color: rgba(255,255,255,0.33); } div.calenderBody div.calenderRow.project { background-color: rgba(222,222,222,1.00) !important; color:#fff; } div.calenderBody div.calenderRow.project.einmalig { color:#9c27b0 !important; } div.calenderBody div.calenderRow.project.wiederkehrend { color:#1976d2 !important; } div.calenderBody div.calenderRow.project.active { background-color: rgba(190,190,190,1.00) !important; color:rgba(255,255,255,1.00) !important; } div.calenderBody div.calenderRow.project {background-image: url(material/ic_remove_circle_white_24px.svg); cursor:pointer;} div.calenderBody div.calenderRow.project.active {background-image:url(material/ic_add_circle_white_24px.svg);} div.calenderBody div.calenderRow.project {background-position: center; background-repeat: no-repeat; background-size: 16px 16px;} /* MA EINSÄTZE */ div.einsatz, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz { background: -webkit-linear-gradient(#ffffff 0%, #f6f6f6 47%, #ededed 100%); background: -o-linear-gradient(#ffffff 0%, #f6f6f6 47%, #ededed 100%); background: linear-gradient(#ffffff 0%, #f6f6f6 47%, #ededed 100%); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.conflicted { background: #AF0002; background: -moz-linear-gradient(top, #ED2225 0%, #AF0002 100%); background: -webkit-linear-gradient(top, #ED2225 0%,#AF0002 100%); background: linear-gradient(to bottom, #ED2225 0%,#AF0002 100%); color:rgba(255,255,255,1.00) !important; } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme.mixed { background: -moz-linear-gradient(-45deg, #64b5f6 0%, #42a5f5 50%, rgba(255,106,0,0.4) 50%, rgba(255,106,0,0.6) 100%); background: -webkit-linear-gradient(-45deg, #64b5f6 0%,#42a5f5 50%, rgba(255,106,0,0.4) 50%, rgba(255,106,0,0.6) 100%); background: linear-gradient(135deg, #64b5f6 0%,#42a5f5 50%,rgba(255,106,0,0.4) 50%, rgba(255,106,0,0.6) 100%); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme.regular { background: -moz-linear-gradient(-45deg, rgba(255,106,0,0.4) 0%, rgba(255,106,0,0.6) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,106,0,0.4) 0%,rgba(255,106,0,0.6) 100%); background: linear-gradient(135deg, rgba(255,106,0,0.4) 0%,rgba(255,106,0,0.6) 100%); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz > div.tagessumme.returns { background: -moz-linear-gradient(-45deg, #64b5f6 0%, #42a5f5 100%); background: -webkit-linear-gradient(-45deg, #64b5f6 0%, #42a5f5 100%); background: linear-gradient(135deg, #64b5f6 0%, #42a5f5 100%); } div.calenderBody div.calenderRow.info.blueshine { background: -moz-linear-gradient(-45deg, #64b5f6 0%, #2196f3 100%); background: -webkit-linear-gradient(-45deg, #64b5f6 0%, #2196f3 100%); background: linear-gradient(135deg, #64b5f6 0%, #2196f3 100%); } div.calenderBody div.calenderRow.info.purpleshine { background: -moz-linear-gradient(-45deg, rgba(255,106,0,0.35) 0%, rgba(255,106,0,0.7) 100%); background: -webkit-linear-gradient(-45deg, rgba(255,106,0,0.35) 0%,rgba(255,106,0,0.7) 100%); background: linear-gradient(135deg, rgba(255,106,0,0.35) 0%,rgba(255,106,0,0.7) 100%); } div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.einsatz.wiederkehrend:hover, div.calenderBody div.calenderRow > div.calenderCol > div.timeElement.wiederkehrend { } /* div.calenderBody > div.calenderRow.error > div.calenderCol.timeline > div.timeElement.ok > span > div.popupbox.open { display:none !important; } div.calenderBody > div.calenderRow.error > div.calenderCol.timeline > div.timeElement.ok > span > div.popupbox.open > div.popupContainer { display:none !important; } */ .grayscale div.timeElement:not(.collision):not(.alert):not(.warning), .grayscale div.timeElement.alert div.lineContent:not(.alert), .grayscale div.timeElement.alert div.innerWindow, div.timeElement.grayscale:not(.alert) { /* filter:grayscale(1); -webkit-filter: grayscale(1); */ /* Filter is not usable, because it blocks comment popup */ } div.timeElement.ok.grayscale, div.calenderCol.timeline.grayscale div.inner.timeElement.inner { background-color: rgba(128,128,128,0.20) !important; } div.calenderCol.timeline.grayscale div.inner.timeElement div.lineContent.big:not(.alert) { background-color: rgba(128,128,128,0.50) !important; } div.calenderCol.timeline.grayscale div.inner.timeElement div.lineContent.big.ok { background-color:rgba(62,176,0,1.00) !important; } div.calenderCol.timeline.grayscale div.inner.timeElement div.innerWindow { background-color: rgba(128,128,128,0.80) !important; } /* MA Part */ div.calenderCol.timeline.grayscale div.timeElement.editable.verfuegbar { background-color: rgba(128,168,128,0.60) !important;} div.calenderCol.timeline div.timeElement.editable.grayscale, div.calenderCol.timeline.grayscale div.timeElement.editable.nichtverfuegbar { background-color: rgba(128,128,128,0.50) !important;} div.calenderCol.timeline div.timeElement.editable.grayscale.urlaub, div.calenderCol.timeline.grayscale div.timeElement.editable.nichtverfuegbar.urlaub { background-color: rgba(128,128,168,0.50) !important;} div.calenderCol.timeline div.timeElement.editable.grayscale.krank, div.calenderCol.timeline.grayscale div.timeElement.editable.nichtverfuegbar.krank { background-color: rgba(168,128,128,0.50) !important;}