diff --git a/horde/screen.css b/horde/screen.css index 2d293f1..6ee01ef 100644 --- a/horde/screen.css +++ b/horde/screen.css @@ -62,7 +62,7 @@ } - } + p { margin-bottom: 10px; @@ -253,9 +253,13 @@ margin-left: 5px; padding: 0 5px; } - .horde-table-header, table.horde-table thead tr, table.horde-table th { + + /* .horde-table-header, table.horde-table thead tr, table.horde-table th { } + + */ + .horde-table-header a, table.horde-table th a { color: #000; } @@ -467,9 +471,9 @@ line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; - /*min-width: 64px;*/ + /* min-width: 64px;*/ border-radius: 4px; - /*margin: 24px 8px 16px;*/ + /* margin: 24px 8px 16px;*/ box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; @@ -548,8 +552,8 @@ background: transparent; border-style: none; color: #496f7e; - /* padding: 3px;*/ - /* text-decoration: underline;*/ + /*padding: 3px; + text-decoration: underline;*/ } a.horde-cancel { color: #496f7e; @@ -557,8 +561,7 @@ text-decoration: underline; } input.horde-cancel:hover, a.horde-cancel:hover { - /* text-decoration: none;*/ - background-color:#eaeaea; + text-decoration: none; } form[action^="https://"] input[type="submit"].horde-default { background-image: url("graphics/locked-inv.png"), url("graphics/button-default.png"); @@ -1894,8 +1897,8 @@ .horde-dropdown li ul { position: absolute; display: none; - top: 60px; - /* margin-left: -20px;*/ + top: 50px; + margin-left: -20px; border: 1px solid var(--on-primary); background-color: var(--primary-variant); /* padding-top: 9px;*/ @@ -1937,7 +1940,7 @@ .horde-drowdown-str { height: 19px; padding: 5px 30px 10px 15px; - /* margin: 0 0 0 10px;*/ + /*margin: 0 0 0 10px;*/ } .horde-drowdown-str:hover a { @@ -2145,11 +2148,10 @@ display: none; } .horde-settings { - /*float: left;*/ + float: left; width: 22px; height: 27px; - /* margin: 7px 0 0 0;*/ - margin: 3px 0 0 0; + margin: 3px 0 0 0; } #horde-search { float:right; @@ -2379,7 +2381,7 @@ } .horde-new { - /* height: 29px;*/ + /*height: 29px;*/ /* border-bottom: 1px solid #787878; */ overflow: hidden; font-size: 140%; @@ -2404,8 +2406,7 @@ Simulate MUI */ min-width: 64px; - /*padding: 8px 12px;*/ - padding:15px 20px; + padding: 15px 20px; border-radius: 4px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; color: rgb(255, 255, 255); @@ -2513,7 +2514,7 @@ } .horde-new-extra { /* visibility: hidden;*/ - display:none; + display: none; /* krueger@b1-systems.de remove additinal icons in new button @@ -2543,7 +2544,7 @@ } #horde-sidebar a.horde-add { float: right; - margin-top: 2px; + margin-top: -2px; height: 17px; width: 16px; background: transparent url("graphics/plus-sidebar.png") no-repeat right center; @@ -2975,16 +2976,15 @@ .horde-buttonbar li { float: left; height: 22px; - /* padding-top: 8px;*/ - padding:5px 0; + /*padding-top: 8px;*/ + padding:5px 0; background-image: url("graphics/button-split.png"); background-repeat: no-repeat; background-position: right top; } .horde-buttonbar li.horde-icon { margin: 0; - /*padding: 8px 0 0 0;*/ - padding:5px 0; + padding: 5px 0; background-position: right top; } .horde-buttonbar li a, .horde-buttonbar li span, .horde-buttonbar li select { @@ -3108,64 +3108,10 @@ width: 100%; } - @media only screen and (max-width:1640px) { - #horde-sub { - width: 100%; - - /* - height:20px; - */ - - height: 28px; - background-color: #333333; - visibility: none; - font-size: 0.8em; - - } - .horde-ajax #horde-body { - - position: absolute; - /* - Original - top: 82px; - */ - - top:9.5%; - bottom: 0; - border-bottom-width: 0; - /* - krueger test - border: 1px solid red; - */ - - } - - #horde-search { - float:right; - /* - leduy@b1-systems.de - search input more than 300px will overflow the Navbar - */ - position: absolute; - width: 300px; - padding: 0 20px 0 0; - margin: 5px; - top:48px; - left:70%; - - /* - leduy@b1-systems.de - options to prevent overflow through positioning:absolute - */ - } - .horde-navipoint:last-child .horde-dropdown ul li ul { - margin-top: -25px; - margin-left: 100%; - top: 24px; - right: 312px; - } - + + @media only screen and (max-width:1640px) { + } @@ -3173,7 +3119,7 @@ #horde-navigation { float: left; - font-size: 90%; + font-size: 95%; color: #fff; font-weight: normal; text-decoration: none; @@ -3193,61 +3139,10 @@ } - #horde-search { - float:right; - /* - leduy@b1-systems.de - search input more than 300px will overflow the Navbar - */ - position: absolute; - width: 300px; - padding: 0 20px 0 0; - margin: 5px; - top:48px; - left:65%; - - /* - leduy@b1-systems.de - options to prevent overflow through positioning:absolute - */ - } - - .horde-navipoint:last-child .horde-dropdown ul li ul { - margin-top: -25px; - margin-left: 100%; - top: 24px; - right: 265px; - } - - - } - - + } @media only screen and (max-width:1230px) { - #horde-logo { - float: left; - width: 88px; - height: 34px; - background-image: url("graphics/logo.png") !important; - position: absolute; - left:1rem; - background-repeat: no-repeat; - - - - } - #horde-version { - float: left; - height: 16px; - margin-top: 15px; - margin-left: 1rem; - padding: 18px 0px 0px 0px; - font-style: normal; - color: var(--on-primary); - text-shadow: none !important; - } #horde-navigation { float: left; @@ -3272,25 +3167,16 @@ } - .horde-navipoint:last-child .horde-dropdown ul li ul { - margin-top: -25px; - margin-left: 100%; - top: 24px; - right: 244px; - } - } - - @media only screen and (max-width:1190px){ - + @media only screen and (max-width:1130px){ #horde-logo { float: left; width: 88px; height: 34px; background-image: url("graphics/logo.png") !important; position: absolute; - left:0.5rem; + left:1rem; background-repeat: no-repeat; @@ -3300,65 +3186,25 @@ float: left; height: 16px; margin-top: 15px; - margin-left: 0.5rem; + margin-left: 1rem; padding: 18px 0px 0px 0px; font-style: normal; color: var(--on-primary); text-shadow: none !important; } - - #horde-navigation { - float: left; - font-size: 85%; - color: #fff; - font-weight: normal; - text-decoration: none; - cursor: default; - padding-top: 10px; - - /* - kruger@b1-systems.de - correct navigation position - padding-left: 140px; - */ - - padding-left: 20px; - text-shadow: none; - z-index: 99; - position: relative; - - } + } + @media only screen and (max-width:1070px){ .horde-navipoint { padding: 0 16px 0 16px; } - - #horde-search { - float:right; - /* - leduy@b1-systems.de - search input more than 300px will overflow the Navbar - */ - position: absolute; - width: 300px; - padding: 0 20px 0 0; - margin: 5px; - top:48px; - left:60%; - /* - leduy@b1-systems.de - options to prevent overflow through positioning:absolute - */ - } - - .horde-navipoint:last-child .horde-dropdown ul li ul { - margin-top: -25px; - margin-left: 100%; - top: 24px; - right: 254px; - } } + @media only screen and (max-width:1024px){ + .horde-navipoint { + padding: 0 15px 0 15px; + } + a.icon { @@ -3367,7 +3213,7 @@ height:100%; } - + } /* Print CSS. */ @media print { diff --git a/kronolith/themes/default/block/screen.css b/kronolith/themes/default/block/screen.css new file mode 100644 index 0000000..871453b --- /dev/null +++ b/kronolith/themes/default/block/screen.css @@ -0,0 +1,20 @@ +.monthgrid { + background: #fff; +} +.upcomingday td { + border-top: 1px solid #ddd; +} + +.kronolith-today { + background-color: #7eaa42; +} +.kronolith-weekend { + background-color: #ffc; +} + +.kronolith-event-tentative { + font-style: italic; +} +.kronolith-event-cancelled { + text-decoration: line-through; +} diff --git a/kronolith/themes/default/dynamic/screen.css b/kronolith/themes/default/dynamic/screen.css new file mode 100644 index 0000000..4546695 --- /dev/null +++ b/kronolith/themes/default/dynamic/screen.css @@ -0,0 +1,944 @@ +html, body { + height: 100%; +} + +#kronolithPrintHeader { + display: none; +} + +#kronolithToday { + font-weight: bold; +} + +.kronolithSeparator { + padding-left: 5px; + padding-right: 5px; + color: #808080; +} + +.kronolithDatePicker { + cursor: pointer; +} + +/* Loading spinner */ +.kronolithLoading { + position: absolute; + left: 0; + z-index: 1; +} +#kronolithLoadingday, #kronolithLoadingmonth, +#kronolithLoadingweek, #kronolithLoadingworkweek { + top: 0; +} +#kronolithLoadingtasks, #kronolithLoadingagenda { + display: inline-block; + position: relative; + top: 5px; +} +#kronolithLoading, #kronolithFBLoading { + background: transparent url("../graphics/loading.gif") no-repeat 4px 3px; + width: 22px; + height: 22px; + opacity: 0.5; +} +#kronolithFBLoading { + position: absolute; + top: 65px; + border: none; +} + +/* Main area */ +#kronolithMain { + clear: both; + height: 100%; +} + +/* Left menu column */ +#kronolithMenu { + position: absolute; + top: 280px; + bottom: 0; + width: 100%; + overflow-x: hidden; + overflow-y: auto; + padding-top: 2px; +} +#kronolithMenuCalendars { + padding-bottom: 10px; +} +#kronolithLoadingCalendars { + padding-left: 10px; +} +.horde-new-extra { + background: none; +} +.horde-new-extra a { + background-repeat: no-repeat; +} +#kronolithQuickEvent { + background-image: url("../graphics/new.png"); +} +#kronolithQuickEvent.kronolithNewTask { + background-image: url("../graphics/new_task.png"); +} +#horde-sidebar div.horde-resources .horde-resource-edit-000, +#horde-sidebar div.horde-resources .horde-resource-edit-fff { + margin-right: 5px; +} +/* @todo move to horde. */ +#horde-sidebar div.horde-resources .horde-resource-refresh-000, +#horde-sidebar div.horde-resources .horde-resource-refresh-fff { + float: right; + display: block; + background: url("../graphics/refresh-sidebar-000.png") no-repeat; + margin: 2px 10px 0 0; + width: 17px; + height: 17px; + text-indent: -10000px; + overflow: hidden; + cursor: pointer; +} +#horde-sidebar div.horde-resources .horde-resource-refresh-fff { + background-image: url("../graphics/refresh-sidebar-fff.png"); +} + +/* Quick edit */ +#kronolithQuickinsert { + line-height: 2em; +} + +.kronolithDialogWarning, .kronolithDialogInfo { + background: transparent url("../graphics/alerts/warning.png") left 2px no-repeat; + padding: 3px 0 0 23px; + min-height: 17px; +} +.kronolithDialogInfo { + background-image: url("../graphics/alerts/message.png"); + font-style: italic; +} +span.kronolithDialogWarning { + background-position: left -1px; +} +.kronolithDialogWarning strong { + color: #f00; +} + +/* Calendar form dialogs */ +.kronolithCPAdvancedMore { + max-height: 300px; + overflow-y: auto; +} +.kronolithCPAdvanced th:first-child { + width: 220px; +} + +/* Event/task form dialogs */ +.kronolithDialog { + width: 810px; + padding: 10px 20px; + border: 1px #999 solid; + overflow-x: hidden; + overflow-y: auto; + height:850px; +} +#RB_window .kronolithDialog p { + margin-bottom: 5px; + overflow: visible; +} +#RB_window .kronolithDialog .kronolithTabsOption p:last-child { + margin-bottom: 0; +} +.kronolithDialog td { + padding-right: 10px; + vertical-align: top; +} +.kronolithDialog label { + font-weight: bold; +} +.kronolithDialog input { + vertical-align: middle; + line-height: normal; +} +.kronolithDialog input:focus, +.kronolithDialog textarea:focus, +.kronolithDialog select:focus { + border-color: #d0d0d0; +} + +div.kronolithFormActions { + margin: 5px 0; +} + +#kronolithEventStartDate, #kronolithEventStartTime, #kronolithEventEndDate, #kronolithEventEndTime, #kronolithTaskDueDate, #kronolithTaskDueTime, .kronolithEventValue { + text-align: center; +} +#kronolithEventLocation { + width: 300px; +} +.kronolithTopTags { + max-height: 75px; + overflow: auto; + line-height: 20px; +} +ul.horde-tags li:hover { + background-color: #ffc; + cursor: pointer; +} + +.kronolithDialog .tabset { + background: none; + float: none; + margin: 15px 0 0; + min-height: inherit; + width: auto; +} +#RB_window .kronolithDialog .tabset ul { + float: left; + margin: 0; +} +.kronolithDialog .tabset li { + margin-top: 0; +} +.kronolithDialog .tabset li.horde-active { + border: 1px solid #d0d0d0; + border-bottom-width: 0; + height: 21px; +} +.kronolithDialog hr { + margin: 5px 0; + height: 0; + line-height: 0; + border-width: 1px 0; + border-color: #ccc transparent #fff; + border-style: solid none; +} +.kronolithTabsOption hr { + margin: 5px -5px; +} + +.kronolithTabsOption { + position: relative; + line-height: 150%; + border: 1px solid #d0d0d0; + padding: 2px 5px; +} +#kronolithEventTabDescription, +#kronolithTaskTabDescription, +#kronolithCalendarinternalTabDescription, +#kronolithCalendartasklistsTabDescription, +#kronolithCalendarresourceTabDescription { + border: 0; + padding: 0; +} +#kronolithEventTabMap { + padding: 0; +} +#kronolithEventTabExport div, +#kronolithEventTabRecur div, +#kronolithEventTabReminder div, +#kronolithTaskTabRecur div, +#kronolithTaskTabReminder div { + margin-bottom: 0; +} +#kronolithEventDescription, +#kronolithTaskDescription, +#kronolithCalendarinternalDescription, +#kronolithCalendartasklistsDescription +#kronolithCalendarresourceDescription { + padding: 0 1px; +} +#kronolithEventUrl, +#kronolithCalendarinternalUrlCaldav, +#kronolithCalendarinternalUrlAccount, +#kronolithCalendarinternalUrlWebdav, +#kronolithCalendarinternalUrlFeed, +#kronolithCalendarinternalEmbedUrl, +#kronolithCalendartasklistsUrlCaldav, +#kronolithCalendartasklistsUrlAccount, +#kronolithCalendartasklistsUrlWebdav { + border-left: 0; + border-right: 0; + margin: -2px -5px; +} +#kronolithEventUrl { + border: 0; +} +#kronolithCalendartasklistsUrlWebdav { + border-bottom: 0; +} +#kronolithUsersACBox, +#kronolithAttendeesACBox, +#kronolithResourceACBox, +#kronolithEventACBox, +#kronolithTaskACBox, +#kronolithCalendarinternalACBox { + margin: -2px -5px 0; + border-left: 0; + border-right: 0; +} +#kronolithEventACBox, #kronolithTaskACBox, #kronolithCalendarinternalACBox { + border-top: 0; +} + +#kronolithEventTabAttendees table, #kronolithEventTabResources table { + border-collapse: collapse; + table-layout: fixed; + width: 100%; +} +#kronolithEventTabAttendees td, #kronolithEventTabAttendees th, +#kronolithEventTabResources td, #kronolithEventTabResources th { + border: 1px solid #999; + font-size: 74%; + padding: 1px; + height: 18px; + width: 18px; +} +#kronolithEventTabAttendees td:first-child, #kronolithEventTabAttendees th:first-child, +#kronolithEventTabResources td:first-child, #kronolithEventTabResources th:first-child { + width: auto; + overflow: hidden; +} +#kronolithEventTabAttendees th, #kronolithEventTabResources th { + text-align: center; +} +#kronolithEventTabAttendees th:first-child, #kronolithEventTabResources th:first-child { + text-align: left; +} +#kronolithEventTabAttendees th.night, #kronolithEventTabResources th.night { + background-color: #ccc; +} + +#kronolithEventAttendeesList, #kronolithEventResourcesList { + max-height: 150px; + overflow-y: auto; +} +#kronolithEventTabAttendees td div, #kronolithEventTabResources td div { + margin: 0; + height: 100%; +} +#kronolithEventACBox, +#kronolithTaskACBox, +#kronolithCalendarinternalACBox, +#kronolithUsersACBox, +#kronolithAttendeesACBox, +#kronolithResourceACBox { + line-height: 100%; +} +#kronolithEventTabAttendees td.kronolithAttendeeNone, +#kronolithEventTabResources td.kronolithAttendeeNone, +#kronolithEventTabAttendees td.kronolithAttendeeAccepted, +#kronolithEventTabResources td.kronolithAttendeeAccepted, +#kronolithEventTabAttendees td.kronolithAttendeeDeclined, +#kronolithEventTabResources td.kronolithAttendeeDeclined, +#kronolithEventTabAttendees td.kronolithAttendeeTentative, +#kronolithEventTabAttendees td.kronolithAttendeeOrganizer { + background-position: 0 0; + background-repeat: no-repeat; + padding-left: 21px; +} +#kronolithEventTabAttendees td.kronolithAttendeeNone, +#kronolithEventTabResources td.kronolithAttendeeNone { + background-image: url("../graphics/attendee-none.png"); +} +#kronolithEventTabAttendees td.kronolithAttendeeAccepted, +#kronolithEventTabResources td.kronolithAttendeeAccepted { + background-image: url("../graphics/attendee-accepted.png"); +} +#kronolithEventTabAttendees td.kronolithAttendeeDeclined, +#kronolithEventTabResources td.kronolithAttendeeDeclined { + background-image: url("../graphics/attendee-declined.png"); + text-decoration: line-through; +} +#kronolithEventTabAttendees td.kronolithAttendeeTentative { + background-image: url("../graphics/attendee-tentative.png"); +} +#kronolithEventTabAttendees td.kronolithAttendeeOrganizer { + background-image: url("../graphics/organizer.png"); +} + +.kronolithFBFree { + position: relative; +} +.kronolithFBBusy { + position: absolute; +} +#kronolithFBDatePrev, #kronolithResourceFBDatePrev { + background: transparent url("../graphics/left.png") no-repeat center center; + cursor: pointer; + text-indent: -10000px; + padding: 8px; + float: left; +} +#kronolithFBDateNext, #kronolithResourceFBDateNext { + background: transparent url("../graphics/right.png") no-repeat center center; + cursor: pointer; + padding: 8px; + text-indent: -10000px; + float: right; +} +#kronolithFBDate { + text-align: center; + float: left; + width: 90%; +} +#kronolithResourceFBDate { + text-align: center; + float: left; + width: 90%; +} + +/* Map */ +#kronolithEventMap { + height: 300px; + width: 708px; +} +#kronolithEventMap_OpenLayers_ViewPort div { + margin-bottom: 0; +} +.olMapViewPort div { + margin-bottom: 0; +} +.olControlLayerSwitcher div { + line-height: normal; + margin-bottom: 0px; +} + +/* Mini calendar */ +.kronolith-minical { + position: relative; + margin: 10px; + background-color: #d5dcde; + overflow: auto; +} +.kronolith-minical table tbody td, #kronolithMinicalDate { + cursor: pointer; +} + +/* Main views */ +#kronolithBody { + position: absolute; + top: 30px; + left: 8px; + right: 0; + bottom: 0; + overflow: auto; + overflow-x: hidden; + overflow-y: auto; +} +.kronolithAllDayContainer { + height: 100%; + overflow: hidden; +} +#kronolithViewDay .kronolithAllDayContainer { + overflow: auto; +} + +/* Main view header row */ +.kronolith-view-head { + border-left: 1px solid #a6afb1; + border-right: 1px solid #a6afb1; +} +.kronolith-view-head .kronolithViewDay td { + background-color: transparent; +} +.kronolith-view-head .kronolith-all-day { + background-color: #fff; +} +.kronolith-view-head .kronolith-all-day td { + padding: 0; +} + +/* Captions. */ +#kronolithBody caption { + position: relative; + margin: 2px 2px 0 26px; + height: 20px; + line-height: 20px; + text-align: left; + font-weight: bold; +} +#kronolithBody caption span { + padding: 0; +} + +/* Main view year */ +#kronolithViewYear .kronolith-minical { + float: left; + margin: 10px 0 0 10px; +} +#kronolithViewYear .kronolithLoading { + left: 10px; + top: 10px; + z-index: 1; +} +.kronolithHasEvents { + font-weight: bold; +} +.kronolith-minical .kronolithIsBusy { + background-color: #fff760; +} +.kronolith-minical .heat1, .kronolith-minical .heat1 a { + background-color: #faf374; +} +.kronolith-minical .heat2, .kronolith-minical .heat2 a { + background-color: #fad374; +} +.kronolith-minical .heat3, .kronolith-minical .heat3 a { + background-color: #fab374 +} +.kronolith-minical .heat4, .kronolith-minical .heat4 a { + background-color: #fa9374; +} +.kronolith-minical .heat5, .kronolith-minical .heat5 a { + background-color: #fa7347; + color: #fff; +} +.kronolith-minical .heat6, .kronolith-minical .heat6 a { + background-color: #fa5347; + color: #fff; +} + +/* Main view week */ +.kronolithWeekDay { + cursor: pointer; +} + +/* Main view day */ +#kronolithEventsDay { + position: absolute; + top: 1px; + right: 1px; + bottom: 3px; + left: 23px; +} +#kronolithEventsWeek, #kronolithEventsWorkweek { + position: absolute; + top: 1px; + right: 0; + bottom: 1px; + left: 22px; +} +.kronolithEventsWeek, .kronolithEventsWorkweek { + position: relative; + float: left; + height: 100%; +} +.kronolithEventsWeek { + width: 14.285714%; +} +.kronolithEventsWorkweek { + width: 20%; +} +.kronolithEventsWeek .kronolith-event, .kronolithEventsWorkweek .kronolith-event { + margin: 0 1px; +} + +/* Main view week and day */ +.kronolithViewBody .kronolith-first-col span { + font-weight: normal; +} +.kronolith-view-head { + position: relative; + overflow-y: scroll; +} +.kronolithViewBody { + position: absolute; + top: 103px; + right: 0; + bottom: 0; + left: 0; + overflow-x: hidden; + overflow-y: scroll; + border: 1px solid #a6afb1; +} +.kronolithViewBodyContainer { + position: relative; +} +#kronolithTimeMarker { + width: 100%; + height: 1px; + margin-left: 1px; + background-color: red; +} +#kronolithEventsWeek #kronolithTimeMarker { + margin-left: 1px; +} +#kronolithEventsDay #kronolithTimeMarker { + margin-left: 0; +} + +/* Main view month */ +#kronolithViewMonthContainer { + position: absolute; + top: 22px; + right: 0; + bottom: 0; + left: 0; +} +#kronolith-month-body td { + padding-bottom: 16px; +} +.kronolithMore { + padding: 0 2px; + color: #888; + font-style: italic; + cursor: pointer; +} +.kronolithMore:hover { + text-decoration: underline; +} +#kronolithViewMonth .kronolithMore { + position: absolute; +} + +/* Main view agenda and tasks. */ +#kronolithViewAgenda .tabset, #kronolithViewTasks .tabset { + margin-bottom: 0; +} +#kronolithViewAgenda td, #kronolithViewTasksBody td { + background-color: #fff; +} +#kronolithViewAgenda .kronolith-view, #kronolithViewTasks .kronolith-view { + clear: left; +} + +/* Main view agenda. */ +#kronolithViewAgenda table { + border: 1px solid #a6afb1; + border-top-width: 0; +} +#kronolithViewAgenda td.kronolith-first-col { + width: 80px; + padding: 4px; + vertical-align: top; + text-align: left; + cursor: pointer; + background-color: #c2cccf; +} +#kronolithViewAgenda .kronolith-event { + position: static; +} +#kronolithViewAgenda .kronolith-event .kronolithDate { + font-weight: normal; + color: #333; +} +#kronolithViewAgenda .kronolith-event { + padding: 2px 4px; +} +#kronolithAgendaNoItems td { + padding: 4px; +} + +/* Main view tasks. */ +#kronolithViewTasksBody td { + cursor: pointer; + padding: 4px; +} +#kronolithViewTasksBody #kronolithTasksNoItems td { + cursor: default; +} +#kronolithViewTasksBody div.kronolithTaskCheckbox { + background: url("../graphics/checkbox_off.png") no-repeat; + margin-right: 5px; + float: left; + width: 16px; + height: 16px +} +#kronolithViewTasksBody div.kronolithTaskCheckbox:hover { + background: url("../graphics/checkbox_on.png") no-repeat; +} +#kronolithViewTasksBody td.kronolithTaskCompleted { + color: #ccc; + text-decoration: line-through; +} +#kronolithViewTasksBody td.kronolithTaskCompleted div { + background: url("../graphics/checkbox_on.png") no-repeat; +} +#kronolithViewTasksBody td.kronolithTaskDue { + color: #a00; + font-weight: bold; +} +#kronolithViewTasks .kronolithInfo { + font-style: italic; +} +#kronolithViewTasks ul.horde-tags { + margin-left: 0.5em; +} + +/* Tab sets */ +#kronolithViewTasks caption, #kronolithViewAgenda caption { + margin-left: 0; +} +#kronolithViewTasks caption.tabset, #kronolithViewAgenda caption.tabset { + float: none; + width: auto; + background: none; +} +#kronolithViewTasks caption.tabset ul, #kronolithViewAgenda caption.tabset ul { + margin-top: 2px; +} +#kronolithViewTasks caption.tabset li a, #kronolithViewAgenda caption.tabset li a { + padding-top: 0; + padding-bottom: 0; +} + +/* More main view */ +#kronolithViewMonth .kronolith-first-col { + cursor: pointer; +} +tr.kronolithNight td { + background-color: #f4f4f4; +} +.kronolith-day { + cursor: pointer; +} +.kronolithAddEvent { + display: inline; + width: auto; + width: 15px; + height: 15px; + line-height: 15px; + padding: 2px; + text-align: center; + background: transparent url("../graphics/new_small_fade.png") no-repeat 3px 5px; +} +.kronolithAddEvent:hover { + background-image: url("../graphics/new_small.png"); +} +#kronolithViewIframe iframe { + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + border: none; + width: 100%; + height: 100%; +} + +/* Legend */ +#kronolith-legend { + display: none; +} +#kronolith-legend span { + display: inline-block; + padding: 3px; + margin: 3px; +} + +/* Events */ +.kronolith-event { + cursor: pointer; + position: absolute; +} +#kronolithViewDay .kronolith-event, +#kronolithViewWeek .kronolith-event, +#kronolithViewWorkweek .kronolith-event { + position: absolute; +} +#kronolithViewMonth .kronolith-event, +#kronolithViewDay .kronolith-view-head .kronolith-event, +#kronolithViewWeek .kronolith-view-head .kronolith-event, +#kronolithViewWorkweek .kronolith-view-head .kronolith-event { + position: relative; + width: auto; +} +#kronolithViewMonth .kronolith-event:hover { + max-height: 2.5em; +} +#kronolithViewDay .kronolith-view-head .kronolith-event, +#kronolithViewWeek .kronolith-view-head .kronolith-event, +#kronolithViewWorkweek .kronolith-view-head .kronolith-event { + white-space: nowrap; + margin-right: 10px; +} +#kronolithViewWeek .kronolith-view-head .kronolith-event, +#kronolithViewWorkweek .kronolith-view-head .kronolith-event { + margin-right: 10%; +} +.kronolith-event .kronolithDragger { + position: absolute; + visibility: hidden; + left: 0; + right: 0; + height: 11px; +} +.kronolith-event.kronolithEditable { + cursor: move; +} +.kronolith-event.kronolithEditable .kronolithDragger { + background: transparent url("../graphics/drag-handle.png") no-repeat center center; +} +.kronolithDragger.drag { + background: transparent url("../graphics/drag-handle.png") no-repeat center center; + } +.kronolith-event.kronolithEditable:hover .kronolithDragger, +.kronolith-event.kronolithEditable.kronolith-selected .kronolithDragger, +.kronolithDragger.drag { + background-color: #616161 !important; +} +.kronolith-event .kronolithDragger.kronolithDraggerTop, +.kronolithDraggerTop.drag { + top: 0; +} +.kronolith-event .kronolithDragger.kronolithDraggerBottom, +.kronolithDraggerBottom.drag { + bottom: 0; +} +.kronolith-event.kronolithEditable .kronolithDragger.kronolithDraggerTop { + cursor: n-resize; +} +.kronolith-event.kronolithEditable .kronolithDragger.kronolithDraggerBottom { + cursor: s-resize; +} +.kronolith-event .kronolith-event-info { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; +} +div.kronolithEditable.kronolithFirst:hover .kronolith-event-info, +.kronolith-event.kronolithFirst.kronolith-selected .kronolith-event-info { + top: 7px; +} +div.kronolithEditable.kronolithLast:hover .kronolith-event-info, +.kronolith-event.kronolithLast.kronolith-selected .kronolith-event-info { + bottom: 7px; +} +div.kronolithEditable:hover .kronolithDragger, +.kronolith-event.kronolith-selected .kronolithDragger { + visibility: inherit; +} + +/* Redbox styles. */ +#RB_window { + top: 50px !important; + margin-top: 0 !important; +} + +#hordeAlerts div.kronolith-sticky, #hordeAlerts div.kronolith-sticky { + background-color: #ebe20c; + background-image: url("../graphics/warning.png"); + border-color: #807b00; + color: #000; +} + +#kronolithEventFileList { + list-style: none; + max-height: 125px; + overflow-x: hidden; + overflow-y: auto; +} +#kronolithEventFileList canvas { + margin-bottom: -4px; + padding-right: 4px; +} +#kronolithEventFileList li { + padding: 5px 0 1px; +} +#kronolithEventFileList div.fileName.a { + color: #36525d; + cursor: pointer; +} +#kronolithEventFileList div.fileName:hover { + color: red; +} + +#kronolithEventFileList span.file_upload_text { + display: inline-block; + font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + white-space: nowrap; +} +#kronolithEventFileList span.file_upload_text span { + padding-left: 5px; +} +#kronolithEventFileList span.file_upload_text_progress { + max-width: 290px; + margin-right: 8px; +} +#kronolithEventFileList span.file_upload_progress { + background-color: #1a1a1a; + border-radius: 5px; + bottom: 4px; + display: inline-block; + height: 6px; + padding: 2px; + position: relative; + width: 200px; +} +#kronolithEventFileList span.file_upload_progress span { + background-color: #34c2e3; + border-radius: 3px; + box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; + display: inline-block; + height: 100%; + transition: width 0.2s ease-in-out 0s; +} + +@media print { + #kronolithMenu, #kronolithBar, #kronolithHeader { + display: none; + } + #kronolithPrintHeader { + display: block; + } + + #kronolithBody { + position: static; + } + + #kronolith-legend { + display: block; + } + + table.kronolith-view td, + .kronolith-minical th, + .kronolith-minical tbody td, + .kronolith-minical td.kronolith-minical-week { + border: thin solid #000 !important; + } + #kronolithViewMonth .kronolith-event { + max-height: none; + clear: left; + border: thin solid #000; + } + + .kronolith-view { + border-collapse: collapse; + } + .kronolith-view-head { + margin-right: 0; + border: 0; + } + + .kronolithViewBody { + overflow: hidden; + top: 10px; + position: relative; + } + .kronolithViewMonth { + border: 0; + } + #kronolithViewMonthContainer { + overflow: hidden; + position: relative; + top: 0; + } + #kronolithViewDay .kronolithViewBody .kronolith-event, + #kronolithViewWeek .kronolithViewBody .kronolith-event { + margin-left: 0.5%; + } + #kronolithViewDay .kronolith-event, + #kronolithViewWeek .kronolith-event { + border: thin solid #000; + } + #kronolithViewDay .kronolith-view-head .kronolith-event, + #kronolithViewWeek .kronolith-view-head .kronolith-event { + white-space: normal; + } +} + diff --git a/kronolith/themes/default/embed.css b/kronolith/themes/default/embed.css new file mode 100644 index 0000000..1ca9d97 --- /dev/null +++ b/kronolith/themes/default/embed.css @@ -0,0 +1,110 @@ +.kronolith_embedded { + margin: 0; + padding: 0; + font-size: 90%; +} + +.kronolith_embedded a { + color: blue; + text-decoration: none; +} +.kronolith_embedded a:hover { + text-decoration: underline; +} + +.kronolith_embedded .title { + font-weight: bold; + font-size: 100%; +} + +.kronolith_embedded .control { + background: #CCCCCC none repeat scroll 0 0; + border-bottom: 1px solid #999999; + color: #000000; + padding: 1px; +} + +.kronolith_embedded .linedRow, .kronolith_embedded tr.linedRow td, +.kronolith_embedded table.linedRow td, .kronolith_embedded ul.linedRow li { + background: #FFFFFF none repeat scroll 0 0; + border-bottom: 1px solid #DDDDDD; + color: #000000; +} + +.kronolith_embedded .nowrap { + white-space: nowrap; +} + +.kronolith_embedded .text { + background: #FFFFFF none repeat scroll 0 0; + color: #000000; +} + +.kronolith_embedded .block-eventbox, +.kronolith_embedded table.nopadding td.block-eventbox { + padding: 0 4px; +} + +.kronolith_embedded .event { +} + +.kronolith_embedded img, .kronolith_embedded .img, +.kronolith_embedded .img:active, .kronolith_embedded .img:hover, +.kronolith_embedded .img:visited, .kronolith_embedded .image { + background: transparent none repeat scroll 0 0; + border: medium none; + vertical-align: middle; +} + +.kronolith_embedded .block-monthgrid { + background: #FFFFFF none repeat scroll 0 0; +} + +.kronolith_embedded .item { + background: #EEEEEE none repeat scroll 0 0; + color: #000000; +} +.kronolith_embedded .kronolith-othermonth { + background: #f7f7f7; +} +.kronolith_embedded .block-monthgrid .today { + border: 1px solid #444466; +} +.kronolith_embedded .kronolith-weekend { + background: #ffc; +} + +.kronolith_embedded .clear { + clear: both; + height: 0; + line-height: 0; +} + +.kronolith_embedded table { + border: medium none; +} + +.kronolith_embedded .kronolith-event-cancelled { + text-decoration: line-through; +} + +.kronolith_embedded td, .kronolith_embedded th { + padding: 1px; +} +div.horde_nicetitle { + color: #000; + padding: 5px; + z-index: 1001; + position: absolute; + overflow: hidden; + background: #eceff0; + border: 1px solid #919293; + -moz-box-shadow: 3px 3px 3px #888; + -webkit-box-shadow: 3px 3px 3px #888; + box-shadow: 3px 3px 3px #888; +} +div.horde_nicetitle pre { + text-align: left; + font-size: 75%; + font-family: "Lucida Console",Courier,"Courier New"; +} diff --git a/kronolith/themes/default/graphics/addressbook_browse.png b/kronolith/themes/default/graphics/addressbook_browse.png new file mode 100644 index 0000000..4b713ac Binary files /dev/null and b/kronolith/themes/default/graphics/addressbook_browse.png differ diff --git a/kronolith/themes/default/graphics/agenda.png b/kronolith/themes/default/graphics/agenda.png new file mode 100644 index 0000000..b7a1dc3 Binary files /dev/null and b/kronolith/themes/default/graphics/agenda.png differ diff --git a/kronolith/themes/default/graphics/alarm-000.png b/kronolith/themes/default/graphics/alarm-000.png new file mode 100644 index 0000000..ef99def Binary files /dev/null and b/kronolith/themes/default/graphics/alarm-000.png differ diff --git a/kronolith/themes/default/graphics/alarm-fff.png b/kronolith/themes/default/graphics/alarm-fff.png new file mode 100644 index 0000000..208e408 Binary files /dev/null and b/kronolith/themes/default/graphics/alarm-fff.png differ diff --git a/kronolith/themes/default/graphics/alarm.png b/kronolith/themes/default/graphics/alarm.png new file mode 100644 index 0000000..855e850 Binary files /dev/null and b/kronolith/themes/default/graphics/alarm.png differ diff --git a/kronolith/themes/default/graphics/alerts/alarm.png b/kronolith/themes/default/graphics/alerts/alarm.png new file mode 100644 index 0000000..3de5d47 Binary files /dev/null and b/kronolith/themes/default/graphics/alerts/alarm.png differ diff --git a/kronolith/themes/default/graphics/alerts/error.png b/kronolith/themes/default/graphics/alerts/error.png new file mode 100644 index 0000000..76c3d0f Binary files /dev/null and b/kronolith/themes/default/graphics/alerts/error.png differ diff --git a/kronolith/themes/default/graphics/alerts/message.png b/kronolith/themes/default/graphics/alerts/message.png new file mode 100644 index 0000000..a5ac97b Binary files /dev/null and b/kronolith/themes/default/graphics/alerts/message.png differ diff --git a/kronolith/themes/default/graphics/alerts/success.png b/kronolith/themes/default/graphics/alerts/success.png new file mode 100644 index 0000000..c169cbf Binary files /dev/null and b/kronolith/themes/default/graphics/alerts/success.png differ diff --git a/kronolith/themes/default/graphics/alerts/warning.png b/kronolith/themes/default/graphics/alerts/warning.png new file mode 100644 index 0000000..976be08 Binary files /dev/null and b/kronolith/themes/default/graphics/alerts/warning.png differ diff --git a/kronolith/themes/default/graphics/attendee-accepted.png b/kronolith/themes/default/graphics/attendee-accepted.png new file mode 100644 index 0000000..c169cbf Binary files /dev/null and b/kronolith/themes/default/graphics/attendee-accepted.png differ diff --git a/kronolith/themes/default/graphics/attendee-declined.png b/kronolith/themes/default/graphics/attendee-declined.png new file mode 100644 index 0000000..76c3d0f Binary files /dev/null and b/kronolith/themes/default/graphics/attendee-declined.png differ diff --git a/kronolith/themes/default/graphics/attendee-none.png b/kronolith/themes/default/graphics/attendee-none.png new file mode 100644 index 0000000..8953f5e Binary files /dev/null and b/kronolith/themes/default/graphics/attendee-none.png differ diff --git a/kronolith/themes/default/graphics/attendee-tentative.png b/kronolith/themes/default/graphics/attendee-tentative.png new file mode 100644 index 0000000..902e08c Binary files /dev/null and b/kronolith/themes/default/graphics/attendee-tentative.png differ diff --git a/kronolith/themes/default/graphics/attendees-000.png b/kronolith/themes/default/graphics/attendees-000.png new file mode 100644 index 0000000..62d833c Binary files /dev/null and b/kronolith/themes/default/graphics/attendees-000.png differ diff --git a/kronolith/themes/default/graphics/attendees-fff.png b/kronolith/themes/default/graphics/attendees-fff.png new file mode 100644 index 0000000..714087e Binary files /dev/null and b/kronolith/themes/default/graphics/attendees-fff.png differ diff --git a/kronolith/themes/default/graphics/attendees.png b/kronolith/themes/default/graphics/attendees.png new file mode 100644 index 0000000..8ff07c3 Binary files /dev/null and b/kronolith/themes/default/graphics/attendees.png differ diff --git a/kronolith/themes/default/graphics/back.png b/kronolith/themes/default/graphics/back.png new file mode 100644 index 0000000..6abf3db Binary files /dev/null and b/kronolith/themes/default/graphics/back.png differ diff --git a/kronolith/themes/default/graphics/back_quick.png b/kronolith/themes/default/graphics/back_quick.png new file mode 100644 index 0000000..9bf4f7c Binary files /dev/null and b/kronolith/themes/default/graphics/back_quick.png differ diff --git a/kronolith/themes/default/graphics/big_agenda.png b/kronolith/themes/default/graphics/big_agenda.png new file mode 100644 index 0000000..ac57384 Binary files /dev/null and b/kronolith/themes/default/graphics/big_agenda.png differ diff --git a/kronolith/themes/default/graphics/big_alarm.png b/kronolith/themes/default/graphics/big_alarm.png new file mode 100644 index 0000000..d48f139 Binary files /dev/null and b/kronolith/themes/default/graphics/big_alarm.png differ diff --git a/kronolith/themes/default/graphics/big_invitation.png b/kronolith/themes/default/graphics/big_invitation.png new file mode 100644 index 0000000..95a42ca Binary files /dev/null and b/kronolith/themes/default/graphics/big_invitation.png differ diff --git a/kronolith/themes/default/graphics/big_new.png b/kronolith/themes/default/graphics/big_new.png new file mode 100644 index 0000000..549c645 Binary files /dev/null and b/kronolith/themes/default/graphics/big_new.png differ diff --git a/kronolith/themes/default/graphics/big_share.png b/kronolith/themes/default/graphics/big_share.png new file mode 100644 index 0000000..9abbf85 Binary files /dev/null and b/kronolith/themes/default/graphics/big_share.png differ diff --git a/kronolith/themes/default/graphics/calendars.png b/kronolith/themes/default/graphics/calendars.png new file mode 100644 index 0000000..1d1395c Binary files /dev/null and b/kronolith/themes/default/graphics/calendars.png differ diff --git a/kronolith/themes/default/graphics/checkbox_off.png b/kronolith/themes/default/graphics/checkbox_off.png new file mode 100644 index 0000000..1b4cb12 Binary files /dev/null and b/kronolith/themes/default/graphics/checkbox_off.png differ diff --git a/kronolith/themes/default/graphics/checkbox_on.png b/kronolith/themes/default/graphics/checkbox_on.png new file mode 100644 index 0000000..3a9a4c1 Binary files /dev/null and b/kronolith/themes/default/graphics/checkbox_on.png differ diff --git a/kronolith/themes/default/graphics/checkbox_over.png b/kronolith/themes/default/graphics/checkbox_over.png new file mode 100644 index 0000000..3a9a4c1 Binary files /dev/null and b/kronolith/themes/default/graphics/checkbox_over.png differ diff --git a/kronolith/themes/default/graphics/close.png b/kronolith/themes/default/graphics/close.png new file mode 100644 index 0000000..c8f7775 Binary files /dev/null and b/kronolith/themes/default/graphics/close.png differ diff --git a/kronolith/themes/default/graphics/data.png b/kronolith/themes/default/graphics/data.png new file mode 100644 index 0000000..807f09c Binary files /dev/null and b/kronolith/themes/default/graphics/data.png differ diff --git a/kronolith/themes/default/graphics/dayview.png b/kronolith/themes/default/graphics/dayview.png new file mode 100644 index 0000000..4bf7839 Binary files /dev/null and b/kronolith/themes/default/graphics/dayview.png differ diff --git a/kronolith/themes/default/graphics/delete-000.png b/kronolith/themes/default/graphics/delete-000.png new file mode 100644 index 0000000..214d8c5 Binary files /dev/null and b/kronolith/themes/default/graphics/delete-000.png differ diff --git a/kronolith/themes/default/graphics/delete-fff.png b/kronolith/themes/default/graphics/delete-fff.png new file mode 100644 index 0000000..ced3a62 Binary files /dev/null and b/kronolith/themes/default/graphics/delete-fff.png differ diff --git a/kronolith/themes/default/graphics/down.png b/kronolith/themes/default/graphics/down.png new file mode 100644 index 0000000..4e5de4d Binary files /dev/null and b/kronolith/themes/default/graphics/down.png differ diff --git a/kronolith/themes/default/graphics/drag-handle.png b/kronolith/themes/default/graphics/drag-handle.png new file mode 100644 index 0000000..fd15073 Binary files /dev/null and b/kronolith/themes/default/graphics/drag-handle.png differ diff --git a/kronolith/themes/default/graphics/edit-000.png b/kronolith/themes/default/graphics/edit-000.png new file mode 100644 index 0000000..46ead38 Binary files /dev/null and b/kronolith/themes/default/graphics/edit-000.png differ diff --git a/kronolith/themes/default/graphics/edit-fff.png b/kronolith/themes/default/graphics/edit-fff.png new file mode 100644 index 0000000..34d8846 Binary files /dev/null and b/kronolith/themes/default/graphics/edit-fff.png differ diff --git a/kronolith/themes/default/graphics/exception-000.png b/kronolith/themes/default/graphics/exception-000.png new file mode 100644 index 0000000..0137534 Binary files /dev/null and b/kronolith/themes/default/graphics/exception-000.png differ diff --git a/kronolith/themes/default/graphics/exception-fff.png b/kronolith/themes/default/graphics/exception-fff.png new file mode 100644 index 0000000..943b8c5 Binary files /dev/null and b/kronolith/themes/default/graphics/exception-fff.png differ diff --git a/kronolith/themes/default/graphics/favicon.ico b/kronolith/themes/default/graphics/favicon.ico new file mode 100644 index 0000000..11f5937 Binary files /dev/null and b/kronolith/themes/default/graphics/favicon.ico differ diff --git a/kronolith/themes/default/graphics/goto.png b/kronolith/themes/default/graphics/goto.png new file mode 100644 index 0000000..6a62317 Binary files /dev/null and b/kronolith/themes/default/graphics/goto.png differ diff --git a/kronolith/themes/default/graphics/help.png b/kronolith/themes/default/graphics/help.png new file mode 100644 index 0000000..8953f5e Binary files /dev/null and b/kronolith/themes/default/graphics/help.png differ diff --git a/kronolith/themes/default/graphics/kronolith.png b/kronolith/themes/default/graphics/kronolith.png new file mode 100644 index 0000000..1d1395c Binary files /dev/null and b/kronolith/themes/default/graphics/kronolith.png differ diff --git a/kronolith/themes/default/graphics/left.png b/kronolith/themes/default/graphics/left.png new file mode 100644 index 0000000..851a935 Binary files /dev/null and b/kronolith/themes/default/graphics/left.png differ diff --git a/kronolith/themes/default/graphics/loading.gif b/kronolith/themes/default/graphics/loading.gif new file mode 100644 index 0000000..2e62f89 Binary files /dev/null and b/kronolith/themes/default/graphics/loading.gif differ diff --git a/kronolith/themes/default/graphics/logout.png b/kronolith/themes/default/graphics/logout.png new file mode 100644 index 0000000..6290e70 Binary files /dev/null and b/kronolith/themes/default/graphics/logout.png differ diff --git a/kronolith/themes/default/graphics/minus.png b/kronolith/themes/default/graphics/minus.png new file mode 100644 index 0000000..76c3d0f Binary files /dev/null and b/kronolith/themes/default/graphics/minus.png differ diff --git a/kronolith/themes/default/graphics/monthview.png b/kronolith/themes/default/graphics/monthview.png new file mode 100644 index 0000000..0a7fd29 Binary files /dev/null and b/kronolith/themes/default/graphics/monthview.png differ diff --git a/kronolith/themes/default/graphics/new.png b/kronolith/themes/default/graphics/new.png new file mode 100644 index 0000000..0100996 Binary files /dev/null and b/kronolith/themes/default/graphics/new.png differ diff --git a/kronolith/themes/default/graphics/new_big.png b/kronolith/themes/default/graphics/new_big.png new file mode 100644 index 0000000..e0ce888 Binary files /dev/null and b/kronolith/themes/default/graphics/new_big.png differ diff --git a/kronolith/themes/default/graphics/new_small.png b/kronolith/themes/default/graphics/new_small.png new file mode 100644 index 0000000..e0544a6 Binary files /dev/null and b/kronolith/themes/default/graphics/new_small.png differ diff --git a/kronolith/themes/default/graphics/new_small_fade.png b/kronolith/themes/default/graphics/new_small_fade.png new file mode 100644 index 0000000..24cc32f Binary files /dev/null and b/kronolith/themes/default/graphics/new_small_fade.png differ diff --git a/kronolith/themes/default/graphics/new_task.png b/kronolith/themes/default/graphics/new_task.png new file mode 100644 index 0000000..19a7822 Binary files /dev/null and b/kronolith/themes/default/graphics/new_task.png differ diff --git a/kronolith/themes/default/graphics/organizer.png b/kronolith/themes/default/graphics/organizer.png new file mode 100644 index 0000000..35ace60 Binary files /dev/null and b/kronolith/themes/default/graphics/organizer.png differ diff --git a/kronolith/themes/default/graphics/picker.png b/kronolith/themes/default/graphics/picker.png new file mode 100644 index 0000000..1d1395c Binary files /dev/null and b/kronolith/themes/default/graphics/picker.png differ diff --git a/kronolith/themes/default/graphics/plus.png b/kronolith/themes/default/graphics/plus.png new file mode 100644 index 0000000..e0ce888 Binary files /dev/null and b/kronolith/themes/default/graphics/plus.png differ diff --git a/kronolith/themes/default/graphics/prefs.png b/kronolith/themes/default/graphics/prefs.png new file mode 100644 index 0000000..6efb0bb Binary files /dev/null and b/kronolith/themes/default/graphics/prefs.png differ diff --git a/kronolith/themes/default/graphics/print.png b/kronolith/themes/default/graphics/print.png new file mode 100644 index 0000000..d639aad Binary files /dev/null and b/kronolith/themes/default/graphics/print.png differ diff --git a/kronolith/themes/default/graphics/private-000.png b/kronolith/themes/default/graphics/private-000.png new file mode 100644 index 0000000..266e240 Binary files /dev/null and b/kronolith/themes/default/graphics/private-000.png differ diff --git a/kronolith/themes/default/graphics/private-fff.png b/kronolith/themes/default/graphics/private-fff.png new file mode 100644 index 0000000..eb3fdd9 Binary files /dev/null and b/kronolith/themes/default/graphics/private-fff.png differ diff --git a/kronolith/themes/default/graphics/recur-000.png b/kronolith/themes/default/graphics/recur-000.png new file mode 100644 index 0000000..65e8a63 Binary files /dev/null and b/kronolith/themes/default/graphics/recur-000.png differ diff --git a/kronolith/themes/default/graphics/recur-fff.png b/kronolith/themes/default/graphics/recur-fff.png new file mode 100644 index 0000000..47588ac Binary files /dev/null and b/kronolith/themes/default/graphics/recur-fff.png differ diff --git a/kronolith/themes/default/graphics/refresh-sidebar-000.png b/kronolith/themes/default/graphics/refresh-sidebar-000.png new file mode 100644 index 0000000..7ac57ee Binary files /dev/null and b/kronolith/themes/default/graphics/refresh-sidebar-000.png differ diff --git a/kronolith/themes/default/graphics/refresh-sidebar-fff.png b/kronolith/themes/default/graphics/refresh-sidebar-fff.png new file mode 100644 index 0000000..5145076 Binary files /dev/null and b/kronolith/themes/default/graphics/refresh-sidebar-fff.png differ diff --git a/kronolith/themes/default/graphics/right.png b/kronolith/themes/default/graphics/right.png new file mode 100644 index 0000000..a816f4e Binary files /dev/null and b/kronolith/themes/default/graphics/right.png differ diff --git a/kronolith/themes/default/graphics/search.png b/kronolith/themes/default/graphics/search.png new file mode 100644 index 0000000..38fc203 Binary files /dev/null and b/kronolith/themes/default/graphics/search.png differ diff --git a/kronolith/themes/default/graphics/tasks.png b/kronolith/themes/default/graphics/tasks.png new file mode 100644 index 0000000..913e2da Binary files /dev/null and b/kronolith/themes/default/graphics/tasks.png differ diff --git a/kronolith/themes/default/graphics/today.png b/kronolith/themes/default/graphics/today.png new file mode 100644 index 0000000..9ead44e Binary files /dev/null and b/kronolith/themes/default/graphics/today.png differ diff --git a/kronolith/themes/default/graphics/unknown-background.png b/kronolith/themes/default/graphics/unknown-background.png new file mode 100644 index 0000000..6ba758b Binary files /dev/null and b/kronolith/themes/default/graphics/unknown-background.png differ diff --git a/kronolith/themes/default/graphics/weekview.png b/kronolith/themes/default/graphics/weekview.png new file mode 100644 index 0000000..7f63317 Binary files /dev/null and b/kronolith/themes/default/graphics/weekview.png differ diff --git a/kronolith/themes/default/graphics/workweekview.png b/kronolith/themes/default/graphics/workweekview.png new file mode 100644 index 0000000..7f63317 Binary files /dev/null and b/kronolith/themes/default/graphics/workweekview.png differ diff --git a/kronolith/themes/default/graphics/yearview.png b/kronolith/themes/default/graphics/yearview.png new file mode 100644 index 0000000..80e4f4b Binary files /dev/null and b/kronolith/themes/default/graphics/yearview.png differ diff --git a/kronolith/themes/default/ie8.css b/kronolith/themes/default/ie8.css new file mode 100644 index 0000000..274cc22 --- /dev/null +++ b/kronolith/themes/default/ie8.css @@ -0,0 +1,13 @@ +.kronolith-first-col span, .kronolithViewBody .kronolith-first-col span { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + height: 20px; + width: 40px; + margin-bottom: 20px; +} +.kronolith-all-day .kronolith-first-col span { + width: 80px; + margin-bottom: 60px; +} +#kronolithLoadingyear { + left: -26px; +} diff --git a/kronolith/themes/default/opera.css b/kronolith/themes/default/opera.css new file mode 100644 index 0000000..e12b2a5 --- /dev/null +++ b/kronolith/themes/default/opera.css @@ -0,0 +1,7 @@ +.kronolithEventsWeek { + width: 14%; + margin: 0 .2%; +} +.kronolithEventsWeek:last-child { + margin-right: 0; +} diff --git a/kronolith/themes/default/screen.css b/kronolith/themes/default/screen.css new file mode 100644 index 0000000..c13abb0 --- /dev/null +++ b/kronolith/themes/default/screen.css @@ -0,0 +1,501 @@ +/* Navigation bar */ +.horde-buttonbar a.kronolithNext, +.horde-buttonbar a.kronolithPrev { + color: transparent; + padding-right: 18px; + text-indent: -10000px; +} +.horde-buttonbar a.kronolithNext { + background-image: url("graphics/right.png"); +} +.horde-buttonbar a.kronolithPrev { + background-image: url("graphics/left.png"); +} +#kronolithNavTasks { + background-image: url("graphics/tasks.png"); +} +#kronolithNavAgenda { + + background-image: url("graphics/agenda.png"); + +} +#kronolithNavDay { + background-image: url("graphics/dayview.png"); +} +#kronolithNavWeek { + background-image: url("graphics/weekview.png"); +} +#kronolithNavWorkweek { + background-image: url("graphics/workweekview.png"); +} +#kronolithNavMonth { + background-image: url("graphics/monthview.png"); +} +#kronolithNavYear { + background-image: url("graphics/yearview.png"); +} + +/* Autocomplete styles. */ +.autocomplete { + background: #f4f4f4; + border: 1px solid #d4d4d4; + position: absolute; + padding: 2px 2px 2px 2px; +} +.autocomplete ul { + margin: 1px; + padding: 1px; + list-style-type: none; +} +.autocomplete ul li { + padding-top: 3px; + padding-bottom: 3px; + cursor: pointer; + text-decoration: underline; + font-size: 90%; + color: #000; +} +.autocomplete ul .selected { + background: gray; + color: #fff; +} + +/* Calendar styles. */ +table.kronolith-view { + width: 100%; + height: 100%; + table-layout: fixed; + background-color: #dadada; + border-spacing: 1px; +} +table.kronolith-view.kronolith-sidebyside { + width: auto; +} +table.kronolith-view tr { + background-color: #c2cccf; +} +table.kronolith-view td, table.kronolith-view th { + padding: 0; + vertical-align: top; + overflow: hidden; +} +.kronolith-view-head table td, table.kronolith-view-head td, +.kronolith-view-head th, table .kronolith-view-head th { + height: 21px; + font-weight: normal; + text-align: center; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + vertical-align: middle; +} +.kronolith-sidebyside .kronolith-view-head table td, +.kronolith-sidebyside table.kronolith-view-head td, +.kronolith-sidebyside .kronolith-view-head th, +.kronolith-sidebyside table .kronolith-view-head th { + padding: 0 10px; +} +.kronolith-view-head table td div, table.kronolith-view-head td div { + text-align: left; +} +.kronolith-first-col { + text-align: center; +} +table.kronolith-view td.kronolith-first-col, +table.kronolith-view th.kronolith-first-col { + width: 21px; + background-color: #c2cccf; + vertical-align: middle; +/* padding: 9px 0 0;*/ +} +.kronolith-all-day td.kronolith-first-col span { + margin-top: 32px; +} +#kronolith-month-body td.kronolith-first-col { + vertical-align: top; + padding-top: 7px; +} +table.kronolith-view.kronolith-sidebyside td.kronolith-first-col { + padding-top: 3px; +} +table.kronolith-view.kronolith-sidebyside .kronolith-all-day td.kronolith-first-col { + padding-top: 5px; +} +.kronolith-first-col span { + display: block; + margin-top: 10px; + white-space: nowrap; + transform: rotate(-90deg); + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); +} +.kronolithViewMonth.kronolith-sidebyside .kronolith-first-col { + padding: 7px; + text-align: left; +} +.kronolithViewBody table.kronolith-view tr, +.kronolith-all-day td, +#kronolith-month-body tr { + background-color: #fff; +} +#kronolith-month-body tr { + height: 100px; +} +table.monthgrid { + width: 100%; + border-top: 1px solid #999; + border-left: 1px solid #999; +} +table.monthgrid th, table.monthgrid td { + border-right: 1px solid #999; + border-bottom: 1px solid #999; +} +.kronolith-other-month { + background: #f7f7f7; +} +.kronolith-other-month .kronolith-day { + border-color: transparent; + color: silver; +} +.kronolith-weekend, .kronolithViewDay .kronolith-weekend { + background: #ffc; +} +.kronolith-today, .kronolithViewDay .kronolith-today { + background-color: #7eaa42; +} +.description { + padding: .5em; +} +.kronolith-day { + height: 18px; + padding: 7px 0 0 10px; +} +.kronolith-today .kronolith-day, .kronolith-today .kronolith-day a { + color: #fff; +} + +.kronolithViewDay td { + height: 40px; + background-color: #fff; +} + +table .kronolith-all-day td { + height: 80px; +} + +table.kronolithViewMonth { + border: 1px solid #a6afb1; + border-top-width: 0; +} + +.kronolith-minical { + border-spacing: 10px; +} +.kronolith-minical td { + background-color: #d5dcde; + padding: 10px; + vertical-align: top; +} +.kronolith-minical > tbody > tr > td { + padding: 0; +} + +/* Mini calendar */ +.kronolith-minical table { + border-spacing: 1px; + border: 0; + background-color: #d5dcde; +} +.kronolith-minical table th, .kronolith-minical table td { + background-color: #fff; + height: 22px; + width: 22px; + padding: 1px; + text-align: center; + vertical-align: middle; +} +.kronolith-minical table th, +.kronolith-minical table td.kronolith-minical-week { + background-color: #f2f2f2; + color: #6d6d6d; +} +.kronolith-minical table tbody td { + empty-cells: show; +} +.kronolith-minical table tbody td a { + display: block; +} +.kronolith-minical table tbody td:hover, +.kronolith-minical table tbody td:hover a, + kronolith-minical .kronolith-selected:hover, +#horde-sidebar .kronolith-minical .kronolith-selected:hover a { + background-color: #f1f1f1; + color: #000; +} +tr.kronolith-minical-nav, tr.kronolith-minical-nav th { + background-color: #d5dcde; +} +#kronolith-minical-prev, #kronolith-minical-next { + display: block; + text-indent: -10000px; + cursor: pointer; + background: transparent url("graphics/right.png") no-repeat center center; +} +#kronolith-minical-prev { + background-image: url("graphics/left.png"); +} +.kronolith-minical .kronolith-minical-empty { + background: none; +} +.kronolith-minical .kronolith-other-month, +.kronolith-minical .kronolith-other-month a { + color: #6d6d6d; +} +.kronolith-minical .kronolith-selected, +#horde-sidebar .kronolith-minical .kronolith-selected a { + background-color: #36525d; + color: #fff; +} +.kronolith-minical .kronolith-today, +.kronolith-minical .kronolith-today:hover, +.kronolith-minical .kronolith-today a, +.kronolith-minical .kronolith-today:hover a, +#horde-sidebar .kronolith-minical .kronolith-today a { + background-color: #7eaa42 !important; + color: #fff; +} +.kronolith-minical .kronolith-selected.kronolith-today { + border-color: #fff; +} + +/* Events. */ +.kronolith-event { + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} +.kronolith-event .kronolith-event-info { + padding: 3px 5px 4px 5px; + overflow: hidden; + line-height: 16px; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + text-decoration: inherit; +} +img.kronolithEventIcon { + float: left; + margin: 0 2px 2px 0; +} +.kronolith-event .kronolith-time { + font-weight: bold; + margin-right: 2px; + white-space: nowrap; +} +.kronolith-event-tentative { + font-style: italic; +} +.kronolith-event-cancelled { + text-decoration: line-through; +} +.kronolith-location { + font-size: 90%; + margin-left: 2px; +} +.kronolith-event img { + padding-top: 3px; + vertical-align: top; +} +#kronolithViewMonth .kronolith-event, +.kronolithViewDay .kronolith-all-day .kronolith-event { + line-height: 15px; + padding: 3px 10px; +} +#kronolithViewMonth .kronolith-event { + max-height: 2.5em; +} +.kronolithViewDay .kronolith-event { + max-height: 40px; +} +#kronolithViewMonth .kronolith-event:hover, +.kronolithViewDay .kronolith-event:hover { + max-height: none; +} +#kronolithViewDay .kronolith-all-day .kronolith-event { + float: left; +} + +/* Event form. */ +#eventform .control { + height: 22px; + padding: 0 10px; +} +#eventform textarea { + padding: 2px; + width: 98%; +} +#eventform .toggle { + cursor: pointer; +} +#eventform .extra { + color: #666; +} +#eventform .warning, #deleteform .warning { + background: #ffc; + border: 1px solid #fff760; + padding: 8px; +} +#eventform #start_img, #eventform #end_img, #eventform #recur_end_img { + cursor: pointer; +} +#eventform .horde-form-buttons { + padding-left: 0; +} + +/* background-color will always be overridden for the + * *-eventbox classes */ +.block-eventbox, table.nopadding td.block-eventbox { + padding: 0 4px; +} + +.selected-control { + background: #bbcbff; + border-bottom: 1px solid #999; +} + +a.newEvent img { + vertical-align: top; + padding: 3px 0 0 3px; +} + +.year-event { + background: #fff760; +} + +.kronolithFBLegend { + font-size: 90%; + padding-right: 10px; +} +.kronolithFBBusy { + position: relative; + background: #f03232; +} +.kronolithFBUnknown { + background: #d4d0c8 url("graphics/unknown-background.png") repeat left top; +} +.kronolithFBFree { + position: relative; + background: #8fc34b; + color: #fff; +} +div.fbgrid { + background-color: #fff; + overflow: auto; + padding: 0 1ex 0 1ex; +} +.fbgrid table { + width: 100%; + border-collapse: collapse; +} +.fbgrid table td, .fbgrid table th { + border: 1px solid #000; +} +.fbgrid table .label { + border: none; + padding-right: 1ex; +} + +/* Icons. */ +.kronolith-icon-today { + background-image: url('graphics/today.png'); +} +.kronolith-icon-goto { + background-image: url('graphics/goto.png'); +} +.kronolith-icon-search { + background-image: url('graphics/search.png'); +} +.kronolith-icon-back { + background-image: url('graphics/back.png'); +} + +/* Tags */ +.panel-tags { + margin-left: 10px; +} +.panel-tags ul { + margin: 1px; + padding: 1px; + list-style-type: none; +} +li.panel-tags { + float: left; + padding: 2px; +} +.panel-tags li:hover { + text-decoration: underline; +} + +#color-picker { + z-index: 103; +} + +#calendarPrint { + display: none; +} + +/* Prefs */ +.fburl { + border: 1px solid black; + padding: 5px 0 10px 15px; +} +.fburl .fixed { + padding-top: 3px; +} + +@media print { + .rowEven td, .rowOdd td { + background: #fff; + color: #000; + border-bottom: thin solid #000; + } + .rowEven td td, .rowOdd td td { + border: none; + } + .selected-control { + background: #fff; + border-bottom: thin solid #000; + } + + .iconAlarm, .iconDelete, .iconEdit, .iconRecur, .iconAdd, .iconNav, + a.newEvent, .tabset { + display: none; + } + + #calendarPrint { + display: block; + } + + .year-event { + background: #fff; + } + table.monthgrid { + border-top: thin solid #000; + border-left: thin solid #000; + } + table.monthgrid th, table.monthgrid td { + border-right: thin solid #000; + border-bottom: thin solid #000; + padding: 2px; + } + .month-eventbox { + border: none; + border-bottom: thin solid #000; + } + + .kronolith-all-day td { + height: auto; + } + + .kronolith-today { + background-color: inherit; + } +} diff --git a/kronolith/themes/default/smartmobile/screen.css b/kronolith/themes/default/smartmobile/screen.css new file mode 100644 index 0000000..5279f4b --- /dev/null +++ b/kronolith/themes/default/smartmobile/screen.css @@ -0,0 +1,129 @@ +.kronolith-event-000 { + color: #000 !important; +} +.kronolith-event-fff { + color: #fff !important; + text-shadow: 0 1px 0 #000; +} +.kronolith-event-tentative { + font-style: italic; +} +.kronolith-event-cancelled { + text-decoration: line-through; +} +.event-time, .event-location { + font-size: 85%; +} +.kronolith-weekend { + background: #ffc; +} +.description { + padding: .5em; +} +.ui-btn-text { + z-index: 0; +} + +/* Event view styles */ +.kronolithEventDetailTitle .ui-li-heading, +.kronolithEventDetailTitle .ui-li-desc { + white-space: normal; +} +.kronolithEventDetail p { + margin-left: 5px; +} +.kronolithEventDetailCalendar { + font-style: italic; +} +.kronolithEventDetailLocation a { + font-size: 85%; +} + +/* Day view styles */ +.kronolithDayDate { + margin-left: 10px; + margin-right: 10px; +} +.kronolithTimeWrapper { + float: left; + padding-right: 4px; + margin: 0 6px 0.6em 0; + border-right: 2px solid black; + min-width: 90px; +} +.kronolithEndTime { + font-size: 80%; +} +.kronolithDayLocationfff, .kronolithDayLocation000 { + font-style: italic; +} +.kronolithDayLocation000 { + color: #333; +} +.kronolithDayLocationfff { + color: lightgray; +} + +/* Mini calendar */ +.kronolith-minical { + background-color: #fff; +} +.kronolith-minical table { + width: 100%; + border-spacing: 0; +} +#kronolithBody .kronolith-minical caption { + margin: 0 1px 1px 1px; + height: 20px; + line-height: 20px; + font-weight: bold; + font-size: 100%; + border-bottom: 1px #999 dotted; + text-align: left; +} + +.kronolith-minical th, .kronolith-minical td { + font-size: 90%; +} +.kronolith-minical th { + width: 16px; + height: 16px; + line-height: 16px; + text-align: center; + background-color: #d6d6d6; + color: #202020; + border: 1px #999 solid !important; +} +.kronolith-minical tbody td { + width: 24px; + height: 24px; + line-height: 24px; + text-align: center; + color: #808080; + empty-cells: show; + cursor: pointer; + border: 1px transparent; +} +.kronolith-minical .kronolith-minical-empty { + background: none; + border-color: #e2e2e2; + color: silver; +} +.kronolith-minical .kronolithContainsEvents { + background-color: #ffc; + font-weight: bold; +} + +.kronolith-minical .kronolith-selected { + border: 1px #999 solid !important; +} + +.kronolithToday, .kronolith-minical .kronolithToday { + background-color: #ebf3fc; + border: 1px solid #808080; +} + +/* Base jQuery Mobile tweaks/fixes. */ +.ui-navbar ul { + overflow: hidden; +} diff --git a/kronolith/themes/default/webkit.css b/kronolith/themes/default/webkit.css new file mode 100644 index 0000000..cc26aad --- /dev/null +++ b/kronolith/themes/default/webkit.css @@ -0,0 +1,7 @@ +/** + * CSS corrections for Webkit. + */ + +#kronolithEventsWeek { + left: 20px; +}