From: Jan Schneider Date: Wed, 14 Jan 2009 15:00:24 +0000 (+0100) Subject: Merge Ajax CSS into regular CSS file, to make themes properly working. X-Git-Url: https://git.internetallee.de/?a=commitdiff_plain;h=e0b323e09ec46c83391b8d0036989d80100ea2cf;p=horde.git Merge Ajax CSS into regular CSS file, to make themes properly working. --- diff --git a/kronolith/index.php b/kronolith/index.php index ed7b9d71d..e2771a18e 100644 --- a/kronolith/index.php +++ b/kronolith/index.php @@ -20,11 +20,13 @@ if (!$kronolith_configured) { require_once KRONOLITH_BASE . '/lib/base.php'; +/* Load traditional interface? */ if (!$prefs->getValue('dynamic_view') || !$browser->hasFeature('xmlhttpreq')) { include KRONOLITH_BASE . '/' . $prefs->getValue('defaultview') . '.php'; exit; } +/* Load Ajax interface. */ require_once 'Horde/Identity.php'; $identity = Identity::factory(); $logout_link = Horde::getServiceLink('logout', 'kronolith'); @@ -54,7 +56,7 @@ $scripts = array( array('redbox.js', 'horde', true), ); Kronolith::header('', $scripts); -echo "\n"; +echo "\n"; require KRONOLITH_TEMPLATES . '/index/index.inc'; Kronolith::includeScriptFiles(); Kronolith::outputInlineScript(); diff --git a/kronolith/lib/Kronolith.php b/kronolith/lib/Kronolith.php index cd13a3272..aaa022a29 100644 --- a/kronolith/lib/Kronolith.php +++ b/kronolith/lib/Kronolith.php @@ -346,9 +346,6 @@ class Kronolith { } } - $css[] = array('u' => $themesuri . '/ajax.css', - 'f' => $themesfs . '/ajax.css'); - // Load custom stylesheets. if (!empty($conf['css_files'])) { foreach ($conf['css_files'] as $css_file) { diff --git a/kronolith/themes/ajax.css b/kronolith/themes/ajax.css deleted file mode 100644 index 3973a5c56..000000000 --- a/kronolith/themes/ajax.css +++ /dev/null @@ -1,639 +0,0 @@ -body { - overflow: hidden; -} - -#kronolithToday { - font-weight: bold; -} - -.kronolithSeparator { - padding-left: 2px; - padding-right: 2px; - color: #808080; -} - -/* Logo */ -#kronolithLogo { - display: none; -} - -/* User data and options */ -#kronolithUser { - float: right; - margin-top: 8px; - margin-right: 10px; - font-size: 70%; -} - -/* Main area */ -#kronolithMain { - clear: both; - padding-top: 15px; -} - -/* Left menu column */ -#kronolithMenu { - position: absolute; - left: 10px; - width: 150px; - top: 10px; -} -#kronolithMenu h3 { - position: relative; - margin-top: 15px; - margin-bottom: 10px; - height: 20px; - line-height: 20px; - font-size: 100%; - font-weight: bold; - border-bottom: 1px #000 dotted; -} -#kronolithMenu a.kronolithAdd { - position: absolute; - right: 0; - padding-right: 8px; - background: transparent url("graphics/plus.png") no-repeat; - color: transparent; - cursor: pointer; -} -#kronolithMenu div.kronolithCalendars { - margin-bottom: 15px; -} -#kronolithMenu div.kronolithCalendars div { - margin-bottom: 5px; - padding: 2px 2px 2px 20px; - background: url("graphics/checkbox_off.png") 2px center no-repeat; - cursor: pointer; -} -#kronolithMenu div.kronolithCalendars div.kronolithCalOn { - background-image: url("graphics/checkbox_on.png"); -} -#kronolithMenu div.kronolithCalendars div.kronolithCalOver { - background-image: url("graphics/checkbox_over.png"); -} - -/* to be removed */ -div.c1 { - color: #336600; -} -div.c2 { - color: #1a5587; -} -div.c3 { - color: #d38a23; -} -div.c4 { - color: #4b2a16; -} -div.c1.kronolithEventFull { - background-color: #336600 !important; -} -div.c2.kronolithEventFull { - background-color: #1a5587 !important; -} -div.c3.kronolithEventFull { - background-color: #d38a23 !important; -} -div.c4.kronolithEventFull { - background-color: #4b2a16 !important; -} - -#kronolithAddEvents span { - /* We need some style here. */ - margin-bottom: 5px; - padding-right: 10px; - font-weight: bold; - cursor: pointer; -} -span#kronolithQuickEvent { - background: transparent url("graphics/new.png") no-repeat; - color: transparent; -} - -#kronolithMenu form { - padding: 0; - margin: 0 0 5px 0; - line-height: 35px; -} -#kronolithSearch { - width: 80px; -} - -/* Quick edit */ -#kronolithQuickinsert { - position: absolute; - z-index: 110; - left: 105px; - top: 10px; - width: 250px; - height: 75px; - margin: 0; - padding: 0; - background: transparent url("graphics/back_quick.png") top left no-repeat; -} -#kronolithQuickinsert form { - padding: 5px; - margin: 5px 5px 5px 15px; -} - -/* Navigation bar */ -#kronolithBar { - position: absolute; - left: 175px; - top: 10px; -} -#kronolithBar form { - float: left; - margin: 0; -} -#kronolithBar .kronolithDateChoice { - float: left; - margin: 0 2px 0 0; - background: #d6d6d6; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - font-weight: bold; -} -#kronolithBar .kronolithDateChoice div { - padding: 0 10px; - height: 25px; - line-height: 25px; -} - -#kronolithNav { - float: left; - margin-left: 5px; - height: 25px; - line-height: 25px; -} -#kronolithNav a { - display: block; - float: left; - margin: 0 1px 0 0; - padding: 0 5px 0 25px; - background-color: #f0f0f0; - background-position: 5px center; - background-repeat: no-repeat; - font-weight: bold; - text-decoration: none; - color: #202020; - cursor: pointer; -} -#kronolithNav a:first-child { - -moz-border-radius-topleft: 5px; - -moz-border-radius-bottomleft: 5px; - -webkit-border-top-left-radius: 5px; - -webkit-border-bottom-left-radius: 5px; -} -#kronolithNav a:last-child { - -moz-border-radius-topright: 5px; - -moz-border-radius-bottomright: 5px; - -webkit-border-top-right-radius: 5px; - -webkit-border-bottom-right-radius: 5px; -} -#kronolithNav a:first-child:last-child { - -moz-border-radius: 5px; - -webkit-border-radius: 5px; -} -#kronolithNav a:hover, #kronolithNav a.on { - background-color: #d9d9d9; -} -#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"); -} -#kronolithNavMonth { - background-image: url("graphics/monthview.png"); -} -#kronolithNavYear { - background-image: url("graphics/yearview.png"); -} - -/* Event form dialog */ -#kronolithEventForm { - position: absolute; - z-index: 1000; - left: 50%; - margin-left: -210px; - top: 50px; - width: 400px; - padding: 10px 20px; - background: #efefef; - border: 1px #c0c0c0 solid; -} -#kronolithEventForm div { - margin-bottom: 5px; -} -#kronolithEventForm label { - font-weight: bold; -} -#kronolithEventForm input.kronolithDatePicker { - padding-right: 20px; - background-image: url("graphics/picker.png"); - background-position: right center; - background-repeat: no-repeat; -} -.kronolithLongField { - width: 100%; -} -div#kronolithEventActions { - margin: 5px 0; -} -div#kronolithEventActions #kronolithEventAdvancedLink { - padding-left: 2px; -} -div#kronolithEventActions #kronolithEventAdvancedLink a { - color: inherit; -} - -div.kronolithTags { - max-height: 75px; - overflow: auto; - line-height: 20px; -} -div.kronolithTags span { - padding: 2px 4px; - background-color: #fff; - border: 1px #c0c0c0 solid; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - font-size: 90%; -} -div.kronolithTags span:hover { - background-color: #ffc; - cursor: pointer; -} - -/* Context menu */ -.kronolithContextMenu { - width: auto; - min-width: 150px; - padding: 2px; - position: absolute; - top: 0; - z-index: 1000; - background: #f4f4f4; - border: 1px #c0c0c0 solid; - color: #202020; -} -.kronolithContextMenu a { - display: block; - height: 18px; - line-height: 18px; - padding: 2px 4px; - border: 1px #f4f4f4 solid; - color: #202020; - text-decoration: none; - white-space: nowrap; - -} -.kronolithContextMenu a:hover { - color: black; - text-decoration: none; -} -.kronolithContextMenu div.kronolithSeparator { - height: 1px; - line-height: 1px; - background: #d4d4d4; - margin-bottom: 1px; -} - -/* Mini calendar */ -#kronolithMinical { - position: relative; -} -#kronolithMinical table { - width: 100%; -} -#kronolithMinical caption { - position: relative; - margin-bottom: 10px; - height: 20px; - line-height: 20px; - font-weight: bold; - font-size: 100%; - border-bottom: 1px #000 dotted; - text-align: left; -} -#kronolithMinicalPrev, #kronolithMinicalNext { - position: absolute; - top: 0; - right: 0; - font-weight: bold; - cursor: pointer; - text-decoration: none; -} -#kronolithMinicalPrev { - right: 15px; -} - -#kronolithMinical th, #kronolithMinical td { - font-size: 90%; -} -#kronolithMinical thead th, #kronolithMinical tbody td.kronolithMinicalWeek { - width: 16px; - height: 16px; - line-height: 16px; - text-align: center; - background-color: #d6d6d6; - color: #202020; - border: 1px #c0c0c0 solid !important; -} -#kronolithMinical thead th.kronolithMinicalEmpty { - background: none; - border: none !important; -} -#kronolithMinical tbody td.kronolithMinicalWeek { - cursor: pointer; -} -#kronolithMinical tbody td { - width: 16px; - height: 16px; - line-height: 16px; - border: 1px #e2e2e2 solid; - text-align: center; - color: #808080; - empty-cells: show; - cursor: pointer; -} - -#kronolithMinical tbody.kronolithSelected tr td, #kronolithMinical tbody tr.kronolithSelected td, #kronolithMinical tbody td.kronolithSelected { - background-color: #ebf3fc; - border-color: #808080; -} -#kronolithMinical tbody td.on, #kronolithMinical tbody.kronolithSelected tr td.on, #kronolithMinical tbody tr.kronolithSelected td.on { - background-color: #808080; - border-color: #808080; - color: white; -} -#kronolithMinical tbody td.kronolithMinicalEmpty, #kronolithMinical tbody.kronolithSelected tr td.kronolithMinicalEmpty, #kronolithMinical tbody tr.kronolithSelected td.kronolithMinicalEmpty { - background: none; - border: none; - color: silver; - cursor: default; -} - -/* Main views */ -div.kronolithView { - position: absolute; - top: 50px; - left: 175px; - right: 10px; - bottom: 10px; - display: block; - margin: 5px 0; - overflow: hidden; -} -div.kronolithView div.kronolithRow div { - width: 13%; -} - -div.kronolithRow div { - float: left; - position: relative; - margin-right: 2px; - margin-bottom: 2px; - padding: 0; - border: 1px #c0c0c0 solid; - overflow: hidden; -} -div.kronolithRow div.kronolithFirstCol { - width: 20px !important; -} - -/* Main view header row */ -div.kronolithView div.kronolithViewHead div.kronolithRow { - height: 20px; -} -div.kronolithView div.kronolithViewHead div.kronolithRow div { - height: 21px; - line-height: 21px; - font-weight: bold; -} -div.kronolithView div.kronolithViewHead div.kronolithRow div span { - padding: 0 5px; -} -div.kronolithView div.kronolithViewHead div.kronolithRow div.kronolithFirstCol { - border-color: transparent; -} - -/* Main view body */ -div.kronolithView div.kronolithViewBody { - position: absolute; - top: 25px; - left: 0; - right: 0; - bottom: 0; - overflow: auto; -} -div.kronolithView div.kronolithViewBody div.kronolithRow { - clear: both; - vertical-align: top; - height: auto; -} - -/* Main view month */ -.kronolithViewMonth div.kronolithViewBody div.kronolithRow div { - height: 86px; -} - -/* Main view week */ -#kronolithViewWeek div.kronolithViewBody div.kronolithRow div { - height: 41px; -} - -/* Main view day */ -.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithFirstCol { - margin-right: 2px; - border-right-width: 1px; -} -.kronolithViewDay div.kronolithViewBody div.kronolithRow div { - height: 41px; -} -.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithCol { - border-width: 1px 0; - margin-right: 0; -} -.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithCol.kronolithFirstField { - border-left-width: 1px; -} -.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithCol.kronolithLastField { - border-right-width: 1px; -} -.kronolithViewDay div.kronolithViewBody div.kronolithRow.kronolithAllDay div.kronolithCol { - border-width: 1px; -} - -/* More main view */ -div.kronolithView div.kronolithViewBody div.kronolithRow div { - font-size: 95%; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithFirstCol { - font-weight: bold; - text-align: center; -} -.kronolithViewDay div.kronolithViewBody div.kronolithRow.kronolithNight div { - background-color: #f4f4f4; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithFirstCol:hover { - cursor: pointer; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithCorner { - float: left; - margin: 0 2px 2px 0; - padding: 0; - width: auto; - height: auto; - border: none; -} -div.kronolithViewMonth div.kronolithViewBody div.kronolithRow div.kronolithDay { - display: inline; - width: 15px; - height: 15px; - line-height: 15px; - margin: 0 2px 2px 0; - padding: 0; - border-width: 0 1px 1px 0; - text-align: center; - vertical-align: middle; - font-weight: bold; - cursor: pointer; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div a.kronolithAdd { - display: inline; - width: 15px; - height: 15px; - line-height: 15px; - padding: 2px; - text-align: center; - background: transparent url("graphics/new_small_fade.png") 3px 5px no-repeat; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div a.kronolithAdd:hover { - background-image: url("graphics/new_small.png"); -} -div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithOtherMonth { - background: #f7f7f7; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithOtherMonth .kronolithDay { - border-color: transparent; - color: silver; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithToday { - background-color: #ebf3fc; - border-color: #808080; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div div.kronolithMore { - position: absolute; - z-index: 10; - right: 0; - bottom: 0; - width: 15px; - height: 15px; - background: white; - border-right: none; - border-bottom: none; - text-align: center; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div div.kronolithMore a { - text-decoration: none; -} - -/* Events */ -div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithEvent { - float: none; - width: auto; - height: 15px; - line-height: 15px; - margin: 0 2px 2px 0; - padding: 2px 5px; - background: none; - border: none; - cursor: pointer; - overflow: hidden; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithEvent.kronolithSelected { - height: auto; -} -div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithEvent.kronolithEventFull { - color: white !important; -} -div.kronolithView .kronolithEvents .kronolithEvent { - position: absolute; - z-index: 100; - width: 12%; - margin: 5px; - opacity: .8; - filter: alpha(opacity=80); - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - color: white; -} -div.kronolithViewWeek .kronolithEvents .kronolithEvent { - width: 11%; -} -div.kronolithView .kronolithEvents .kronolithEvent .kronolithDragger { - position: absolute; - width: 100%; - height: 12px; - background: transparent url("graphics/drag-handle.png") center center no-repeat; -} -div.kronolithView .kronolithEvents .kronolithEvent.kronolithSelected .kronolithDragger { - background-color: #202020; -} -div.kronolithView .kronolithEvents .kronolithEvent .kronolithDragger.kronolithDraggerTop { - top: 0; - -moz-border-radius: 5px 5px 0 0; - -webkit-border-top-left-radius: 5px; - -webkit-border-top-right-radius: 5px; - cursor: n-resize; -} -div.kronolithView .kronolithEvents .kronolithEvent .kronolithDragger.kronolithDraggerBottom { - bottom: 0; - -moz-border-radius: 0 0 5px 5px; - -webkit-border-bottom-left-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - cursor: s-resize; -} -div.kronolithView .kronolithEvents .kronolithEvent .kronolithEventInfo { - margin: 10px 0; - padding: 5px; -} - -/* To be removed */ -.kronolithEvents .kronolithEvent.width50 { width: 5% !important; } - -.kronolithEvents .kronolithEvent.col1 { left: 30px; } -.kronolithEvents .kronolithEvent.col2 { left: 15.5%; } -.kronolithEvents .kronolithEvent.col3 { left: 28.5%; } -.kronolithEvents .kronolithEvent.col4 { left: 41.5%; } -.kronolithEvents .kronolithEvent.col5 { left: 54.5%; } -.kronolithEvents .kronolithEvent.col6 { left: 67.5%; } -.kronolithEvents .kronolithEvent.col7 { left: 80.5%; } -/* done */ - -.kronolithEvents .kronolithEvent.hour0 { top: 50px; } -.kronolithEvents .kronolithEvent.hour1 { top: 95px; } -.kronolithEvents .kronolithEvent.hour2 { top: 140px; } -.kronolithEvents .kronolithEvent.hour3 { top: 185px; } -.kronolithEvents .kronolithEvent.hour4 { top: 230px; } -/* till 23 */ - -.kronolithEvents .kronolithEvent.length1 { height: 35px; } -.kronolithEvents .kronolithEvent.length2 { height: 75px; } -.kronolithEvents .kronolithEvent.length3 { height: 120px; } -.kronolithEvents .kronolithEvent.length4 { height: 165px; } -.kronolithEvents .kronolithEvent.length5 { height: 210px; } -.kronolithEvents .kronolithEvent.length6 { height: 255px; } -/* till 23 */ - -/* end tables */ diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css index 0cf3d357c..fc69c921d 100644 --- a/kronolith/themes/screen.css +++ b/kronolith/themes/screen.css @@ -463,3 +463,646 @@ table#calendar-list th.sortdown { #RB_info input { margin: .2em; } + +/***************** + * AJAX INTERFACE + *****************/ +body.kronolithAjax { + overflow: hidden; +} + +#kronolithToday { + font-weight: bold; +} + +.kronolithSeparator { + padding-left: 2px; + padding-right: 2px; + color: #808080; +} + +/* Logo */ +#kronolithLogo { + display: none; +} + +/* User data and options */ +#kronolithUser { + float: right; + margin-top: 8px; + margin-right: 10px; + font-size: 70%; +} + +/* Main area */ +#kronolithMain { + clear: both; + padding-top: 15px; +} + +/* Left menu column */ +#kronolithMenu { + position: absolute; + left: 10px; + width: 150px; + top: 10px; +} +#kronolithMenu h3 { + position: relative; + margin-top: 15px; + margin-bottom: 10px; + height: 20px; + line-height: 20px; + font-size: 100%; + font-weight: bold; + border-bottom: 1px #000 dotted; +} +#kronolithMenu a.kronolithAdd { + position: absolute; + right: 0; + padding-right: 8px; + background: transparent url("graphics/plus.png") no-repeat; + color: transparent; + cursor: pointer; +} +#kronolithMenu div.kronolithCalendars { + margin-bottom: 15px; +} +#kronolithMenu div.kronolithCalendars div { + margin-bottom: 5px; + padding: 2px 2px 2px 20px; + background: url("graphics/checkbox_off.png") 2px center no-repeat; + cursor: pointer; +} +#kronolithMenu div.kronolithCalendars div.kronolithCalOn { + background-image: url("graphics/checkbox_on.png"); +} +#kronolithMenu div.kronolithCalendars div.kronolithCalOver { + background-image: url("graphics/checkbox_over.png"); +} + +/* to be removed */ +div.c1 { + color: #336600; +} +div.c2 { + color: #1a5587; +} +div.c3 { + color: #d38a23; +} +div.c4 { + color: #4b2a16; +} +div.c1.kronolithEventFull { + background-color: #336600 !important; +} +div.c2.kronolithEventFull { + background-color: #1a5587 !important; +} +div.c3.kronolithEventFull { + background-color: #d38a23 !important; +} +div.c4.kronolithEventFull { + background-color: #4b2a16 !important; +} + +#kronolithAddEvents span { + /* We need some style here. */ + margin-bottom: 5px; + padding-right: 10px; + font-weight: bold; + cursor: pointer; +} +span#kronolithQuickEvent { + background: transparent url("graphics/new.png") no-repeat; + color: transparent; +} + +#kronolithMenu form { + padding: 0; + margin: 0 0 5px 0; + line-height: 35px; +} +#kronolithSearch { + width: 80px; +} + +/* Quick edit */ +#kronolithQuickinsert { + position: absolute; + z-index: 110; + left: 105px; + top: 10px; + width: 250px; + height: 75px; + margin: 0; + padding: 0; + background: transparent url("graphics/back_quick.png") top left no-repeat; +} +#kronolithQuickinsert form { + padding: 5px; + margin: 5px 5px 5px 15px; +} + +/* Navigation bar */ +#kronolithBar { + position: absolute; + left: 175px; + top: 10px; +} +#kronolithBar form { + float: left; + margin: 0; +} +#kronolithBar .kronolithDateChoice { + float: left; + margin: 0 2px 0 0; + background: #d6d6d6; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + font-weight: bold; +} +#kronolithBar .kronolithDateChoice div { + padding: 0 10px; + height: 25px; + line-height: 25px; +} + +#kronolithNav { + float: left; + margin-left: 5px; + height: 25px; + line-height: 25px; +} +#kronolithNav a { + display: block; + float: left; + margin: 0 1px 0 0; + padding: 0 5px 0 25px; + background-color: #f0f0f0; + background-position: 5px center; + background-repeat: no-repeat; + font-weight: bold; + text-decoration: none; + color: #202020; + cursor: pointer; +} +#kronolithNav a:first-child { + -moz-border-radius-topleft: 5px; + -moz-border-radius-bottomleft: 5px; + -webkit-border-top-left-radius: 5px; + -webkit-border-bottom-left-radius: 5px; +} +#kronolithNav a:last-child { + -moz-border-radius-topright: 5px; + -moz-border-radius-bottomright: 5px; + -webkit-border-top-right-radius: 5px; + -webkit-border-bottom-right-radius: 5px; +} +#kronolithNav a:first-child:last-child { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; +} +#kronolithNav a:hover, #kronolithNav a.on { + background-color: #d9d9d9; +} +#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"); +} +#kronolithNavMonth { + background-image: url("graphics/monthview.png"); +} +#kronolithNavYear { + background-image: url("graphics/yearview.png"); +} + +/* Event form dialog */ +#kronolithEventForm { + position: absolute; + z-index: 1000; + left: 50%; + margin-left: -210px; + top: 50px; + width: 400px; + padding: 10px 20px; + background: #efefef; + border: 1px #c0c0c0 solid; +} +#kronolithEventForm div { + margin-bottom: 5px; +} +#kronolithEventForm label { + font-weight: bold; +} +#kronolithEventForm input.kronolithDatePicker { + padding-right: 20px; + background-image: url("graphics/picker.png"); + background-position: right center; + background-repeat: no-repeat; +} +.kronolithLongField { + width: 100%; +} +div#kronolithEventActions { + margin: 5px 0; +} +div#kronolithEventActions #kronolithEventAdvancedLink { + padding-left: 2px; +} +div#kronolithEventActions #kronolithEventAdvancedLink a { + color: inherit; +} + +div.kronolithTags { + max-height: 75px; + overflow: auto; + line-height: 20px; +} +div.kronolithTags span { + padding: 2px 4px; + background-color: #fff; + border: 1px #c0c0c0 solid; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + font-size: 90%; +} +div.kronolithTags span:hover { + background-color: #ffc; + cursor: pointer; +} + +/* Context menu */ +.kronolithContextMenu { + width: auto; + min-width: 150px; + padding: 2px; + position: absolute; + top: 0; + z-index: 1000; + background: #f4f4f4; + border: 1px #c0c0c0 solid; + color: #202020; +} +.kronolithContextMenu a { + display: block; + height: 18px; + line-height: 18px; + padding: 2px 4px; + border: 1px #f4f4f4 solid; + color: #202020; + text-decoration: none; + white-space: nowrap; + +} +.kronolithContextMenu a:hover { + color: black; + text-decoration: none; +} +.kronolithContextMenu div.kronolithSeparator { + height: 1px; + line-height: 1px; + background: #d4d4d4; + margin-bottom: 1px; +} + +/* Mini calendar */ +#kronolithMinical { + position: relative; +} +#kronolithMinical table { + width: 100%; +} +#kronolithMinical caption { + position: relative; + margin-bottom: 10px; + height: 20px; + line-height: 20px; + font-weight: bold; + font-size: 100%; + border-bottom: 1px #000 dotted; + text-align: left; +} +#kronolithMinicalPrev, #kronolithMinicalNext { + position: absolute; + top: 0; + right: 0; + font-weight: bold; + cursor: pointer; + text-decoration: none; +} +#kronolithMinicalPrev { + right: 15px; +} + +#kronolithMinical th, #kronolithMinical td { + font-size: 90%; +} +#kronolithMinical thead th, #kronolithMinical tbody td.kronolithMinicalWeek { + width: 16px; + height: 16px; + line-height: 16px; + text-align: center; + background-color: #d6d6d6; + color: #202020; + border: 1px #c0c0c0 solid !important; +} +#kronolithMinical thead th.kronolithMinicalEmpty { + background: none; + border: none !important; +} +#kronolithMinical tbody td.kronolithMinicalWeek { + cursor: pointer; +} +#kronolithMinical tbody td { + width: 16px; + height: 16px; + line-height: 16px; + border: 1px #e2e2e2 solid; + text-align: center; + color: #808080; + empty-cells: show; + cursor: pointer; +} + +#kronolithMinical tbody.kronolithSelected tr td, #kronolithMinical tbody tr.kronolithSelected td, #kronolithMinical tbody td.kronolithSelected { + background-color: #ebf3fc; + border-color: #808080; +} +#kronolithMinical tbody td.on, #kronolithMinical tbody.kronolithSelected tr td.on, #kronolithMinical tbody tr.kronolithSelected td.on { + background-color: #808080; + border-color: #808080; + color: white; +} +#kronolithMinical tbody td.kronolithMinicalEmpty, #kronolithMinical tbody.kronolithSelected tr td.kronolithMinicalEmpty, #kronolithMinical tbody tr.kronolithSelected td.kronolithMinicalEmpty { + background: none; + border: none; + color: silver; + cursor: default; +} + +/* Main views */ +div.kronolithView { + position: absolute; + top: 50px; + left: 175px; + right: 10px; + bottom: 10px; + display: block; + margin: 5px 0; + overflow: hidden; +} +div.kronolithView div.kronolithRow div { + width: 13%; +} + +div.kronolithRow div { + float: left; + position: relative; + margin-right: 2px; + margin-bottom: 2px; + padding: 0; + border: 1px #c0c0c0 solid; + overflow: hidden; +} +div.kronolithRow div.kronolithFirstCol { + width: 20px !important; +} + +/* Main view header row */ +div.kronolithView div.kronolithViewHead div.kronolithRow { + height: 20px; +} +div.kronolithView div.kronolithViewHead div.kronolithRow div { + height: 21px; + line-height: 21px; + font-weight: bold; +} +div.kronolithView div.kronolithViewHead div.kronolithRow div span { + padding: 0 5px; +} +div.kronolithView div.kronolithViewHead div.kronolithRow div.kronolithFirstCol { + border-color: transparent; +} + +/* Main view body */ +div.kronolithView div.kronolithViewBody { + position: absolute; + top: 25px; + left: 0; + right: 0; + bottom: 0; + overflow: auto; +} +div.kronolithView div.kronolithViewBody div.kronolithRow { + clear: both; + vertical-align: top; + height: auto; +} + +/* Main view month */ +.kronolithViewMonth div.kronolithViewBody div.kronolithRow div { + height: 86px; +} + +/* Main view week */ +#kronolithViewWeek div.kronolithViewBody div.kronolithRow div { + height: 41px; +} + +/* Main view day */ +.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithFirstCol { + margin-right: 2px; + border-right-width: 1px; +} +.kronolithViewDay div.kronolithViewBody div.kronolithRow div { + height: 41px; +} +.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithCol { + border-width: 1px 0; + margin-right: 0; +} +.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithCol.kronolithFirstField { + border-left-width: 1px; +} +.kronolithViewDay div.kronolithViewBody div.kronolithRow div.kronolithCol.kronolithLastField { + border-right-width: 1px; +} +.kronolithViewDay div.kronolithViewBody div.kronolithRow.kronolithAllDay div.kronolithCol { + border-width: 1px; +} + +/* More main view */ +div.kronolithView div.kronolithViewBody div.kronolithRow div { + font-size: 95%; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithFirstCol { + font-weight: bold; + text-align: center; +} +.kronolithViewDay div.kronolithViewBody div.kronolithRow.kronolithNight div { + background-color: #f4f4f4; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithFirstCol:hover { + cursor: pointer; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithCorner { + float: left; + margin: 0 2px 2px 0; + padding: 0; + width: auto; + height: auto; + border: none; +} +div.kronolithViewMonth div.kronolithViewBody div.kronolithRow div.kronolithDay { + display: inline; + width: 15px; + height: 15px; + line-height: 15px; + margin: 0 2px 2px 0; + padding: 0; + border-width: 0 1px 1px 0; + text-align: center; + vertical-align: middle; + font-weight: bold; + cursor: pointer; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div a.kronolithAdd { + display: inline; + width: 15px; + height: 15px; + line-height: 15px; + padding: 2px; + text-align: center; + background: transparent url("graphics/new_small_fade.png") 3px 5px no-repeat; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div a.kronolithAdd:hover { + background-image: url("graphics/new_small.png"); +} +div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithOtherMonth { + background: #f7f7f7; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithOtherMonth .kronolithDay { + border-color: transparent; + color: silver; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div.kronolithToday { + background-color: #ebf3fc; + border-color: #808080; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div div.kronolithMore { + position: absolute; + z-index: 10; + right: 0; + bottom: 0; + width: 15px; + height: 15px; + background: white; + border-right: none; + border-bottom: none; + text-align: center; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div div.kronolithMore a { + text-decoration: none; +} + +/* Events */ +div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithEvent { + float: none; + width: auto; + height: 15px; + line-height: 15px; + margin: 0 2px 2px 0; + padding: 2px 5px; + background: none; + border: none; + cursor: pointer; + overflow: hidden; + -moz-border-radius: 4px; + -webkit-border-radius: 4px; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithEvent.kronolithSelected { + height: auto; +} +div.kronolithView div.kronolithViewBody div.kronolithRow div .kronolithEvent.kronolithEventFull { + color: white !important; +} +div.kronolithView .kronolithEvents .kronolithEvent { + position: absolute; + z-index: 100; + width: 12%; + margin: 5px; + opacity: .8; + filter: alpha(opacity=80); + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + color: white; +} +div.kronolithViewWeek .kronolithEvents .kronolithEvent { + width: 11%; +} +div.kronolithView .kronolithEvents .kronolithEvent .kronolithDragger { + position: absolute; + width: 100%; + height: 12px; + background: transparent url("graphics/drag-handle.png") center center no-repeat; +} +div.kronolithView .kronolithEvents .kronolithEvent.kronolithSelected .kronolithDragger { + background-color: #202020; +} +div.kronolithView .kronolithEvents .kronolithEvent .kronolithDragger.kronolithDraggerTop { + top: 0; + -moz-border-radius: 5px 5px 0 0; + -webkit-border-top-left-radius: 5px; + -webkit-border-top-right-radius: 5px; + cursor: n-resize; +} +div.kronolithView .kronolithEvents .kronolithEvent .kronolithDragger.kronolithDraggerBottom { + bottom: 0; + -moz-border-radius: 0 0 5px 5px; + -webkit-border-bottom-left-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + cursor: s-resize; +} +div.kronolithView .kronolithEvents .kronolithEvent .kronolithEventInfo { + margin: 10px 0; + padding: 5px; +} + +/* To be removed */ +.kronolithEvents .kronolithEvent.width50 { width: 5% !important; } + +.kronolithEvents .kronolithEvent.col1 { left: 30px; } +.kronolithEvents .kronolithEvent.col2 { left: 15.5%; } +.kronolithEvents .kronolithEvent.col3 { left: 28.5%; } +.kronolithEvents .kronolithEvent.col4 { left: 41.5%; } +.kronolithEvents .kronolithEvent.col5 { left: 54.5%; } +.kronolithEvents .kronolithEvent.col6 { left: 67.5%; } +.kronolithEvents .kronolithEvent.col7 { left: 80.5%; } +/* done */ + +.kronolithEvents .kronolithEvent.hour0 { top: 50px; } +.kronolithEvents .kronolithEvent.hour1 { top: 95px; } +.kronolithEvents .kronolithEvent.hour2 { top: 140px; } +.kronolithEvents .kronolithEvent.hour3 { top: 185px; } +.kronolithEvents .kronolithEvent.hour4 { top: 230px; } +/* till 23 */ + +.kronolithEvents .kronolithEvent.length1 { height: 35px; } +.kronolithEvents .kronolithEvent.length2 { height: 75px; } +.kronolithEvents .kronolithEvent.length3 { height: 120px; } +.kronolithEvents .kronolithEvent.length4 { height: 165px; } +.kronolithEvents .kronolithEvent.length5 { height: 210px; } +.kronolithEvents .kronolithEvent.length6 { height: 255px; } +/* till 23 */ + +/* end tables */