diff --git a/UI/WebServerResources/SchedulerUI.css b/UI/WebServerResources/SchedulerUI.css index 87bdcdf7a..ae1fd66b3 100644 --- a/UI/WebServerResources/SchedulerUI.css +++ b/UI/WebServerResources/SchedulerUI.css @@ -291,8 +291,6 @@ TABLE._unfocused#appointmentsList TR._selected TD color: #fff !important;; } -TABLE.dayOverview, -TABLE.weekOverview, TABLE.monthOverview { margin: 0 auto; padding: 1em; @@ -324,39 +322,22 @@ SPAN.dayCellLabel { color: #77a; font-weight: bold; } -TABLE.weekOverview TD.dayOfToday -{ background-color: #deebf7; } - TABLE.monthOverview TD.dayOfToday { border: 3px solid #397d94; background-color: #deebf7; } -TABLE.weekOverview TD.weekEndDay, TABLE.monthOverview TD.weekEndDay { background-color: #fffbe7; } TABLE.monthOverview TD.dayOfAnotherMonth { background-color: #e7efef; } -TABLE.weekOverview TD.selectedDay, TABLE.monthOverview TD.selectedDay { background-color: #ffe79c; } -TABLE.dayOverview TD, -TABLE.weekOverview TD -{ border: 1px solid #397d94; } - TABLE.monthOverview TD { border: 2px solid #397d94; } -TABLE.dayOverview TD.header -{ text-align: center; - color: #397d94; - width: 100%; - font-weight: bold; - background: #e7efef; } - -TABLE.weekOverview TD.header, TABLE.monthOverview TD.header { text-align: center; color: #397d94; @@ -365,21 +346,6 @@ TABLE.monthOverview TD.header font-weight: bold; background: #e7efef; } -TABLE.dayOverview TD.nullHeader, -TABLE.weekOverview TD.nullHeader -{ border: 0px solid #fff; } - -TABLE.dayOverview TD.hourOfDay, -TABLE.weekOverview TD.hourOfDay -{ text-align: right; - vertical-align: top; - height: 4em; - font-weight: bold; - overflow: auto; - width: 5em; - color: #77a; - background: #e7efef; } - SPAN.daysHeader, SPAN.weeksHeader, SPAN.monthsHeader @@ -438,27 +404,27 @@ SPAN.monthsHeader A:active border-right: 1px solid #fff; border-bottom: 1px solid #fff; } -.week2, .month2 +SPAN.week2, SPAN.month2 { font-size: small; } -.day2, .week1, .month1 +SPAN.day2, SPAN.week1, SPAN.month1 { font-size: medium; } -.day1, .week0, .month0 +SPAN.day1, SPAN.week0, SPAN.month0 { font-size: large; } -.day0 +SPAN.day0 { font-size: x-large; } -.day0, .week0, .month0 +SPAN.day0, SPAN.week0, SPAN.month0 { border-top: 1px solid #aaa !important; border-left: 1px solid #aaa !important; border-bottom: 1px solid #fff !important; @@ -623,3 +589,779 @@ SPAN[class~="freeBusyZoneElement"].maybe-busy SPAN[class~="colorBox"].noFreeBusy { background-color: #559; } + + +/* new draggable presentation */ + +DIV.daysView +{ position: relative; + margin: 1em; + height: 100em; + border-bottom: 1px solid #397d94; } + +DIV.daysView DIV.days +{ position: absolute; + top: 0px; + bottom: 0px; + left: 5em; + right: 0px; } + +DIV.daysView DIV.day +{ position: absolute; + left: 0px; + border-left: 1px solid #397d94; + top: 0px; + bottom: 0px; } + +DIV.daysView > DIV.days > DIV.day > DIV.header +{ height: 3.5em; + padding-top: .5em; + border: 0px; + border-top: 1px solid #397d94; + font-weight: bold; + text-align: center; + background: #e7efef; + color: #397d94; } + +DIV.daysView > DIV.days > DIV.dayOfToday +{ background-color: #deebf7; } + +DIV.daysView > DIV.days > DIV.weekEndDay +{ background-color: #fffbe7; } + +DIV.daysView > DIV.days > DIV.selectedDay +{ background-color: #ffe79c; } + +DIV.daysViewFor1Days DIV.day +{ width: 100%; + border-right: 1px solid #397d94; + left: 0px; } + +DIV.daysViewFor7Days DIV.day +{ width: 14.2857%; } + +DIV.daysViewFor7Days DIV.day1 +{ left: 0px; } + +DIV.daysViewFor7Days DIV.day2 +{ left: 14.2857%; } + +DIV.daysViewFor7Days DIV.day3 +{ left: 28.5714%; } + +DIV.daysViewFor7Days DIV.day4 +{ left: 42.8571%; } + +DIV.daysViewFor7Days DIV.day5 +{ left: 57.1428%; } + +DIV.daysViewFor7Days DIV.day6 +{ left: 71.4285%; } + +DIV.daysViewFor7Days DIV.day0 +{ left: 85.7142%; + border-right: 1px solid #397d94; } + +DIV.daysView > DIV.hours +{ position: absolute; + border: 0px; + left: 0px; + top: 4em; + width: 4.5em; + height: 95.5em; + font-weight: bold; + color: #77a; + margin: 0px; + padding-top: .5em; + padding-right: .5em; + border-left: 1px solid #397d94; + background: #e7efef; + text-align: right; } + +DIV.daysView > DIV.hours > DIV.hour +{ height: 4em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine +{ position: absolute; + z-index: 1; + height: 1px; + left: 0px; + right: 0px; + border-top: 1px solid #397d94; } + +DIV.daysView > DIV.hourLines > DIV.hourLine0 +{ top: 4em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine1 +{ top: 8em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine2 +{ top: 12em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine3 +{ top: 16em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine4 +{ top: 20em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine5 +{ top: 24em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine6 +{ top: 28em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine7 +{ top: 32em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine8 +{ top: 36em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine9 +{ top: 40em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine10 +{ top: 44em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine11 +{ top: 48em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine12 +{ top: 52em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine13 +{ top: 56em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine14 +{ top: 60em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine15 +{ top: 64em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine16 +{ top: 68em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine17 +{ top: 72em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine18 +{ top: 76em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine19 +{ top: 80em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine20 +{ top: 84em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine21 +{ top: 88em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine22 +{ top: 92em; } + +DIV.daysView > DIV.hourLines > DIV.hourLine23 +{ top: 96em; } + +DIV.daysView DIV.appointments +{ position: absolute; + z-index: 2; + border-top: 1px solid #397d94; + left: 0px; + right: 0px; + bottom: 0px; + top: 4em; } + +DIV.appointments > DIV.appointment +{ cursor: default; + position: absolute; + left: 0px; + right: 0px; + padding: 0px; } + +DIV.appointment > DIV +{ position: absolute; + top: 2px; + bottom: 2px; + left: 2px; + right: 2px; } + +DIV[class~="appointment"].starts0 +{ top: 0.000000%; } + +DIV[class~="appointment"].starts1 +{ top: 1.041667%; } + +DIV[class~="appointment"].starts2 +{ top: 2.083333%; } + +DIV[class~="appointment"].starts3 +{ top: 3.125000%; } + +DIV[class~="appointment"].starts4 +{ top: 4.166667%; } + +DIV[class~="appointment"].starts5 +{ top: 5.208333%; } + +DIV[class~="appointment"].starts6 +{ top: 6.250000%; } + +DIV[class~="appointment"].starts7 +{ top: 7.291667%; } + +DIV[class~="appointment"].starts8 +{ top: 8.333333%; } + +DIV[class~="appointment"].starts9 +{ top: 9.375000%; } + +DIV[class~="appointment"].starts10 +{ top: 10.416667%; } + +DIV[class~="appointment"].starts11 +{ top: 11.458333%; } + +DIV[class~="appointment"].starts12 +{ top: 12.500000%; } + +DIV[class~="appointment"].starts13 +{ top: 13.541667%; } + +DIV[class~="appointment"].starts14 +{ top: 14.583333%; } + +DIV[class~="appointment"].starts15 +{ top: 15.625000%; } + +DIV[class~="appointment"].starts16 +{ top: 16.666667%; } + +DIV[class~="appointment"].starts17 +{ top: 17.708333%; } + +DIV[class~="appointment"].starts18 +{ top: 18.750000%; } + +DIV[class~="appointment"].starts19 +{ top: 19.791667%; } + +DIV[class~="appointment"].starts20 +{ top: 20.833333%; } + +DIV[class~="appointment"].starts21 +{ top: 21.875000%; } + +DIV[class~="appointment"].starts22 +{ top: 22.916667%; } + +DIV[class~="appointment"].starts23 +{ top: 23.958333%; } + +DIV[class~="appointment"].starts24 +{ top: 25.000000%; } + +DIV[class~="appointment"].starts25 +{ top: 26.041667%; } + +DIV[class~="appointment"].starts26 +{ top: 27.083333%; } + +DIV[class~="appointment"].starts27 +{ top: 28.125000%; } + +DIV[class~="appointment"].starts28 +{ top: 29.166667%; } + +DIV[class~="appointment"].starts29 +{ top: 30.208333%; } + +DIV[class~="appointment"].starts30 +{ top: 31.250000%; } + +DIV[class~="appointment"].starts31 +{ top: 32.291667%; } + +DIV[class~="appointment"].starts32 +{ top: 33.333333%; } + +DIV[class~="appointment"].starts33 +{ top: 34.375000%; } + +DIV[class~="appointment"].starts34 +{ top: 35.416667%; } + +DIV[class~="appointment"].starts35 +{ top: 36.458333%; } + +DIV[class~="appointment"].starts36 +{ top: 37.500000%; } + +DIV[class~="appointment"].starts37 +{ top: 38.541667%; } + +DIV[class~="appointment"].starts38 +{ top: 39.583333%; } + +DIV[class~="appointment"].starts39 +{ top: 40.625000%; } + +DIV[class~="appointment"].starts40 +{ top: 41.666667%; } + +DIV[class~="appointment"].starts41 +{ top: 42.708333%; } + +DIV[class~="appointment"].starts42 +{ top: 43.750000%; } + +DIV[class~="appointment"].starts43 +{ top: 44.791667%; } + +DIV[class~="appointment"].starts44 +{ top: 45.833333%; } + +DIV[class~="appointment"].starts45 +{ top: 46.875000%; } + +DIV[class~="appointment"].starts46 +{ top: 47.916667%; } + +DIV[class~="appointment"].starts47 +{ top: 48.958333%; } + +DIV[class~="appointment"].starts48 +{ top: 50.000000%; } + +DIV[class~="appointment"].starts49 +{ top: 51.041667%; } + +DIV[class~="appointment"].starts50 +{ top: 52.083333%; } + +DIV[class~="appointment"].starts51 +{ top: 53.125000%; } + +DIV[class~="appointment"].starts52 +{ top: 54.166667%; } + +DIV[class~="appointment"].starts53 +{ top: 55.208333%; } + +DIV[class~="appointment"].starts54 +{ top: 56.250000%; } + +DIV[class~="appointment"].starts55 +{ top: 57.291667%; } + +DIV[class~="appointment"].starts56 +{ top: 58.333333%; } + +DIV[class~="appointment"].starts57 +{ top: 59.375000%; } + +DIV[class~="appointment"].starts58 +{ top: 60.416667%; } + +DIV[class~="appointment"].starts59 +{ top: 61.458333%; } + +DIV[class~="appointment"].starts60 +{ top: 62.500000%; } + +DIV[class~="appointment"].starts61 +{ top: 63.541667%; } + +DIV[class~="appointment"].starts62 +{ top: 64.583333%; } + +DIV[class~="appointment"].starts63 +{ top: 65.625000%; } + +DIV[class~="appointment"].starts64 +{ top: 66.666667%; } + +DIV[class~="appointment"].starts65 +{ top: 67.708333%; } + +DIV[class~="appointment"].starts66 +{ top: 68.750000%; } + +DIV[class~="appointment"].starts67 +{ top: 69.791667%; } + +DIV[class~="appointment"].starts68 +{ top: 70.833333%; } + +DIV[class~="appointment"].starts69 +{ top: 71.875000%; } + +DIV[class~="appointment"].starts70 +{ top: 72.916667%; } + +DIV[class~="appointment"].starts71 +{ top: 73.958333%; } + +DIV[class~="appointment"].starts72 +{ top: 75.000000%; } + +DIV[class~="appointment"].starts73 +{ top: 76.041667%; } + +DIV[class~="appointment"].starts74 +{ top: 77.083333%; } + +DIV[class~="appointment"].starts75 +{ top: 78.125000%; } + +DIV[class~="appointment"].starts76 +{ top: 79.166667%; } + +DIV[class~="appointment"].starts77 +{ top: 80.208333%; } + +DIV[class~="appointment"].starts78 +{ top: 81.250000%; } + +DIV[class~="appointment"].starts79 +{ top: 82.291667%; } + +DIV[class~="appointment"].starts80 +{ top: 83.333333%; } + +DIV[class~="appointment"].starts81 +{ top: 84.375000%; } + +DIV[class~="appointment"].starts82 +{ top: 85.416667%; } + +DIV[class~="appointment"].starts83 +{ top: 86.458333%; } + +DIV[class~="appointment"].starts84 +{ top: 87.500000%; } + +DIV[class~="appointment"].starts85 +{ top: 88.541667%; } + +DIV[class~="appointment"].starts86 +{ top: 89.583333%; } + +DIV[class~="appointment"].starts87 +{ top: 90.625000%; } + +DIV[class~="appointment"].starts88 +{ top: 91.666667%; } + +DIV[class~="appointment"].starts89 +{ top: 92.708333%; } + +DIV[class~="appointment"].starts90 +{ top: 93.750000%; } + +DIV[class~="appointment"].starts91 +{ top: 94.791667%; } + +DIV[class~="appointment"].starts92 +{ top: 95.833333%; } + +DIV[class~="appointment"].starts93 +{ top: 96.875000%; } + +DIV[class~="appointment"].starts94 +{ top: 97.916667%; } + +DIV[class~="appointment"].starts95 +{ top: 98.958333%; } + +DIV[class~="appointment"].starts96 +{ top: 100.000000%; } + +DIV[class~="appointment"].lasts0 +{ height: 0px; } + +DIV[class~="appointment"].lasts1 +{ height: 1.041667%; } + +DIV[class~="appointment"].lasts2 +{ height: 2.083333%; } + +DIV[class~="appointment"].lasts3 +{ height: 3.125000%; } + +DIV[class~="appointment"].lasts4 +{ height: 4.166667%; } + +DIV[class~="appointment"].lasts5 +{ height: 5.208333%; } + +DIV[class~="appointment"].lasts6 +{ height: 6.250000%; } + +DIV[class~="appointment"].lasts7 +{ height: 7.291667%; } + +DIV[class~="appointment"].lasts8 +{ height: 8.333333%; } + +DIV[class~="appointment"].lasts9 +{ height: 9.375000%; } + +DIV[class~="appointment"].lasts10 +{ height: 10.416667%; } + +DIV[class~="appointment"].lasts11 +{ height: 11.458333%; } + +DIV[class~="appointment"].lasts12 +{ height: 12.500000%; } + +DIV[class~="appointment"].lasts13 +{ height: 13.541667%; } + +DIV[class~="appointment"].lasts14 +{ height: 14.583333%; } + +DIV[class~="appointment"].lasts15 +{ height: 15.625000%; } + +DIV[class~="appointment"].lasts16 +{ height: 16.666667%; } + +DIV[class~="appointment"].lasts17 +{ height: 17.708333%; } + +DIV[class~="appointment"].lasts18 +{ height: 18.750000%; } + +DIV[class~="appointment"].lasts19 +{ height: 19.791667%; } + +DIV[class~="appointment"].lasts20 +{ height: 20.833333%; } + +DIV[class~="appointment"].lasts21 +{ height: 21.875000%; } + +DIV[class~="appointment"].lasts22 +{ height: 22.916667%; } + +DIV[class~="appointment"].lasts23 +{ height: 23.958333%; } + +DIV[class~="appointment"].lasts24 +{ height: 25.000000%; } + +DIV[class~="appointment"].lasts25 +{ height: 26.041667%; } + +DIV[class~="appointment"].lasts26 +{ height: 27.083333%; } + +DIV[class~="appointment"].lasts27 +{ height: 28.125000%; } + +DIV[class~="appointment"].lasts28 +{ height: 29.166667%; } + +DIV[class~="appointment"].lasts29 +{ height: 30.208333%; } + +DIV[class~="appointment"].lasts30 +{ height: 31.250000%; } + +DIV[class~="appointment"].lasts31 +{ height: 32.291667%; } + +DIV[class~="appointment"].lasts32 +{ height: 33.333333%; } + +DIV[class~="appointment"].lasts33 +{ height: 34.375000%; } + +DIV[class~="appointment"].lasts34 +{ height: 35.416667%; } + +DIV[class~="appointment"].lasts35 +{ height: 36.458333%; } + +DIV[class~="appointment"].lasts36 +{ height: 37.500000%; } + +DIV[class~="appointment"].lasts37 +{ height: 38.541667%; } + +DIV[class~="appointment"].lasts38 +{ height: 39.583333%; } + +DIV[class~="appointment"].lasts39 +{ height: 40.625000%; } + +DIV[class~="appointment"].lasts40 +{ height: 41.666667%; } + +DIV[class~="appointment"].lasts41 +{ height: 42.708333%; } + +DIV[class~="appointment"].lasts42 +{ height: 43.750000%; } + +DIV[class~="appointment"].lasts43 +{ height: 44.791667%; } + +DIV[class~="appointment"].lasts44 +{ height: 45.833333%; } + +DIV[class~="appointment"].lasts45 +{ height: 46.875000%; } + +DIV[class~="appointment"].lasts46 +{ height: 47.916667%; } + +DIV[class~="appointment"].lasts47 +{ height: 48.958333%; } + +DIV[class~="appointment"].lasts48 +{ height: 50.000000%; } + +DIV[class~="appointment"].lasts49 +{ height: 51.041667%; } + +DIV[class~="appointment"].lasts50 +{ height: 52.083333%; } + +DIV[class~="appointment"].lasts51 +{ height: 53.125000%; } + +DIV[class~="appointment"].lasts52 +{ height: 54.166667%; } + +DIV[class~="appointment"].lasts53 +{ height: 55.208333%; } + +DIV[class~="appointment"].lasts54 +{ height: 56.250000%; } + +DIV[class~="appointment"].lasts55 +{ height: 57.291667%; } + +DIV[class~="appointment"].lasts56 +{ height: 58.333333%; } + +DIV[class~="appointment"].lasts57 +{ height: 59.375000%; } + +DIV[class~="appointment"].lasts58 +{ height: 60.416667%; } + +DIV[class~="appointment"].lasts59 +{ height: 61.458333%; } + +DIV[class~="appointment"].lasts60 +{ height: 62.500000%; } + +DIV[class~="appointment"].lasts61 +{ height: 63.541667%; } + +DIV[class~="appointment"].lasts62 +{ height: 64.583333%; } + +DIV[class~="appointment"].lasts63 +{ height: 65.625000%; } + +DIV[class~="appointment"].lasts64 +{ height: 66.666667%; } + +DIV[class~="appointment"].lasts65 +{ height: 67.708333%; } + +DIV[class~="appointment"].lasts66 +{ height: 68.750000%; } + +DIV[class~="appointment"].lasts67 +{ height: 69.791667%; } + +DIV[class~="appointment"].lasts68 +{ height: 70.833333%; } + +DIV[class~="appointment"].lasts69 +{ height: 71.875000%; } + +DIV[class~="appointment"].lasts70 +{ height: 72.916667%; } + +DIV[class~="appointment"].lasts71 +{ height: 73.958333%; } + +DIV[class~="appointment"].lasts72 +{ height: 75.000000%; } + +DIV[class~="appointment"].lasts73 +{ height: 76.041667%; } + +DIV[class~="appointment"].lasts74 +{ height: 77.083333%; } + +DIV[class~="appointment"].lasts75 +{ height: 78.125000%; } + +DIV[class~="appointment"].lasts76 +{ height: 79.166667%; } + +DIV[class~="appointment"].lasts77 +{ height: 80.208333%; } + +DIV[class~="appointment"].lasts78 +{ height: 81.250000%; } + +DIV[class~="appointment"].lasts79 +{ height: 82.291667%; } + +DIV[class~="appointment"].lasts80 +{ height: 83.333333%; } + +DIV[class~="appointment"].lasts81 +{ height: 84.375000%; } + +DIV[class~="appointment"].lasts82 +{ height: 85.416667%; } + +DIV[class~="appointment"].lasts83 +{ height: 86.458333%; } + +DIV[class~="appointment"].lasts84 +{ height: 87.500000%; } + +DIV[class~="appointment"].lasts85 +{ height: 88.541667%; } + +DIV[class~="appointment"].lasts86 +{ height: 89.583333%; } + +DIV[class~="appointment"].lasts87 +{ height: 90.625000%; } + +DIV[class~="appointment"].lasts88 +{ height: 91.666667%; } + +DIV[class~="appointment"].lasts89 +{ height: 92.708333%; } + +DIV[class~="appointment"].lasts90 +{ height: 93.750000%; } + +DIV[class~="appointment"].lasts91 +{ height: 94.791667%; } + +DIV[class~="appointment"].lasts92 +{ height: 95.833333%; } + +DIV[class~="appointment"].lasts93 +{ height: 96.875000%; } + +DIV[class~="appointment"].lasts94 +{ height: 97.916667%; } + +DIV[class~="appointment"].lasts95 +{ height: 98.958333%; } + +DIV[class~="appointment"].lasts96 +{ height: 100.000000%; }