diff options
Diffstat (limited to 'radicale_infcloud/web/css')
| -rw-r--r-- | radicale_infcloud/web/css/default.css | 3632 | ||||
| -rw-r--r-- | radicale_infcloud/web/css/default_ie.css | 81 | ||||
| -rw-r--r-- | radicale_infcloud/web/css/default_integration.css | 180 | ||||
| -rw-r--r-- | radicale_infcloud/web/css/fullcalendar.css | 1464 | ||||
| -rw-r--r-- | radicale_infcloud/web/css/jquery-ui.custom.css | 203 | ||||
| -rw-r--r-- | radicale_infcloud/web/css/jquery.tagsinput.css | 14 | ||||
| -rw-r--r-- | radicale_infcloud/web/css/spectrum.custom.css | 553 |
7 files changed, 6127 insertions, 0 deletions
diff --git a/radicale_infcloud/web/css/default.css b/radicale_infcloud/web/css/default.css new file mode 100644 index 0000000..14e8156 --- /dev/null +++ b/radicale_infcloud/web/css/default.css @@ -0,0 +1,3632 @@ +/* +InfCloud - the open source CalDAV/CardDAV Web Client +Copyright (C) 2011-2015 + Jan Mate <jan.mate@inf-it.com> + Andrej Lezo <andrej.lezo@inf-it.com> + Matej Mihalik <matej.mihalik@inf-it.com> + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU Affero General Public License as +published by the Free Software Foundation, either version 3 of the +License, or (at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU Affero General Public License for more details. + +You should have received a copy of the GNU Affero General Public License +along with this program. If not, see <http://www.gnu.org/licenses/>. +*/ + +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-Light-webfont.eot'); + src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-Light-webfont.woff') format('woff'), + url('../fonts/Roboto-Light-webfont.ttf') format('truetype'), + url('../fonts/Roboto-Light-webfont.svg#robotolight') format('svg'); + font-weight: 300; + font-style: normal; +} +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-Regular-webfont.eot'); + src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-Regular-webfont.woff') format('woff'), + url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), + url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); + font-weight: 400; + font-style: normal; +} +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-Medium-webfont.eot'); + src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-Medium-webfont.woff') format('woff'), + url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'), + url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg'); + font-weight: 500; + font-style: normal; +} +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-Bold-webfont.eot'); + src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-Bold-webfont.woff') format('woff'), + url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), + url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); + font-weight: 700; + font-style: normal; +} +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-LightItalic-webfont.eot'); + src: url('../fonts/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-LightItalic-webfont.woff') format('woff'), + url('../fonts/Roboto-LightItalic-webfont.ttf') format('truetype'), + url('../fonts/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg'); + font-weight: 300; + font-style: italic; +} +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-Italic-webfont.eot'); + src: url('../fonts/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-Italic-webfont.woff') format('woff'), + url('../fonts/Roboto-Italic-webfont.ttf') format('truetype'), + url('../fonts/Roboto-Italic-webfont.svg#robotoitalic') format('svg'); + font-weight: 400; + font-style: italic; +} +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-MediumItalic-webfont.eot'); + src: url('../fonts/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-MediumItalic-webfont.woff') format('woff'), + url('../fonts/Roboto-MediumItalic-webfont.ttf') format('truetype'), + url('../fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg'); + font-weight: 500; + font-style: italic; +} +@font-face +{ + font-family: "Roboto"; + src: url('../fonts/Roboto-BoldItalic-webfont.eot'); + src: url('../fonts/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/Roboto-BoldItalic-webfont.woff') format('woff'), + url('../fonts/Roboto-BoldItalic-webfont.ttf') format('truetype'), + url('../fonts/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg'); + font-weight: 700; + font-style: italic; +} + +body, input, select, textarea +{ + font-family: 'Roboto'; + font-size: 14px; + color: #404040; +} + +.System +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + width: 100%; + height: 100%; + overflow: hidden; + /* XXX - System display:none changes + display: none; + visibility: visible;*/ + display: block; + visibility: hidden; + opacity: 0; +} + +.update_d +{ + position: absolute; + display: block; + overflow: hidden; + top: 25px; + padding-top: 8px; + bottom: 0px; + right: 0px; + width: 24px; + background: #f0f0f0; + border-left: 1px solid #c0c0c0; + z-index: 30; +} + +.update_h +{ + width: 24px; + font-size: 1.1em; + font-weight: 500; + writing-mode: tb-rl; + white-space: nowrap; + -webkit-transform:rotate(90deg); + -moz-transform:rotate(90deg); + -o-transform: rotate(90deg); +} + +.update_h +{ + cursor: pointer; +} + +.collection_d +{ + position: absolute; + top: 0; + left: 225px; + right: 582px; + border-right: 1px solid; + border-right-color: #c0c0c0; + height: 24px; + background: #f0f0f0; + color: #404040; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.collection_h +{ + position: absolute; + margin-left: 24px; + margin-top: 3px; + font-size: 1.1em; + font-weight: 500; +} + +.collection_a, .company_a +{ + position: absolute; + right: 0px; + padding-top: 4px; + padding-right: 6px; + width:17px; + height: 16px; +} + +.contact_d +{ + position: absolute; + top: 0; + right: 0; + width: 582px; + height: 24px; + background: #f0f0f0; + color: #404040; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.contact_h +{ + position: absolute; + padding-left: 6px; + padding-top: 2px; + font-size: 1.1em; + font-weight: 400; +} + +.system_l +{ + position: absolute; + right: 32px; + padding-top: 4px; + height: 16px; +} + +#SearchBox +{ + position: absolute; + display: block; + top: 24px; + left: 225px; + right: 582px; + border-right: 1px solid; + border-right-color: #c0c0c0; + overflow: hidden; + background: #ffffff; + z-index: 2; /* for floating headers */ + + height: 24px; + border-top: 1px solid #c0c0c0; + border-bottom: 1px solid #c0c0c0; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#SearchBox > .container +{ + position: absolute; + top: 3px; + left: 31px; + right: 27px; +} +#SearchBox *> input[data-type=search] +{ + width: 100%; + background-color: #ffffff; +} + +#ABList +{ + position: absolute; + display: block; + top: 50px; /* search support */ + left: 225px; + right: 582px; + bottom: 0; + border-right: 1px solid; + border-right-color: #c0c0c0; + overflow: hidden; + background: #ffffff; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#ABListOverlay +{ + position: absolute; + top: 0; + left: 225px; + right: 583px; + bottom: 0; + overflow: hidden; + background: #ffffff; + display: none; + z-index: 10; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.half +{ + position: relative; + height: 50% !important; +} + +#ABContact +{ + position: absolute; + top: 25px; + right: 0; + bottom: 0; + display: block; + width: 579px; + padding-bottom: 8px; + overflow: auto; + overflow-x: hidden; + background: #f0f0f0; + border-top: 1px solid #f0f0f0; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#ABContactColor +{ + background: #f0f0f0; + position: absolute; + display: block; + top: 25px; + bottom: 0; + right: 579px; + width: 3px; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#ABContactOverlay +{ + position: absolute; + top: 24px; + right: 0; + bottom: 0; + width: 582px; + overflow: hidden; + background: #ffffff; + display: none; + z-index: 10; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#Login img[data-type=system_logo] +{ + padding-bottom: 5px; +} + +#Login table, .System table +{ + padding: 0px 0px 0px 0px; + border: none; + border-collapse: collapse; +} + +#Login td, .System td +{ + position: relative; /* required by placeholder plugin (used for IE) */ + padding: 1px 2px 0px 0px; + height: 20px; + line-height: 19px; + vertical-align: top; +} + +.System td.clean +{ + padding: 0px 0px 0px 0px !important; +} + +.System td.buttons +{ + padding-top: 10px; +} + +.System td.type +{ + width: 139px; +} + +.fc td +{ + position: static; /* required by fullcalendar */ +} + +*:focus +{ + outline: none; +} + +select +{ + font-size: 1em; + min-height: 19px; + max-height: 19px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + border: none; + + background: #ffffff url(../images/select.svg) no-repeat center right; + + padding-left: 3px; /* minor problem with chrome on windows */ + padding-right: 19px; /* original: 18 - minor problem with chrome on windows */ + + appearance: none; + -webkit-appearance: none; + + border-radius: 0px; + -webkit-border-radius: 0px; + -moz-border-radius: 0px; + + outline: none; + -moz-outline: none; + + color: #404040; + + left: 0px; + vertical-align: top; +} + +@-moz-document url-prefix() { + select + { + font-size: 1em; + line-height: 19px; + + padding-left: 0px; + padding-right: 0px !important; + + padding-bottom: 1px; + background: transparent url(../images/select_bg.svg) repeat-x; + + /* FF outline hack */ + color: rgba(64, 64, 64, 0); + text-shadow: 0 0 0 #404040; + } + + select option + { + color: #404040; + background-color: #ffffff !important; + } +} + +select[disabled] +{ + /* Safari problem with textfield (it is one pixel higher than the selectbox) */ + min-height: 19px; + max-height: 19px; + padding-right: 3px !important; + + + font-size: 1em; + + background: #fff none; + + appearance: textfield; + -webkit-appearance: textfield; +} +@-moz-document url-prefix() { + select[disabled] + { + font-size: 1em; + + padding-left: 0px; + + /* FF for windows fix */ + padding-right: 0px !important; + background: transparent url(../images/select_bg_dis.svg) repeat-x; + } +} + +select[disabled][data-type="xhalf_type"] +{ + /* Safari problem with textfield (it is one pixel higher than the selectbox) */ + min-height: 19px; + max-height: 19px; + + background: #fff; + + appearance: textfield; + -webkit-appearance: textfield; +} +@-moz-document url-prefix() { + select[disabled][data-type="xhalf_type"] + { + margin-left: 0px !important; + background: transparent url(../images/select_bg_dis.svg) repeat-x; + } +} + +select[disabled][data-type="country_type"] +{ + /* Safari problem with textfield (it is one pixel higher than the selectbox) */ + min-height: 19px; + max-height: 19px; + + background: #fff; + + appearance: textfield; + -webkit-appearance: textfield; +} +@-moz-document url-prefix() { + select[disabled][data-type="country_type"] + { + margin-left: 0px !important; + background: transparent url(../images/select_bg_dis.svg) repeat-x; + } +} + +select[disabled][data-type="im_service_type"] +{ + /* Safari problem with textfield (it is one pixel higher than the selectbox) */ + min-height: 19px; + max-height: 19px; + + background: #fff; + + appearance: textfield; + -webkit-appearance: textfield; +} +select[disabled][data-type="im_service_type"]:-moz-last-node +{ + margin-left: 0px !important; + background: transparent url(../images/select_bg_dis.svg) repeat-x; +} + + + +td[data-size="login"] > select[data-type="language"] +{ + min-width: 331px !important; + max-width: 331px !important; +} + + + +input +{ + font-size: 1em !important; + color: #404040; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +} + +@-moz-document url-prefix() +{ + input + { + text-indent: 1px; + } +} + +input::-moz-focus-inner /* FF buttons */ +{ + border: none; + padding: 0.07em 0em 0em 0em !important; +} + +img[data-type=system_login] +{ + margin-top: 10px; + cursor: pointer; +} + +input[data-type="system_username"], input[data-type="system_password"] +{ + font-size: 20px !important; + height: 28px !important; + min-width: 329px !important; + max-width: 329px !important; +} + +select[data-type="language"] +{ + font-size: 20px !important; + min-height: 28px !important; + max-height: 28px !important; + background: none; +} + +td[data-size="login_logo"] +{ + padding-left: 60px !important; +} + +td[data-size="login"], td[data-size="login_input"] +{ + border-bottom: 2px solid #585858; +} + +input[type=button], input[type=submit], .ui-datepicker-buttonpane button +{ + cursor: pointer; + border: 1px solid; + border-color: #c0c0c0; + font-size : 0.9em !important; + padding-left: 0.5em; + padding-right: 0.5em; + + background: #ffffff; + color: #404040; + position : relative; + + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + + -webkit-appearance: none; +} +input[data-type=cancel] +{ + margin-right: 1.5em; +} + +input[disabled] +{ + color: #404040; /* webkit bug - the black color not works */ + border-style: none; + background: #fff; + opacity: 1 !important; +} +input[disabled].safari_hack +{ + color: #000000; /* safari bug - the black color not works #000000 looks like #545454 :-( */ +} + +input[readonly] +{ + border-style: none; + background: #fff !important; +} + +input::-webkit-input-placeholder +{ + color: #e0e0e0; + text-shadow: none !important; + -webkit-font-smoothing: antialiased; +} +input[readonly]::-webkit-input-placeholder +{ + color: #e0e0e0; + text-shadow: none !important; + -webkit-font-smoothing: antialiased; +} +input[disabled]::-webkit-input-placeholder +{ + color: #e0e0e0; + text-shadow: none !important; + -webkit-font-smoothing: antialiased; +} +textarea::-webkit-input-placeholder +{ + color: #e0e0e0; + text-shadow: none !important; + -webkit-font-smoothing: antialiased; +} +textarea[readonly]::-webkit-input-placeholder +{ + color: #e0e0e0; + text-shadow: none !important; + -webkit-font-smoothing: antialiased; +} + +input:-moz-placeholder +{ + color: #e0e0e0 !important; +} +input[readonly]:-moz-placeholder +{ + color: #e0e0e0 !important; +} +input[disabled]:-moz-placeholder +{ + color: #e0e0e0 !important; +} +textarea:-moz-placeholder +{ + color: #e0e0e0; +} +textarea[readonly]:-moz-placeholder +{ + color: #e0e0e0; +} +input::-moz-placeholder +{ + color: #e0e0e0 !important; +} +input[readonly]::-moz-placeholder +{ + color: #e0e0e0 !important; +} +input[disabled]::-moz-placeholder +{ + color: #e0e0e0 !important; +} +textarea::-moz-placeholder +{ + color: #e0e0e0; +} +textarea[readonly]::-moz-placeholder +{ + color: #e0e0e0; +} +input:-ms-input-placeholder +{ + color: #e0e0e0 !important; +} +input[readonly]:-ms-input-placeholder +{ + color: #e0e0e0 !important; +} +input[disabled]:-ms-input-placeholder +{ + color: #e0e0e0 !important; +} +textarea:-ms-input-placeholder +{ + color: #e0e0e0; +} +textarea[readonly]:-ms-input-placeholder +{ + color: #e0e0e0; +} + +input[type=text]::-ms-clear { + display: none; +} +input[type=password]::-ms-clear { + display: none; +} + +.iex +{ + padding-top: 1px; + padding-left: 0px; + padding-right: 0px; +} + + +input[type=text], input[type=password] +{ + height: 19px; + margin-left: 0px; + outline: none; + border: 0px; + + padding-left: 2px; /* it resizes the input size :( */ + + /* mobile safari remove rounded corners */ + -webkit-appearance: none; + -webkit-border-radius: 0px; +} + +input[type=text].fs, input[type=password].fs +{ + width: 390px; +} + +input[type=text].ms, input[type=password].ms +{ + width: 254px; +} + +input[type=text].hs, input[type=password].hs +{ + width: 193px; +} + +input[type=text].ss, input[type=password].ss +{ + width: 112px; +} + +input[type=checkbox] +{ + vertical-align: middle; + margin-right: 5px; +} +input[type=checkbox], x:-moz-any-link, x:default /* FF checkbox hack */ +{ + margin-bottom: 3px !important; +} +input[disabled][type=checkbox] /* Opera checkbox hack */ +{ + background: #e0e0e0; +} +label /* checkbox + text */ +{ + font-size: 0.95em; +} + +textarea +{ + font-size: 1em; + width: 527px; + height: 64px; /* if <61 firefox not shows the scroll bar ?! - note: we use autoResize plugin here */ + margin: 0px 0px 0px 0px; + border-style: none; + resize: none; + padding-left: 3px; + + outline: none; + -moz-outline: none; + -moz-border-radius: 0px; + + /* mobile safari remove rounded corners */ + -webkit-appearance: none; + -webkit-border-radius: 0px; +} +@-moz-document url-prefix() { + textarea + { + width: 529px; + padding-left: 2px !important; + } +} +textarea[readonly] +{ + color: #404040; + background: #fff; +} +textarea[readonly].safari_hack +{ + color: #000000; /* safari bug - the black color not works #000000 looks like #545454 :-( */ +} +@-moz-document url-prefix() { + textarea[readonly] + { + color: #404040; + } +} + +#LoginPage +{ + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 101; + background: #f8f8f8; + display: none; /* by default the login window is hidden */ + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +.window +{ + position: relative; + display: inline-block; + width: 503px; + height: 311px; + top: 38.2%; + left: 61.8%; + + margin-top: -155px; + margin-left: -252px; + + background-image: url(../images/cloud.svg); + color: #000000; + text-align: center; +} + +#Login +{ + margin-top: 50px; + margin-left: 85px; +} + +#login_message +{ + padding-top: 20px; + font-size: 16px; + font-weight: 500; + color: #9E2F36; +} + +#LoginLoader +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + overflow: visible; + background-image: url(../images/cloud.svg); + display: none; + z-index: 1; +} + +.footer +{ + position: absolute; + left: 25px; + bottom: 25px; + font-size: 16px; + color: #2d2d2d; +} + +#cacheDialog +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + overflow: visible; + background: #ffffff; + display: none; + opacity: 0.95; + text-align: center; + z-index: 200; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#cacheDialogText +{ + position: absolute; + width: 100%; + bottom: 50%; + vertical-align: middle; + font-size: 2em; +} + +#cacheDialogButtonWrapper +{ + position: absolute; + left: 40%; + right: 40%; + bottom: 40%; +} + +#cacheDialogButton +{ + font-size: 2em !important; + border: 2px solid #c0c0c0; +} + +#MainLoader +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + overflow: visible; + background: #ffffff; + display: none; + opacity: 0.9; + z-index: 101; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +.loader +{ + width: 100%; + height: 100%; + background: url(../images/loadinfo.gif) no-repeat center center; +} + +.loader_hidden .loader +{ + background: none; +} + +.loaderInfo +{ + position: absolute; + width: 100%; + bottom: 25%; + vertical-align: middle; + text-align: center; + font-size: 2em; +} + +#ABMessage +{ + position: absolute; + top: 24px; + right: 0; + display: block; + width: 582px; + height: 0; + z-index: 20; + + background: #ffffff; + border-bottom: 1px solid; + border-bottom-color: #c0c0c0; + border-top: 0px; + overflow: hidden; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#ABInMessage +{ + position: relative; + top: -1px; + + background: #ffffff; + border-bottom: 1px solid; + border-bottom-color: #404040; + border-top: 0px; + display: block; + height: 0px; + overflow: hidden; +} + +#ABMessageText, #ABInMessageText +{ + position: absolute; + padding: 7px; + text-align: center; + vertical-align: bottom; + width: 100%; + font-weight: 500; + background: #ffffff; + bottom: 0px; +} + +#ABInMessageEditBox +{ + position: relative; + top: -1px; + display:none; + + background: #ffffff; + border-bottom: 1px solid; + border-bottom-color: #404040; + border-top: 0px; + height: 0px; + overflow: hidden; +} + +#ABInMessageTextEditBox +{ + position: absolute; + padding: 7px; + text-align: center; + vertical-align: bottom; + width: 100%; + font-weight: 500; + background: #ffffff; + bottom: 0px; +} + +.message_success +{ + color: #000000; +} + +.message_error +{ + color: #ff0000; +} + +.element_grayed +{ + color: #e0e0e0; +} + +.element_default_hidden +{ + visibility: hidden; +} + +.element_hide +{ + height: 0px !important; + max-height: 0px !important; + overflow: hidden; +} + +.element_no_display +{ + display: none; +} + +.element_no_display_af +{ + display: none !important; +} + +input.non_editable +{ + background-color: #f5f5f5 !important; +} + +.integration_d +{ + display: none; /* hide the integration banner if the div is present but only CardDavMATE is loaded */ +} + +.resourcesCardDAV_d +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + border-right: 1px solid #c0c0c0; + width: 224px; + height: 49px; + background: #f0f0f0; + color: #404040; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.resourcesCardDAV_h +{ + float: left; + margin-top: 2px; + margin-left: 6px; + width: 190px; + font-size: 1.1em; + font-weight: 400; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +#ResourceCardDAVToggle +{ + float: left; + padding-top: 4px; + padding-left: 7px; + cursor: pointer; +} + +#ResourceCardDAVList +{ + position: absolute; + display: block; + top: 24px; + bottom: 0px; + left: 0px; + border-right: 1px solid; + border-right-color: #c0c0c0; + width: 224px; + overflow: auto; + overflow-x: hidden; + background: #ffffff; + border-top: 1px solid #c0c0c0; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#ResourceCardDAVListOverlay +{ + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + border-right: 1px solid; + border-right-color: #c0c0c0; + width: 224px; + background: #ffffff; + display: none; + z-index: 10; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#AddressbookOverlay +{ + position: absolute; + top: 0px; + left: 225px; + right: 0px; + bottom: 0px; + overflow: hidden; + background: #ffffff; + opacity: 0.8; + display: none; + z-index: 22; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.colorPicker +{ + display: none; +} + +.resourceCardDAVColor +{ + width: 12px; + height: 24px; + margin-top: 0px; + margin-right: 6px; + float: left; +} + +.resourceCardDAVGroupColor +{ + width: 12px; + height: 19px; + margin-top: 0px; + float: left; +} + +.resourceCardDAV_header +{ + position: relative !important; + display: block; + overflow: hidden; + left: 0px; + top: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + bottom: auto; + height: 20px; + line-height: 17px; + background-color: #ffffff; + color: #404040; + cursor: default; + padding-left: 6px; + padding-right: 6px; + font-size: 0.9em; + font-weight: 500; + + border-top: 1px solid; + border-top-color: #ffffff; + border-bottom: 1px solid; + border-bottom-color: #ffffff; +} + +.resourceCardDAV_item, .contact_group +{ + position: relative; + display: block; + overflow: hidden; + + left: 0px; + top: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; +} + +.resourceCardDAV_item input[type="checkbox"] +{ + margin-top: -2px; + margin-right: 5px; +} + +@-moz-document url-prefix() { + .resourceCardDAV_item input[type="checkbox"] + { + margin-top: 0px; + } +} + +.resourceCardDAV +{ + position: relative; + display: block; + overflow: hidden; + + left: 0px; + top: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + height: 25px; + line-height: 23px; + border-top: 1px solid #ffffff; + color: #404040; + cursor: default; + font-size: 1em; + font-weight: 400; + + padding-left: 0px; + padding-right: 6px; +} + +.resourceCardDAV:hover +{ + cursor: pointer; + color: #404040 !important; + background-color: #e7e7e7 !important; + border-top: 1px solid !important; +/* + border-top-color: #b9b9b9 !important; + border-bottom: 1px solid !important; + border-bottom-color: #b9b9b9 !important; +*/ + border-top-color: #ffffff !important; +} + +.resourceCardDAV.resourceCardDAV_selected +{ + color: #ffffff !important; + background: #585858 !important; + border-top: 1px solid !important; +/* + border-top-color: #585858 !important; + border-bottom: 1px solid !important; + border-bottom-color: #585858 !important; +*/ + border-top-color: #ffffff !important; +} + +.resourceCardDAV.resourceCardDAV_dropped_to +{ + background-color: #b9b9b9; + border: 1px dashed #ffffff !important; + padding-right: 7px; +} + +.resourceCardDAV.resourceCardDAV_dropped_to > .resourceCardDAVColor +{ + width: 11px !important; /* reduce the addressbook color size during "drop" */ +} + +.resourceCardDAV.resourceCardDAV_ro +{ + background-image: url(../images/read_only_b.svg); + background-repeat: no-repeat !important; + background-position: 97% center !important; + padding-right: 32px !important; +} + +.resourceCardDAV.resourceCardDAV_ro:hover +{ + background-image: url(../images/read_only_b.svg) !important; +} + +.resourceCardDAV.resourceCardDAV_ro.resourceCardDAV_selected +{ + background-image: url(../images/read_only_w.svg) !important; +} + +#ABListTable, #ABListTableInner +{ + width: 100%; + table-layout: fixed; +} + +.ablist_table_header +{ + border-bottom: 1px solid #c0c0c0; +} + +.ablist_table_header th +{ + font-weight: 500; + font-size: 0.9em; + border-right: 1px solid #f0f0f0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.ablist_table_container > td +{ + padding: 0 !important; +} + +.ablist_table_wrapper +{ + overflow-x: hidden; + overflow-y: auto; +} + +.ablist_column_color +{ + width: 6px; +} + +.ablist_header +{ + color: #404040; + background-color: #f0f0f0; + font-size: 0.9025em; +} + +.ablist_header td +{ + height: 18px; + padding: 0 10px; + line-height: 18px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.ablist_item +{ + color: #404040; + background-color: #fff; + font-size: 1.02885em; + border-top: 1px solid #ffffff !important; +} + +.ablist_item td +{ + height: 15px !important; + padding: 2px 4px; + line-height: 15px !important; + border-right: 1px solid #f0f0f0; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + background-color: inherit; +} + +.ablist_item td.ablist_item_color +{ + height: 100%; + width: 6px; + padding: 0; + border-color: #f0f0f0; + background-color: #f0f0f0; + border-right: none; +} + +.ablist_item, x:-moz-any-link, x:default +{ + line-height: 17px; +} + +.ablist_item_selected +{ + color: #eeeeee !important; + background-color: #585858 !important; +/* + border-top: 1px solid !important; + border-top-color: #585858 !important; + border-bottom: 1px solid !important; + border-bottom-color: #585858 !important; +*/ + border-top: 1px solid !important; + border-top-color: #ffffff !important; +} + +.ablist_item:hover +{ + cursor: pointer; + color: #000000; + background-color: #b9b9b9; +/* + border-top-color: #b9b9b9; + border-bottom-color: #b9b9b9; +*/ + border-top-color: #ffffff; +} + +@media only screen and (device-width: 1024px) +{ + /* Rule matched by 1024x768 tablets, like the iPad and iPad2 and ignored by other browsers */ + .ablist_item:hover + { + cursor: default; + color: #404040; + background-color: #ffffff; + border-top-color: #ffffff; +/* + border-bottom-color: #ffffff; +*/ + } +} + +@media only screen and (device-width: 768px) +{ + /* Rule matched by 1024x768 tablets, like the iPad and iPad2 and ignored by other browsers */ + .ablist_item:hover + { + cursor: default; + color: #404040; + background-color: #ffffff; + border-top-color: #ffffff; +/* + border-bottom-color: #ffffff; +*/ + } +} + +.ablist_item:hover td +{ + border-right-color: #eee; +} + +/*.company, .ablist_item_selected.company:hover +{ + padding-right: 30px; + background-image: url(../images/company_s_b.svg); + background-repeat: no-repeat; + background-position: right top; +} + +.ablist_item_selected.company +{ + background-image: url(../images/company_s_w.svg) !important; + background-repeat: no-repeat !important; + background-position: right top !important; +}*/ + +.ablist_item_dragged +{ + border: 1px dashed #ffffff !important; + background-color: #585858 !important; + color: #ffffff !important; +} + +.group +{ + position: relative; + display: block; + overflow: hidden; + + left: 0px; + top: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + height: 20px; + line-height: 17px; + border-top: 1px solid #ffffff; + color: #404040; + cursor: default; + padding-left: 0px; + padding-right: 6px; + font-size: 0.9em; + background-image: none !important; +} + +.group input[type="checkbox"] +{ + margin-top: -2px; + margin-left: 18px; + margin-right: 5px; +} + +@-moz-document url-prefix() { + .group input[type="checkbox"] + { + margin-top: 0x; + } +} + +.group:hover +{ + cursor: pointer; + color: #404040 !important; + background-color: #e7e7e7 !important; + border-top: 1px solid !important; +/* + border-top-color: #b9b9b9 !important; + border-bottom: 1px solid !important; + border-bottom-color: #b9b9b9 !important; +*/ + border-top-color: #ffffff !important; +} + +.group.resourceCardDAV_selected +{ + color: #ffffff !important; + background: #585858 !important; + border-top: 1px solid !important; +/* + border-top-color: #585858 !important; + border-bottom: 1px solid !important; + border-bottom-color: #585858 !important; +*/ + border-top-color: #ffffff !important; +} + +.group_dropped_to +{ + background-color: #b9b9b9; + border: 1px dashed #ffffff !important; + padding-right: 7px; +} + +.group_dropped_to > .resourceCardDAVGroupColor +{ + width: 11px !important; +} + +.r_operate.resourceCardDAV, .r_operate.group +{ + background-image: url(../images/loadinfo_s1.gif) !important; + background-repeat: no-repeat !important; + background-position: 97% center !important; + padding-right: 32px; +} + +.r_operate.resourceCardDAV:hover, .r_operate.group:hover +{ + background-image: url(../images/loadinfo_s2.gif) !important; +} + +.r_operate.resourceCardDAV.resourceCardDAV_selected, .r_operate.group.resourceCardDAV_selected +{ + background-image: url(../images/loadinfo_s3.gif) !important; +} + +.r_success.resourceCardDAV, .r_success.group +{ + background-image: url(../images/success_b.svg) !important; + background-repeat: no-repeat !important; + background-position: 97% center !important; + padding-right: 32px; +} + +.r_success.resourceCardDAV:hover, .r_success.group:hover +{ + background-image: url(../images/success_b.svg) !important; +} + +.r_success.resourceCardDAV.resourceCardDAV_selected, .r_success.group.resourceCardDAV_selected +{ + background-image: url(../images/success_w.svg) !important; +} + +.r_error.resourceCardDAV, .er_error.resourceCardDAV, .r_error.group, .er_error.group +{ + background-image: url(../images/error_b.svg) !important; + background-repeat: no-repeat !important; + background-position: 97% center !important; + padding-right: 32px; +} + +.r_error.resourceCardDAV:hover, .er_error.resourceCardDAV:hover, .r_error.group:hover, .er_error.group:hover +{ + background-image: url(../images/error_b.svg) !important; +} + +.r_error.resourceCardDAV.resourceCardDAV_selected, .er_error.resourceCardDAV.resourceCardDAV_selected, .r_error.group.resourceCardDAV_selected, .er_error.group.resourceCardDAV_selected +{ + background-image: url(../images/error_w.svg) !important; +} + +.resourceCardDAV_header.load_mode, .resourceCardDAV.load_mode, .resourceCardDAV.load_mode:hover +{ + padding-right: 24px !important; + background-image: none !important; +} + +.contact_group.load_mode +{ + display: none; +} + +.resourceCardDAV_header.unloaded, .resourceCardDAV.unloaded +{ + color: rgba(64, 64, 64, 0.4) !important; +} + +.resourceCardDAV.unloaded .resourceCardDAVColor +{ + opacity: 0.4; +} + + + +td[data-size="full"] > span > select[data-type="country_type"] +{ + min-width: 392px !important; + max-width: 392px !important; +} +td[data-size="full"] > span > select[data-type="xfull_type"] +{ + min-width: 392px !important; + max-width: 392px !important; +} + +td[data-size="half"] > span > select[data-type="country_type"] +{ + min-width: 195px !important; + max-width: 195px !important; +} +td[data-size="half"] > span > select[data-type="xhalf_type"] +{ + min-width: 195px !important; + max-width: 195px !important; +} + +td[data-size="small"] > select +{ + min-width: 134px !important; + max-width: 134px !important; +} + +img[data-type="invalidCardDavTagsinput"] +{ + vertical-align: top; + margin-top: -22px; + margin-left: 512px; +} + +#showUnloadedAddressbooks +{ + float:right; + padding-top: 4px; + padding-right: 6px; + cursor: pointer; +} + +#EditorBox +{ + padding-left: 7px; + padding-top: 4px; + z-index: 1; +} + +#EditorBox *> .attr_desc +{ + font-size: 1em; + height: 1.3em !important; + vertical-align: middle !important; + text-align: baseline !important; +} + +#EditorBox *> .opw /* + and - image button IE bug with input type="image" and width */ +{ + width:14px; +} + +#EditorBox *> .op /* + and - image buttons (width is defined separately in .opw) */ +{ + padding-top: 2px; +} + +#EditorBox *> .zero_height +{ + height: 0px !important; +} + +#EditorBox *> .photo_box +{ + width: 171px !important; + height: 160px !important; +} + +#EditorBox *> .photo_div +{ + position: relative; + overflow:hidden; + width: 164px; + height: 183px; + + border: 1px solid; + border-color: #d0d0d0; +} + +#EditorBox *> .photo +{ + position: relative; + width: 164px; + height: 183px; + background-repeat: no-repeat; + background-position: center; +} + +#EditorBox *> .photo_blank.photo_user +{ + background-image: url(../images/user.svg); +} + +#EditorBox *> .photo_blank.photo_company +{ + background-image: url(../images/company.svg); +} + +#EditorBox *> .heightfix +{ + height: 19px !important; + min-height: 19px !important; + max-height: 19px !important; + line-height: 16px !important; +} + +select.inverse_select +{ + background: #ffffff url(../images/select_inv.svg) no-repeat center right; +} + +#ExtendedDest +{ + position: absolute; + top: 22px; + height: 0; + width: 392px; + background-color: #fff; + overflow-y: auto; + overflow-x: hidden; + z-index: 1; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.extended_dest_header +{ + overflow: hidden; + box-sizing: border-box; + -moz-box-sizing: border-box; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + height: 20px; + line-height: 17px; + color: #404040; + padding-left: 6px; + padding-right: 6px; + font-size: 0.9em; + font-weight: 500; + + border-top: 1px solid; + border-top-color: #ffffff; + border-bottom: 1px solid; + border-bottom-color: #ffffff; +} + +.extended_dest_item, .extended_dest_group_container +{ + overflow: hidden; + + box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; +} + +.extended_dest_item input[type="checkbox"] +{ + margin-top: -2px; + margin-right: 5px; +} + +@-moz-document url-prefix() { + .extended_dest_item input[type="checkbox"] + { + margin-top: 0px; + } +} + +.extended_dest_resource +{ + overflow: hidden; + + box-sizing: border-box; + -moz-box-sizing: border-box; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + height: 25px; + line-height: 23px; + border-top: 1px solid #ffffff; + color: #404040; + font-size: 1em; + font-weight: 400; + + padding-left: 0px; + padding-right: 6px; +} + +.extended_dest_group +{ + overflow: hidden; + + box-sizing: border-box; + -moz-box-sizing: border-box; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + height: 20px; + line-height: 17px; + border-top: 1px solid #ffffff; + color: #404040; + padding-left: 0px; + padding-right: 6px; + font-size: 0.9em; +} + +.extended_dest_group input[type="checkbox"] +{ + margin-top: -2px; + margin-left: 18px; + margin-right: 5px; +} + +@-moz-document url-prefix() { + .extended_dest_group input[type="checkbox"] + { + margin-top: 0x; + } +} + +.extended_dest_resource_color +{ + width: 12px; + height: 24px; + margin-top: 0px; + margin-right: 6px; + float: left; +} + +.extended_dest_group_color +{ + width: 12px; + height: 19px; + margin-top: 0px; + float: left; +} + +#photoArrow +{ + position: absolute; + top: 184px; + left: 74px; + display: none; + height: 0px; + width: 0px; + padding: 0px; + height: 9px; + width: 16px; + background: url(../images/popupArrow.svg) no-repeat center; +/* border: 8px solid #585858; + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent;*/ + z-index: 103; +} + +#photoBox +{ + position: absolute; + top: 192px; + left: 0; + display: none; + width: 300px; + background-color: #f0f0f0; + color: #404040; + border: 1px solid #c0c0c0; + z-index: 102; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#photoBox h1 +{ + margin: 0; + font-size: 1em; + text-align: center; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#photoBoxContent +{ + padding: 10px; +} + +#photoURL +{ + width: 218px; +} + +#photoURL.invalid +{ + padding-right: 22px; + width: 196px; +} + +#photoBoxButton +{ + top: -1px; + margin-left: 6px; + width: 50px; +} + +@-moz-document url-prefix() { + #photoBoxButton + { + top: 0px; + } +} + +/* XXX - For the next version +#SystemCalDavZAP, #SystemCalDavTODO +{ + display: block; + visibility: hidden; +}*/ + +#SystemCalDavZAP th, #SystemCalDavTODO th +{ + position: relative; /* required by placeholder plugin (used for IE) */ + font-weight: 400; +} + +.resourcesCalDAV_h +{ + position: absolute; + padding-left: 8px; + padding-top: 3px; + font-size: 1.1em; + font-weight: 500; +} + +.resourcesCalDAV_d +{ + position: absolute; + top: 0px; + left: 0px; + right: 0px; + border-right: 1px solid; + border-right-color: #c0c0c0; + width: 224px; + height: 24px; + background: #2d2d2d; + color: #eeeeee; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#ResourceCalDAVList, #ResourceCalDAVTODOList +{ + position: absolute; + display: block; + top: 24px; + bottom: 0px; + left: 0px; + width: 224px; + overflow: auto; + overflow-x: hidden; + background: #ffffff; + border-top: 1px solid #c0c0c0; + cursor:default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#ResourceCalDAVListOverlay +{ + position: absolute; + top: 24px; + left: 0px; + bottom: 0px; + border-right: 1px solid; + border-right-color: #c0c0c0; + width: 224px; + background: #ffffff; + display: none; + z-index: 10; +} + +.resourceCalDAV_header, .resourceCalDAVTODO_header +{ + position: relative !important; + display: block; + overflow: hidden; + left: 0px; + top: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; + bottom: auto; + height: 20px; + line-height: 17px; + background-color: #ffffff; + color: #404040; + cursor: default; + padding-left: 6px; + padding-right: 6px; + font-size: 0.9em; + font-weight: 500; + text-overflow: ellipsis; + white-space: nowrap; + border-top: 1px solid; + border-top-color: #ffffff; + border-bottom: 1px solid; + border-bottom-color: #ffffff; +} + +.resourceCalDAV_item, .resourceCalDAVTODO_item +{ + position: relative; + display: block; + overflow: hidden; + + left: 0px; + top: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + width: 100%; +} + +body +{ + overflow: hidden; +} + +#timezoneSelectDiv, #timezoneTodoSelectDiv +{ + position: absolute; + top: 0px; + left: 69px; +} + +#timezoneWrapper select, #timezoneWrapperTODO select +{ + background: #f0f0f0 url(../images/select_black.svg) no-repeat center right; + color: #404040; +} + +@-moz-document url-prefix() { + #timezoneWrapper select, #timezoneWrapperTODO select + { + background: transparent url(../images/select_bg_black.svg) repeat-x; + + /* FF outline hack */ + color: rgba(64, 64, 64, 0); + text-shadow: 0 0 0 #404040; + } + + #timezoneWrapper select option + { + color: #404040; + background-color: #f0f0f0 !important; + } + +} + +#CalendarLoader, #CalendarLoaderTODO +{ + position: absolute; + top: 0px; + left: 225px; + right: 0px; + bottom: 0px; + overflow: visible; + background: #ffffff; + display: none; + opacity: 0.8; + z-index: 99; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#CAEvent .saveLoader +{ + top:1px; + left:1px; + position: absolute; + height: 100%; + width: 100%; + background: #ffffff; + display: none; + opacity: 0.95; + z-index: 101; +} + +#todoLoader .saveLoader +{ + position: absolute; + width: 100%; + height: 50%; + background: #ffffff; + display: block; + opacity: 0.95; + z-index: 101; +} + +.saveLoaderInfo +{ + position: absolute; + width: 100%; + top: 60%; + vertical-align: bottom; + text-align: center; + padding: 0px; + font-weight: 500; + z-index: 102; +} + +#todoLoader .saveLoaderInfo +{ + top: 70%; +} + +h1 +{ + font-weight: 400; + background-color: #f0f0f0; + color: #404040; + font-size: 1.1em; + padding: 3px 0px 0px 6px; + height: 21px; + line-height: 19px; + border-bottom: 1px solid #c0c0c0; +} + +h3 +{ + color: #2d2d2d; + font-size: 1em; + padding: 15px; +} + +.headers +{ + top: 0px; + position: absolute; + font-weight: 400; + background-color: #f0f0f0; + color: #404040; + font-size: 1em; + height: 24px; + z-index: 25; + border-bottom: 1px solid #c0c0c0; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +/* +.headers span[data-type=calendars_txt], .resourceCalDAVTODO_text +{ + float: left; + margin-top: 3px; +} +*/ + +.headers span[data-type=resourcesCalDAV_txt], .headers span[data-type=todo_txt], .headers span[data-type=resourceCalDAV_subscribe_text] +{ + float: left; + margin-top: 2px; + margin-left: 6px; + width: 190px; + font-size: 1.1em; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +#ResourceCalDAVToggle, #ResourceCalDAVTODOToggle +{ + float: left; + padding-top: 4px; + padding-left: 7px; + cursor: pointer; +} + +#showUnloadedCalendars, #showUnloadedCalendarsTODO +{ + float:right; + padding-top: 4px; + padding-right: 6px; + cursor: pointer; +} + +#eventFormShower, #eventFormShowerTODO +{ + float: right; + height: 16px; + width: 17px; + padding: 4px 6px; + cursor: pointer; +} + +#searchFormShowerDiv +{ + cursor: pointer; + float: right; + height: 15px; + margin-right: 10px; +} + +#resourceCalDAV_h, #resourceCalDAVTODO_h +{ + left: 0px; + height: 49px; + width: 224px; + border-bottom: none; +} + +#todoForm_h +{ + right: 0; + width: 413px; +} + +#todoForm +{ + position: absolute; + top: 25px; + right: 0; + bottom: 0; + width: 410px; + overflow: auto; + overflow-x: hidden; + background-color: #f0f0f0; +} + +#todoLoader +{ + position: absolute; + display: none; + top: 25px; + right: 0; + bottom: 0; + width: 413px; + z-index: 101; + background-color: #fff; +} + +#main_h +{ + left: 224px; + right: 0px; + border-left: 1px solid #c0c0c0; +} + +#main_h_TODO +{ + left: 224px; + right: 413px; + border-left: 1px solid #c0c0c0; + border-right: 1px solid #c0c0c0; +/* border-bottom: 1px solid #FFFFFF;*/ +} + +#main_h_placeholder, #mainTODO_h_placeholder +{ + left: 95px; + right: 90px; + position: absolute; + overflow: hidden; + padding-right: 5px; +} + +#mainTODO_h_placeholder +{ + left: 95px; + right: 50px; +} + +#timezoneWrapper, #timezoneWrapperTODO +{ + position: absolute; + padding-left: 6px; + left: 0px; + bottom: 0px; + height: 19px; + width: 218px; + background: #f0f0f0; + border-top: 1px solid #c0c0c0; + color: #404040; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#timezoneWrapper label, #timezoneWrapperTODO label +{ + position: relative; + display: inline-block; + top: 1px; + min-width: 60px; + max-width: 60px; + overflow: hidden; + +} + +#timezonePicker, #timezonePickerTODO +{ + width: 155px; + background-color: #2d2d2d; + color: #FFFFFF; +} + +#ResourceCalDAVList, #ResourceCalDAVTODOList +{ + z-index: 25; +} + +#searchForm +{ + position: absolute; + top: 24px; + left: 224px; + right: 0px; + height:100px; + background: #ffffff; + border-left: 1px solid; + border-right: 1px solid; + border-color: #c0c0c0; + overflow: hidden; + + z-index: 25; + height: 24px; + border-top: 1px solid; + border-top-color: #c0c0c0; + border-bottom: 1px solid; + border-bottom-color: #c0c0c0; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#searchFormTODO +{ + position: absolute; + top: 24px; + left: 224px; + right: 413px; + height: 24px; + background: #ffffff; + border-left: 1px solid; + border-right: 1px solid; + border-color: #c0c0c0; + overflow: hidden; + + z-index: 25; + border-top: 1px solid; + border-top-color: #c0c0c0; + border-bottom: 1px solid; + border-bottom-color: #c0c0c0; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +.searchContainer +{ + position: absolute; + display: inline-block; + left: 29px; + right: 29px; +} + +.searchContainer input +{ + width: 100%; + background-color: #FFFFFF; + padding-left: 4px; +} + +#main, #mainTODO +{ + position: absolute; + top: 50px; + left: 224px; + bottom: 0; + padding: 0px 7px; + background: #ffffff; + border-left: 1px solid; + border-right: 1px solid; + border-color: #c0c0c0; + overflow-x: hidden; + overflow-y: auto; + z-index: 26; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#main +{ + right: 0; +} +#mainTODO +{ + right: 413px; +} + +#calendar, #todoList +{ + display: inline-block; + width: 100%; + min-width: 1px; +} + +#calendar +{ + padding: 5px 0px; +} + +#todoList +{ + padding: 7px 0px; + /* Safari Scrollbar fix */ + margin-bottom: -4px; +} + +#alertBox +{ + position: fixed; + top: 20%; + left: 50%; + visibility: hidden; + width: 450px; + background: white; + border: 1px solid #c0c0c0; + z-index: 102; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#repeatConfirmBox +{ + width: 100%; + position: absolute; + text-align: center; + visibility: hidden; + background: white; + border: 1px solid #c0c0c0; + z-index: 100; +} + +#repeatConfirmBoxTODO +{ + position: absolute; + width: 100%; + text-align: center; + visibility: hidden; + background-color: #f0f0f0; + z-index: 100; +} + +#EventDisabler +{ + position: fixed; + width: 100%; + height: 100%; + background-color: #f9f9f9; + opacity: 0.7; + filter: alpha(opacity=70); + z-index: 99; + top: 0px; + left: 0px; + display: none; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#TodoDisabler +{ + position: fixed; + background-color: #f9f9f9; + opacity: 0.7; + filter: alpha(opacity=70); + z-index: 99; + top: 0; + bottom: 0; + left: 0; + right: 414px; + display: none; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#AlertDisabler +{ + position: fixed; + width: 100%; + height: 100%; + background-color: #f9f9f9; + opacity: 0.7; + filter: alpha(opacity=70); + z-index: 101; + top: 0px; + left: 0px; + display: none; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +.resourceCalDAVColor +{ + width: 12px; + height: 24px; + margin-top: 0px; + margin-right: 6px; + float: left; +} + +.colorPicker +{ + display: none; +} + +.addRemoveAll +{ + cursor: pointer; + margin-top: 7px !important; + margin-left: 5px !important; + display: none; +} + +.resourceCalDAV_item, .resourceCalDAVTODO_item +{ + position: relative; + display: block; + overflow: hidden; + + left: 0px; + top: 0px; + box-sizing: border-box; + -moz-box-sizing: border-box; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; + height: 25px; + line-height: 23px; + border-top: 1px solid; + border-top-color: #ffffff; +/* + border-bottom: 1px solid; + border-bottom-color: #f0f0f0; +*/ + color: #404040; + cursor: default; + font-size: 1em; + font-weight: 400; + + padding-left: 0px; + padding-right: 6px; +} + +#ResourceCalDAVList .resourceCalDAV_item:hover, #ResourceCalDAVTODOList .resourceCalDAVTODO_item:hover +{ + cursor: pointer; + color: #404040 !important; + background-color: #e7e7e7 !important; + border-top: 1px solid !important; +/* + border-top-color: #c0c0c0 !important; + border-bottom: 1px solid !important; + border-bottom-color: #c0c0c0 !important; +*/ + border-top-color: #ffffff !important; +} + +#ResourceCalDAVList .resourceCalDAV_item.resourceCalDAV_item_selected, #ResourceCalDAVTODOList .resourceCalDAVTODO_item.resourceCalDAV_item_selected +{ + color: #ffffff !important; + background: #585858 !important; + border-top: 1px solid !important; +/* + border-top-color: #585858 !important; + border-bottom: 1px solid !important; + border-bottom-color: #585858 !important; +*/ + border-top-color: #ffffff !important; +} + +#ResourceCalDAVList .resourceCalDAV_item_ro.resourceCalDAV_item, #ResourceCalDAVTODOList .resourceCalDAV_item_ro.resourceCalDAVTODO_item +{ + background-image: url(../images/read_only_b.svg); + background-repeat: no-repeat !important; + background-position: 95% center !important; + padding-right: 32px !important; +} + +#ResourceCalDAVList .resourceCalDAV_item_ro.resourceCalDAV_item:hover, #ResourceCalDAVTODOList .resourceCalDAV_item_ro.resourceCalDAVTODO_item:hover +{ + background-image: url(../images/read_only_b.svg) !important; +} + +#ResourceCalDAVList .resourceCalDAV_item_ro.resourceCalDAV_item.resourceCalDAV_item_selected, #ResourceCalDAVTODOList .resourceCalDAV_item_ro.resourceCalDAVTODO_item.resourceCalDAV_item_selected +{ + background-image: url(../images/read_only_w.svg) !important; +} + +#ResourceCalDAVList .r_operate.resourceCalDAV_item, #ResourceCalDAVTODOList .r_operate.resourceCalDAVTODO_item +{ + background-image: url(../images/loadinfo_s1.gif); + background-repeat: no-repeat !important; + background-position: 97% center !important; + padding-right: 32px !important; +} + +#ResourceCalDAVList .r_operate.resourceCalDAV_item:hover, #ResourceCalDAVTODOList .r_operate.resourceCalDAVTODO_item:hover +{ + background-image: url(../images/loadinfo_s2.gif) !important; +} + +#ResourceCalDAVList .r_operate.resourceCalDAV_item.resourceCalDAV_item_selected, #ResourceCalDAVTODOList .r_operate.resourceCalDAVTODO_item.resourceCalDAV_item_selected +{ + background-image: url(../images/loadinfo_s3.gif) !important; +} + +#ResourceCalDAVList .r_error.resourceCalDAV_item, #ResourceCalDAVTODOList .r_error.resourceCalDAVTODO_item +{ + background-image: url(../images/error_b.svg); + background-repeat: no-repeat !important; + background-position: 97% center !important; + padding-right: 32px !important; +} + +#ResourceCalDAVList .r_error.resourceCalDAV_item:hover, #ResourceCalDAVTODOList .r_error.resourceCalDAVTODO_item:hover +{ + background-image: url(../images/error_b.svg) !important; +} + +#ResourceCalDAVList .r_error.resourceCalDAV_item.resourceCalDAV_item_selected, #ResourceCalDAVTODOList .r_error.resourceCalDAVTODO_item.resourceCalDAV_item_selected +{ + background-image: url(../images/error_w.svg) !important; +} + +#ResourceCalDAVList .resourceCalDAV_header.load_mode, #ResourceCalDAVTODOList .resourceCalDAVTODO_header.load_mode, +#ResourceCalDAVList .resourceCalDAV_item.load_mode, #ResourceCalDAVTODOList .resourceCalDAVTODO_item.load_mode, +#ResourceCalDAVList .resourceCalDAV_item.load_mode:hover, #ResourceCalDAVTODOList .resourceCalDAVTODO_item.load_mode:hover +{ + padding-right: 24px !important; + background-image: none !important; +} + +.resourceCalDAV_header.unloaded, .resourceCalDAV_item.unloaded, .resourceCalDAVTODO_header.unloaded, .resourceCalDAVTODO_item.unloaded +{ + color: rgba(64, 64, 64, 0.4) !important; +} + +.resourceCalDAV_item.unloaded .resourceCalDAVColor, .resourceCalDAVTODO_item.unloaded .resourceCalDAVColor +{ + opacity: 0.4; +} + +.resourceCalDAV_item input[type="checkbox"], .resourceCalDAVTODO_item input[type="checkbox"] +{ + margin-top: -2px; + margin-right: 5px; +} + +/* FF checkbox hack */ +@-moz-document url-prefix() +{ + .resourceCalDAV_item input[type="checkbox"], .resourceCalDAVTODO_item input[type="checkbox"] + { + margin-top: 0px; + } +} + +.todoTextFirst +{ + padding-left: 5px; +} + +.todoText +{ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +#CATodo, #CAEvent +{ + position: absolute; + cursor:default; + + user-select: none; + -webkit-user-select:none; + -moz-user-select: -moz-none; +} + +#event_details_template, #todo_details_template +{ + width: 413px; + position: absolute; + display: none; + background-color: #f0f0f0; + overflow-x: hidden; + overflow-y: auto; + border: 1px solid #c0c0c0; + z-index: 100; +} + +#todo_details_template +{ + width: 410px; +} + +#todo_details_template +{ + z-index: 26; +} + +#eventColor +{ + width: 3px; + float: left; + background-color: #f0f0f0; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#eventDetailsContainer +{ + position: relative; + left: 3px; +} + +#todoColor +{ + position: absolute; + display: block; + top: 24px; + bottom: 0; + right: 410px; + width: 3px; + background-color: #f0f0f0; + border-top: 1px solid #f0f0f0; + border-bottom: 1px solid #f0f0f0; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#event_details_template h1, #todo_details_template h1 +{ + -webkit-border-top-left-radius: 4px; + -moz-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-top-right-radius: 4px; + border-top-right-radius: 4px; + text-align: center; + display: none; + background-color: transparent; + margin: 4px 0px 0px 0px; +} + +#TodoInMessage, #EventInMessage +{ + position: relative; + display: block; + height: 0px; + overflow: hidden; + z-index: 102; + background: #f0f0f0; + border-bottom: 1px solid; + border-bottom-color: #c0c0c0; +} + +#TodoInMessageText, #EventInMessageText +{ + position: absolute; + padding: 7px; + text-align: center; + vertical-align: bottom; + width: 100%; + font-weight: 500; +} + +#eventDetailsTable, #todoDetailsTable +{ + margin: 6px 4px 6px 6px; + text-align: left; + /*-2px from margin-right to offset td 2px in padding-left*/ +} + +#event_details_template textarea.header, #todo_details_template textarea.header +{ + position: relative; + font-size: 1.1em; + font-weight: 500; + width: 393px; + margin-bottom: 10px; + height: 40px; +} + +@-moz-document url-prefix() +{ + #event_details_template textarea.header, #todo_details_template textarea.header + { + width: 395px; + } +} + +#event_details_template textarea.header.leftspace, #todo_details_template textarea.header.leftspace +{ + left: 20px; + width: 373px; +} + +#event_details_template textarea.header.rightspace, #todo_details_template textarea.header.rightspace +{ + width: 373px; +} + +@-moz-document url-prefix() +{ + #event_details_template textarea.header.leftspace, #todo_details_template textarea.header.leftspace, #event_details_template textarea.header.rightspace, #todo_details_template textarea.header.rightspace + { + width: 375px; + } +} + +#event_details_template textarea.header.leftspace.rightspace, #todo_details_template textarea.header.leftspace.rightspace +{ + width: 353px; +} + +@-moz-document url-prefix() +{ + #event_details_template textarea.header.leftspace.rightspace, #todo_details_template textarea.header.leftspace.rightspace + { + width: 355px; + } +} + +.formNav +{ + display: none; + position: absolute; + height: 42px; + width: 18px; + border: 1px solid #c0c0c0; + font-size: 1.1em; + font-weight: 400; + background-color: #ffffff; + cursor: pointer; +} + +@-moz-document url-prefix() +{ + .formNav + { + height: 38px; + } +} + +.formNav:hover +{ + background-color: #f0f0f0; +} + +.formNav.prev +{ + top: 0px; + left: 0px; + text-align: right; +} + +.formNav.prev img +{ + padding-top: 14px; + padding-right: 3px; +} + +@-moz-document url-prefix() +{ + .formNav.prev img + { + padding-top: 12px; + } +} + +.formNav.next +{ + top: 0px; + right: 2px; + text-align: left; +} + +.formNav.next img +{ + padding-top: 14px; + padding-left: 3px; +} + +@-moz-document url-prefix() +{ + .formNav.next img + { + padding-top: 12px; + } +} + +.formNav.top +{ + top: 0px; + height: 21px; + border-bottom: none; +} + +.formNav.top img +{ + padding-top: 3px; +} + +@-moz-document url-prefix() +{ + .formNav.top + { + height: 19px; + } + .formNav.top img + { + padding-top: 2px; + } +} + +.formNav.bottom +{ + top: 22px; + height: 21px; + border-top: none; +} + +.formNav.bottom img +{ + padding-top: 4px; +} + +@-moz-document url-prefix() +{ + .formNav.bottom + { + top: 20px; + height: 19px; + } + .formNav.bottom img + { + padding-top: 3px; + } +} + +#event_details_template .headerContainer, #todo_details_template .headerContainer +{ + padding: 0px 2px 0px 0px; + /*2px to offset td padding in the rest of the form*/ + /*maybe add 2px to th as well?*/ +} + +#eventDetailsTable .label, #todoDetailsTable .label +{ + width: 98px; + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.label.repeat label +{ + padding-left: 15px; +} + +.long +{ + width: 298px; +} + +textarea.long +{ + width: 293px; +} + +@-moz-document url-prefix() +{ + textarea.long + { + width: 295px; + } +} + +input.long[type="text"] +{ + width: 296px; +} + +.small +{ + width: 148px; +} + +input.small[type="text"] +{ + width: 146px; +} + +input.verySmall +{ + width: 73px; +} + +input.verySmall[type="text"] +{ + width: 71px; +} + +#event_details_template input[type="checkbox"], #todo_details_template input[type="checkbox"] +{ + width: 15px; + margin-top: 1px; + margin-left: -1px; +} + +#event_details_template input[type="button"], #todo_details_template input[type="button"], #event_details_template input[type="submit"], #todo_details_template input[type="submit"] +{ + width: 23%; + margin: 5px 2px 0px 0px; + float: left; +} + +.customTable +{ + width: 100%; +} + +.customTable td +{ + position: static; + background-color: #FFFFFF; + border-right: 2px solid #F0F0F0; + border-bottom: 2px solid #F0F0F0; + vertical-align: middle; + text-align: center; + cursor: pointer; +} + +.customTable td.lastCol +{ + border-right: 0px; +} + +.customTableWeek td, .customTableMonth td +{ + width: 39px; +} + +.customTableWeek td.firstCol, .customTableMonth td.firstCol +{ + width: 38px; +} + +.customTableYear td +{ + width: 68px; + height: 30px; +} + +.customTable td.disabled +{ + cursor: default; + background-color: #ffffff; +} + +.customTable td.selected +{ + color: #FFFFFF; + background-color: #585858; +} + +button.ui-datepicker-current +{ + width: 40%; + margin: 5px 1px 5px 1px; + float: left; +} + +button.ui-datepicker-close +{ + width: 40%; + margin: 5px 1px 5px 1px; + float: right; +} + +.invalidWrapper +{ + width: 0px; + height: 0px; +} + +img[data-type="invalidSmall"] +{ + vertical-align: top; + margin-top: -18px; + margin-left: 128px; +} + +img[data-type="invalidVerySmall"] +{ + vertical-align: top; + margin-top: 1px; + margin-left: -30px; +} + +#alertBox h1, #repeatConfirmBox h1 +{ + margin: 0; + -webkit-border-top-left-radius: 2px; + -moz-border-top-left-radius: 2px; + border-top-left-radius: 2px; + -webkit-border-top-right-radius: 2px; + -moz-border-top-right-radius: 2px; + border-top-right-radius: 2px; +} + +#alertBoxContent +{ + width: 100%; +} + +#repeatConfirmBoxContent, #repeatConfirmBoxQuestion, #repeatConfirmBoxContentTODO, #repeatConfirmBoxQuestionTODO +{ + width: 100%; + height: 50px; +} + +#repeatConfirmBoxContent, #repeatConfirmBoxContentTODO +{ + width: 400px; + padding-top: 20px; + padding-left: 5px; + word-wrap: break-word; +} + +#alertBox input +{ + float: right; + margin: 7px; + padding: 1px 5px 1px 5px; +} +#repeatConfirmBox input, #repeatConfirmBoxTODO input +{ + margin: 2px; + padding: 1px 4px 1px 4px; + width: 250px; +} + +#repeatConfirmBox input[data-type="closeRepeat"], #repeatConfirmBoxTODO input[data-type="closeRepeat"] +{ + margin-top: 6px; + margin-bottom: 6px; +} + +.alert_item +{ + left: 0px; + top: 0px; + width: 446px; + cursor: default; + position: relative; + display: block; + padding: 2px 2px 0px 2px; + border-bottom: 1px solid #c0c0c0; + font-weight: 400; + font-size: 1em; +} + +.alert_item label +{ + vertical-align: top; +} + +.alert_item img +{ + margin-left: 5px; + margin-right: 5px; +} + +.fc-header td +{ + padding: 5px !important; + padding-top: 3px !important; +} + +.fc-header td span +{ + height: 16px !important; +} + +.fc-today.fc-widget-header, .fc-today.fc-list-header td +{ + background-color: #585858 !important; + color: #ffffff !important; +} + +.fc-day-text, .fc-week-number +{ + float: left; + position: relative; + display: inline-block; + text-align: right; + padding-left: 5px; + font-weight: 400; +} + +.fc-week-number +{ + width: 16px; + line-height: 17px; + padding: 0px 3px 0px 2px; + color: #ffffff; + background-color: #c0c0c0; + font-size: 1em; + /*-moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; */ +} + +/* +.fc-agenda-axis.fc-widget-header +{ + border-top: 1px solid #c0c0c0; +} +*/ + +.fc-agenda-axis .fc-week-number +{ + margin-left: -4px; + padding-top: 2px; + line-height: 15px; + font-size: 1em; +} + +.fc-today .fc-day-text +{ + text-transform: capitalize; +} + +.fc-day-number +{ + position: relative; + display: inline-block; + text-align: right; + padding-right: 3px !important; +} + +.fc-today .fc-day-header +{ + width: 100%; + float: left; + height: 17px; + line-height: 17px; + + background-color: #585858; + font-weight: 400; + color: #ffffff; +} + +.fc-today .fc-day-header .fc-week-number +{ + background-color: #c0c0c0; + color: #ffffff; +} + +.fc-today .fc-day-header div +{ + opacity: 1 !important; +} + +.fc-button-content +{ + height: 20px !important; + line-height: 16px !important; +} + +.fc-header-title h2 +{ + font-size: 1.3em; + font-weight: 300; + margin-top: 2px !important; + + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.fc-header-space +{ + display: inline-block; + width: 10px; +} + +.fc-header-center.r_operate_all +{ + background-image: url("../images/loadinfo_s4.gif") !important; + background-position: 97% 15% !important; + background-repeat: no-repeat !important; +} + +.fc-header-center.r_error_all +{ + background-image: url(../images/error_b.svg) !important; + background-position: 97% 15% !important; + background-repeat: no-repeat !important; +} + +#SystemCalDavZAP input[data-type="delete"], #SystemCalDavTODO input[data-type="delete"] +{ + margin: 5px 0px 0px 2px; + float: right !important; +} + +.fc-event +{ + opacity: 1; /* replaced by rgba() */ +} + +.fc-event-skin +{ + border-color: #FFFFFF; + background-color: #2d2d2d; + color: white; +} + +.searchCalDAV_hide, .checkCalDAV_hide +{ + opacity: 0.2; +} + +.fc-view.fc-view-table .searchCalDAV_hide, .fc-view.fc-view-table .checkCalDAV_hide, +.fc-view.fc-view-todo .searchCalDAV_hide, .fc-view.fc-view-todo .checkCalDAV_hide +{ + display: none; +} + +.fc-state-default .fc-button-effect span +{ + background: none !important; +} + +.fc-state-default .fc-button-effect +{ + top: 0px !important; +} + +.fc-state-default, .fc-state-default .fc-button-inner +{ + border-color: #c0c0c0 !important; +} + +.fc-state-default, .fc-state-default .fc-button-inner +{ + background: none repeat scroll 0 0 #ffffff !important; +} + +.fc-state-hover, .fc-state-hover .fc-button-inner +{ + background: none repeat scroll 0 0 #e7e7e7 !important; +} + +.fc-state-active, .fc-state-active .fc-button-inner +{ + background: none repeat scroll 0 0 #585858 !important; +} + +.ui-datepicker-simple +{ + z-index: 100 !important; +} + +.ui-datepicker-simple .ui-datepicker-title +{ + margin: -1px 24px !important; +} + +.ui-autocomplete-caldav +{ + z-index: 100; +} + +#CATodo, #todo_details_template +{ + display: block; + border: none; + width: 100%; + height: 100%; +} + +#CATodo +{ + display: none; +} + +.title_cancelled +{ + text-decoration: line-through; +} + +#CalDavZAPPopup +{ + display: none; + position: absolute; + max-width: 413px; + border: 1px solid #c0c0c0; + background: #f0f0f0; + z-index: 30; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +#CalDavZAPPopupColor +{ + float: left; + width: 3px; +} + +#CalDavZAPPopupTable +{ + float: left; + margin: 6px 4px 6px 6px; + text-align: left; +} + +#CalDavZAPPopupTable .header +{ + max-width: 398px; + font-size: 1.1em; + font-weight: 500; +} + +#CalDavZAPPopupTable .label +{ + display: block; + width: 98px; + font-size: 0.95em; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#CalDavZAPPopupTable .value +{ + max-width: 298px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +#CalDavZAPPopupTable .multiline +{ + white-space: normal; + word-wrap: break-word; +} diff --git a/radicale_infcloud/web/css/default_ie.css b/radicale_infcloud/web/css/default_ie.css new file mode 100644 index 0000000..41dbb3a --- /dev/null +++ b/radicale_infcloud/web/css/default_ie.css @@ -0,0 +1,81 @@ +/* +InfCloud - the open source CalDAV/CardDAV Web Client +Copyright (C) 2011-2015 + Jan Mate <jan.mate@inf-it.com> + Andrej Lezo <andrej.lezo@inf-it.com> + Matej Mihalik <matej.mihalik@inf-it.com> + +This program is free software: you can redistribute it and/or modify +it under the terms of the GNU Affero General Public License as +published by the Free Software Foundation, either version 3 of the +License, or (at your option) any later version. + +This program is distributed in the hope that it will be useful, +but WITHOUT ANY WARRANTY; without even the implied warranty of +MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +GNU Affero General Public License for more details. + +You should have received a copy of the GNU Affero General Public License +along with this program. If not, see <http://www.gnu.org/licenses/>. +*/ + +select +{ + padding-top: 1px; + padding-left: 0px; + padding-right: 0px; +} + +select[disabled] +{ + padding-left: 0px; + padding-right: 0px !important; +} + +input[type=text], input[type=password] +{ + padding-left: 3px; /* it resizes the input size :( */ +} + +input[type=text].fs, input[type=password].fs +{ + width: 389px; +} + +input[type=text].ms, input[type=password].ms +{ + width: 253px; +} + +input[type=text].hs, input[type=password].hs +{ + width: 192px; +} + +input[type=button] +{ + padding-top: 2px; +} + +input[data-type="system_username"], input[data-type="system_password"] +{ + min-width: 328px !important; + max-width: 328px !important; +} + +textarea +{ + padding-top: 3px; +} + +/* IE placeholder */ +label.placeholder { + font-size: inherit; + cursor: text; + padding: 2px 0px 0px 3px; + color: #e0e0e0; +} + +#tags_addTag *> label.placeholder { + padding-left: 1px; +} diff --git a/radicale_infcloud/web/css/default_integration.css b/radicale_infcloud/web/css/default_integration.css new file mode 100644 index 0000000..35aa3c5 --- /dev/null +++ b/radicale_infcloud/web/css/default_integration.css @@ -0,0 +1,180 @@ +.integration_d +{ + position: absolute; + display: none; + overflow: hidden; + top: 0; + bottom: 0; + left: 0; + width: 49px; + background: #f0f0f0; + color: #FFFFFF; + border-right: 1px solid #c0c0c0; + z-index: 26; + padding-top: 3px; + cursor: default; + + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.integration_d div +{ + display: none; + height: 36px; + width: 36px; + padding: 7px 7px; + cursor: pointer; +} + +.integration_d .intBlank +{ + cursor: default; +} + +#intCaldav +{ + background: url(../images/banner_calendar.svg) no-repeat center; +} + +#intCaldavTodo +{ + background: url(../images/banner_todo.svg) no-repeat center; +} + +#intCarddav +{ + background: url(../images/banner_addressbook.svg) no-repeat center; +} + +#intProjects +{ + background: url(../images/banner_projects.svg) no-repeat center; +} + +#intReports +{ + background: url(../images/banner_reports.svg) no-repeat center; +} + +#intSettings +{ + background: url(../images/banner_settings.svg) no-repeat center; +} + +#intRefresh +{ + background: url(../images/banner_refresh.svg) no-repeat center; +} + +#intLogout +{ + background: url(../images/banner_logout.svg) no-repeat center; +} + +.int_error +{ + display: none; + margin: 28px 0px 0px 28px; +} + +#resourceCalDAV_h, #resourceCalDAVTODO_h, #ResourceCalDAVList, #ResourceCalDAVTODOList, #timezoneWrapper, #timezoneWrapperTODO +{ + left: 50px; +} + +#main, #main_h, #searchForm, #mainTODO, #main_h_TODO, #searchFormTODO +{ + left: 274px; +} + +#MainLoader, #EventDisabler, #TodoDisabler, #AlertDisabler, #ProjectsDisabler +{ + left: 50px; +} + +#CalendarLoader, #CalendarLoaderTODO +{ + left: 275px; +} + +.resourcesCardDAV_d, #ResourceCardDAVList, #ResourceCardDAVListOverlay +{ + left: 50px; +} + +.collection_d, #SearchBox, #ABList, #ABListOverlay, #AddressbookOverlay +{ + left: 275px; +} + +/*.contact_d, #ABContactColor, #ABContactOverlay, #ABMessage +{ + left: 526px; +} + +#ABContact +{ + left: 529px; +}*/ + +.filters_d, .statistics_d, #FilterList, #ProjectsData, #SystemProjectsLock, #SystemReportsLock, #ProjectListDisabler +{ + left: 50px; +} + +.projects_d, #ProjectList, #SearchBoxProject, #ProjectListOverlay +{ + left: 375px; +} + +.project_d, #ProjectForm, #ProjectFormLoader, #ProjectEventsContainer, #ActivityListDisabler, #ProjectFormMessage +{ + left: 626px; +} + +.resourcesReports_d, #ResourceReportsList +{ + left: 50px; +} + +.resourcesSettings_d, #ResourceSettingsList +{ + left: 50px; +} + +#ResourceReportsListOverlay +{ + left: 50px; +} + +.report_filters_d, #ReportFilterList +{ + left: 275px; +} + +.reports_d, #ReportsColor, #ReportsFormOverlay +{ + left: 600px; +} + +#ReportsForm +{ + left: 603px; +} + +#ResourceSettingsListOverlay +{ + left: 50px; +} + +.settings_d, #SettingsColor, #SettingsFormOverlay +{ + left: 275px; +} + +#SettingsForm +{ + left: 278px; +} diff --git a/radicale_infcloud/web/css/fullcalendar.css b/radicale_infcloud/web/css/fullcalendar.css new file mode 100644 index 0000000..de14fbd --- /dev/null +++ b/radicale_infcloud/web/css/fullcalendar.css @@ -0,0 +1,1464 @@ +/* + * FullCalendar v1.5.4 Stylesheet + * + * Copyright (c) 2011 Adam Shaw + * Dual licensed under the MIT and GPL licenses, located in + * MIT-LICENSE.txt and GPL-LICENSE.txt respectively. + * + * Date: Tue Sep 4 23:38:33 2012 -0700 + * + */ + + +.fc { + direction: ltr; + text-align: left; + } + +.fc table { + border-collapse: collapse; + border-spacing: 0; + } + +html .fc, +.fc table { + font-size: 0.95em; + } + +.fc td, +.fc th { + padding: 0; + vertical-align: top; + } + + + +/* Header +------------------------------------------------------------------------*/ + +.fc-header td { + white-space: nowrap; + } + +.fc-header-left { + text-align: left; + } + +.fc-header-center { + width: 100%; + text-align: center; + } + +.fc-header-right { + text-align: right; + } + +.fc-header-title { + display: inline-block; + vertical-align: top; + margin-top: -2px; + } + +.fc-header-title h2 { + margin-top: 0; + white-space: nowrap; + } + +.fc .fc-header-space { + padding-left: 10px; + } + +.fc-header .fc-button { + margin-bottom: 1em; + vertical-align: top; + } + +/* buttons edges butting together */ + +.fc-header .fc-button { + margin-right: -1px; + } + +.fc-header .fc-corner-right { + margin-right: 1px; /* back to normal */ + } + +.fc-header .ui-corner-right { + margin-right: 0; /* back to normal */ + } + +/* button layering (for border precedence) */ + +.fc-header .fc-state-hover, +.fc-header .ui-state-hover { + z-index: 2; + } + +.fc-header .fc-state-down { + z-index: 3; + } + +.fc-header .fc-state-active, +.fc-header .ui-state-active { + z-index: 4; + } + + + +/* Content +------------------------------------------------------------------------*/ + +.fc-content { + clear: both; + } + +.fc-view { + width: 100%; /* needed for view switching (when view is absolute) */ + overflow: hidden; + } + +.fc-week-table { + font-weight: 500; + text-align: center; + vertical-align: middle; +} + + + +/* Cell Styles +------------------------------------------------------------------------*/ + +.fc-widget-header { /* <td>, usually */ + border-bottom: 1px solid #c0c0c0; +/* border-right: 1px solid transparent;*/ + } +.fc-widget-content { /* <td>, usually */ + border-top: 1px solid #c0c0c0; + border-right: 1px solid transparent; + } +.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */ + background: #fafadd; + } +.fc-source-bg { + background-color: #fff4f4; +} +.fc-widget-content.fc-weekend-day, .fc-widget-content tr.fc-weekend-day { + background: #f7f7f7; +} +.fc-source-bg.fc-state-highlight { + background: #fdf7e9; +} +.fc-widget-content.fc-state-highlight.fc-weekend-day, .fc-widget-content tr.fc-state-highlight.fc-weekend-day { + background: #f9f9ea; +} +.fc-widget-content.fc-source-bg.fc-weekend-day, .fc-widget-content tr.fc-source-bg.fc-weekend-day { + background: #fbf6f6; +} +.fc-widget-content.fc-state-highlight.fc-source-bg.fc-weekend-day, .fc-widget-content tr.fc-state-highlight.fc-source-bg.fc-weekend-day { + background: #faf7f0; +} +.fc-cell-overlay { /* semi-transparent rectangle while dragging */ + background: #b2d9ff; + opacity: .2; + filter: alpha(opacity=20); /* for IE */ + } + + +/* Buttons +------------------------------------------------------------------------*/ + +.fc-button { + position: relative; + display: inline-block; + cursor: pointer; + } + +.fc-state-default { /* non-theme */ + border-style: solid; + border-width: 1px 0; + } + +.fc-button-inner { + position: relative; + float: left; + overflow: hidden; + } + +.fc-state-default .fc-button-inner { /* non-theme */ + border-style: solid; + border-width: 0 1px; + } + +.fc-button-content { + position: relative; + float: left; + height: 1.9em; + line-height: 1.9em; + padding: 0 12px; + min-width: 12px; + white-space: nowrap; + } + +.fc-button-content .fc-icon-wrap { + position: relative; + float: left; + top: 50%; + } + +.fc-button-content img { + padding-top: 1px; +} + +/* gloss effect */ + +.fc-state-default .fc-button-effect { + position: absolute; + top: 50%; + left: 0; + } + +.fc-state-default .fc-button-effect span { + position: absolute; + top: -100px; + left: 0; + width: 500px; + height: 100px; + border-width: 100px 0 0 1px; + border-style: solid; + border-color: #fff; + background: #444; + opacity: .09; + filter: alpha(opacity=9); + } + +/* button states (determines colors) */ + +.fc-state-default, +.fc-state-default .fc-button-inner { + border-style: solid; + border-color: #ccc #bbb #aaa; + background: #F3F3F3; + color: #404040; + } + +.fc-state-hover, +.fc-state-hover .fc-button-inner { + border-color: #999; + } + +.fc-state-down, +.fc-state-down .fc-button-inner { + border-color: #555; + background: #777; + } + +.fc-state-active, +.fc-state-active .fc-button-inner { + border-color: #555; + background: #777; + color: #fff; + } + +.fc-state-disabled, +.fc-state-disabled .fc-button-inner { + color: #999; + border-color: #ddd; + } + +.fc-state-disabled { + cursor: default; + } + +.fc-state-disabled .fc-button-effect { + display: none; + } + + + +/* Global Event Styles +------------------------------------------------------------------------*/ + +.fc-event { + border-style: solid; + border-width: 0; + font-size: .95em; + cursor: default; + } + +a.fc-event, +.fc-event-draggable { + cursor: pointer; + } + +a.fc-event { + text-decoration: none; + } + +.fc-rtl .fc-event { + text-align: right; + } + +.fc-event-skin { + border-color: #F0F0F0; /* default BORDER color */ + background-color: #F0F0F0; /* default BACKGROUND color */ + color: #404040; /* default TEXT color */ + } + +.fc-event-inner { + position: relative; + float: left; + width: 100%; + height: 100%; + border-style: solid; + border-width: 0; + overflow: hidden; + background-color: transparent !important; /* overit! ... priesvistnost all day veci */ + } + +.fc-event-time, +.fc-event-title { + padding: 0 1px; + } + +.fc-event-title-strict { + overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; + } + +.fc-event-tentative { + border-style: dashed; + border-color: #fff !important; + opacity: 0.9; + + background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent); + + -webkit-background-size: 20px 20px; + -moz-background-size: 20px 20px; + background-size: 20px 20px; +} + +.fc-event-tentative .fc-event-inner { + border-style: dashed; +} + +.fc-event-skin.fc-event-cancelled +{ + border-style: dashed; + border-color: #fff !important; + opacity: 0.9; +} + +.fc-event-skin.fc-event-cancelled .fc-event-inner { + border-style: dashed; + text-decoration: line-through; +} + +.fc-event-row.fc-event-cancelled { + text-decoration: line-through; +} + +.fc .ui-resizable-handle { /*** TODO: don't use ui-resizable anymore, change class ***/ + display: block; + position: absolute; + z-index: 99999; + overflow: hidden; /* hacky spaces (IE6/7) */ + font-size: 300%; /* */ + line-height: 50%; /* */ + } + +/* Horizontal Events +------------------------------------------------------------------------*/ + +.fc-event-hori { + border-width: 1px 1px; /* overit! ... priesvistnost all day veci (bolo 1px 0) */ + margin-bottom: 1px; + } + +/* resizable */ + +.fc-event-hori .ui-resizable-e { + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; + } + +.fc-event-hori .ui-resizable-w { + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; + } + +.fc-event-hori .ui-resizable-handle { + _padding-bottom: 14px; /* IE6 had 0 height */ + } + + + +/* Fake Rounded Corners (for buttons and events) +------------------------------------------------------------*/ + +.fc-corner-left { + /*margin-left: 1px;*/ + -webkit-border-top-left-radius: 3px; + -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; +} + +.fc-corner-left .fc-event-inner { + margin-left: 2px; +} + +.fc-corner-left.fc-button { + border-left-width: 1px; +} + +.fc-corner-left .fc-button-inner { + margin-left: 1px; + border-left-width: 0px; +} + +.fc-corner-right { + /*margin-right: 1px;*/ + -webkit-border-top-right-radius: 3px; + -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; +} + +.fc-corner-right .fc-event-inner { +} + +.fc-corner-right.fc-button { + border-right-width: 1px; +} + +.fc-corner-right .fc-button-inner { + margin-right: 1px; + border-right-width: 0px; +} + +.fc-corner-top { + margin-top: 1px; + } + +.fc-corner-top .fc-event-inner { + margin-top: -1px; + } + +.fc-corner-bottom { + margin-bottom: 1px; + } + +.fc-corner-bottom .fc-event-inner { + margin-bottom: -1px; + } + + + +/* Fake Rounded Corners SPECIFICALLY FOR EVENTS +-----------------------------------------------------------------*/ + +.fc-corner-left .fc-event-inner { + border-left-width: 0px; /* overit! ... priesvistnost all day veci (bolo 1) */ + } + +.fc-corner-right .fc-event-inner { + border-right-width: 0px; /* overit! ... priesvistnost all day veci (bolo 1) */ + } + +.fc-corner-top .fc-event-inner { + border-top-width: 1px; + } + +.fc-corner-bottom .fc-event-inner { + border-bottom-width: 1px; + } + + + +/* Reusable Separate-border Table +------------------------------------------------------------*/ + +table.fc-border-separate { + border-collapse: separate; + } + +#todoList table.fc-border-separate { + margin-top: -1px; +} + +.fc-border-separate th, +.fc-border-separate td { + border-width: 1px 0 0 1px; + } + +.fc-border-separate th.fc-last, +.fc-border-separate td.fc-last { + border-right-width: 1px; + } + +.fc-border-separate tr.fc-last th, +.fc-border-separate tr.fc-last td { + border-bottom-width: 1px; + } + +.fc-border-separate tbody tr.fc-first td, +.fc-border-separate tbody tr.fc-first th { + border-top-width: 0; + } + + + +/* Month View, Basic Week View, Basic Day View +------------------------------------------------------------------------*/ + +.fc-grid th { + text-align: center; + } + +.fc-grid .fc-day-number { + float: right; + padding: 0 2px; + line-height: 17px; + } + +.fc-grid .fc-other-month .fc-day-number, .fc-grid .fc-other-month .fc-day-text { + opacity: 0.33; + filter: alpha(opacity=33); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ + } + +.fc-grid .fc-day-content { + clear: both; + padding: 2px 2px 1px; /* distance between events and day edges */ + } + +/* event styles */ + +.fc-grid .fc-event-time { + font-weight: 500; + font-size: 0.94em; + line-height: 13px; /* event height problem if time is shown */ +} + +/* right-to-left */ + +.fc-rtl .fc-grid .fc-day-number { + float: left; + } + +.fc-rtl .fc-grid .fc-event-time { + float: right; + } + + + +/* Agenda Week View, Agenda Day View +------------------------------------------------------------------------*/ + +.fc-agenda table { + border-collapse: separate; + } + +.fc-agenda-days th { + text-align: center; + line-height: 17px; +} + +.fc-agenda .fc-agenda-axis { + width: 60px; + padding: 0 4px; + vertical-align: middle; + text-align: right; + white-space: nowrap; + font-weight: 400; + font-size: 1em; + } + +.fc-agenda-allday .fc-widget-header.fc-agenda-axis { + text-align: center; + } + +.fc-agenda .fc-day-content { + padding: 2px 2px 1px; + } + +/* make axis border take precedence */ + +.fc-agenda-days tbody .fc-agenda-axis.fc-widget-header.fc-first { + border-bottom-color: transparent; + } + +.fc-agenda-days .fc-agenda-axis { + border-right-width: 1px; + } + +.fc-agenda-days .fc-col0 { + border-left-width: 0; + } + +/* all-day area */ + +.fc-agenda-allday { + top: 0px; + position: absolute; +} + +.fc-agenda-allday th { + border-width: 0 1px; + } + +.fc-agenda-allday .fc-day-content { + min-height: 34px; /* TODO: doesnt work well in quirksmode */ + _height: 34px; + } + +/* divider (between all-day and slots) */ + +.fc-agenda-divider-inner { + height: 2px; + overflow: hidden; + } + +.fc-widget-header .fc-agenda-divider-inner { + background: #eee; + } + +/* slot rows */ + +.fc-agenda-slots th { + border-width: 1px 1px 0; + } + +.fc-agenda-slots td { + height: 20px !important; + border-width: 1px 0 0; + background: none; + } + +.fc-agenda-slots td div { + height: 20px !important; + } + +.fc-agenda-slots tr.fc-slot0 th, +.fc-agenda-slots tr.fc-slot0 td { + border-top-width: 0; + } + +.fc-agenda-slots .fc-widget-header +{ + border-top: 1px solid #c0c0c0; + padding-top: 1px; +} + +.fc-agenda-slots tr.fc-minor th, +.fc-agenda-slots tr.fc-minor td { + border-top-style: dotted; + } + +.fc-agenda-slots tr.fc-minor th.ui-widget-header { + *border-top-style: solid; /* doesn't work with background in IE6/7 */ + } + +.fc-non-business-hours { + /*background-color: #cccccc; + opacity:0.3;*/ + background-color: rgba(204,204,204,0.3); +} + +.fc-slot-jumper-top +{ + position: absolute; + height: 16px; + width: 16px; + background: url(../images/jumper_top_w.svg) no-repeat center; + z-index: 10; + cursor: pointer; + + -webkit-border--radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.fc-slot-jumper-top:hover +{ + background: url(../images/jumper_top_b.svg) no-repeat center; +} + +.fc-slot-jumper-bottom +{ + position: absolute; + height: 16px; + width: 16px; + background: url(../images/jumper_bottom_w.svg) no-repeat center; + z-index: 10; + cursor: pointer; + + -webkit-border--radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.fc-slot-jumper-bottom:hover +{ + background: url(../images/jumper_bottom_b.svg) no-repeat center; +} + +/* Vertical Events +------------------------------------------------------------------------*/ + +.fc-event-vert { + border-width: 0 1px; + } + +.fc-event-vert .fc-event-head, +.fc-event-vert .fc-event-content { + position: relative; + z-index: 2; + width: 100%; + overflow: hidden; + } + +.fc-event-vert .fc-event-time { + white-space: nowrap; + font-size: 10px; + } + +.fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #fff; + opacity: .4; + filter: alpha(opacity=40); + } + +.fc-event-hori .fc-event-bg { + opacity: .2; + filter: alpha(opacity=20); +} + + +.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ +.fc-select-helper .fc-event-bg { + display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ + } + +/* resizable */ + +.fc-event-vert .ui-resizable-s { + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + overflow: hidden !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; + } + +.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ + _overflow: hidden; + } + +.fc-timeline { + position: absolute; + width: 100%; + left: 0; + margin: 0; + padding: 0; + border: none; + border-top: 2px solid #585858; + z-index: 2; +} + +.fc-timeline-arrow { + position: absolute; + left: 0; + width: 6px; + height: 12px; + background-image: url('../images/resource_arrow_right.svg'); + z-index: 2; +} + +/* List view (by bruederli@kolabsys.com) +------------------------------------------------------------------------*/ + +.fc-view-list, +.fc-view-table, +.fc-view-todo { + top: 0px; + width: auto; +} + +.fc-view-trans .fc-table-dateinfo, +.fc-view-trans .fc-table-datepicker { + opacity: 0.5; +} + +.fc-view-table { + padding-left: 8px; +} + +.fc-list-content { + float: left; + position: relative; + border: 1px solid #ccc; +} + +.fc-view-list .fc-list-header, +.fc-view-table td.fc-list-header, +.fc-view-todo td.fc-list-header { + background-color:#F0F0F0; + color: #404040; + font-size: 1em; + padding: 0px 10px; + height: 18px; + line-height: 18px; +} + +.fc-view-table .fc-first td.fc-list-header, +.fc-view-todo .fc-first td.fc-list-header { + border-top-width: 0; +} + +.fc-list-header td +{ + height: 16px; +} + +.fc-list-section td +{ + height: 14px; +} + +.fc-list-section { + padding: 4px 2px; + border-width: 0; + border-bottom-width: 1px; +} + +.fc-view-list .fc-last, +.fc-view-table .fc-last, +.fc-view-todo .fc-last { + border-bottom-width: 0; +} + +.fc-list-section .fc-event { + position: relative; + margin: 1px 2px 3px 2px; +} + +.fc-view-table tr.fc-event td, +.fc-view-todo tr.fc-event td { + font-size: 1.2em; + height: 15px !important; + line-height: 15px !important; + padding: 2px; + background-clip: padding-box; +} + +.fc-view-table tr.fc-event td { + border-top: 1px solid transparent !important; +} + +.fc-view-todo tr.fc-event td { + border-top: 1px solid #ffffff !important; +} + +.fc-view-table tr.fc-event.fc-last td/*, +.fc-view-todo tr.fc-event.fc-last td*/ { + border-bottom: 1px solid transparent !important; + background-clip: padding-box; +} + +.fc-view-table td.fc-list-header.fc-widget-header, +.fc-view-todo td.fc-list-header.fc-widget-header { + border: none; +/* border-top: 1px solid #fff; XXX*/ +} + +.fc-view-table .fc-list-section.fc-widget-content:last-child .fc-event-row.fc-last:last-child td, +.fc-view-todo .fc-list-section.fc-widget-content:last-child .fc-event-row.fc-last:last-child td { + border-bottom-width: 0; +} + +.fc-view-table tr.fc-event td.fc-event-handle, +.fc-view-todo tr.fc-event td.fc-event-handle { + height: 100%; + width: 6px; + padding: 0px; + border-color: #F0F0F0; /* default BORDER color */ + background-color: #F0F0F0; /* default BACKGROUND color */ +} + +.fc-view-table table, +.fc-view-todo table { + table-layout: fixed; + width: 100%; +} + +.fc-view-table col.fc-event-handle, +.fc-view-todo col.fc-event-handle { + width: 6px; +} + +.fc-event-handle .fc-event-inner { + border-color: inherit; + background-color: inherit; +} + +.fc-view-table col.fc-event-date, +.fc-view-todo col.fc-event-date { + width: 7em; +} + +.fc-view-table .fc-list-day col.fc-event-date, +.fc-view-todo .fc-list-day col.fc-event-date { + width: 1px; +} + +.fc-view-table col.fc-event-time { + width: 23em; +} + +.fc-view-table td.fc-event-date, +.fc-view-table td.fc-event-time, +.fc-view-todo td.fc-event-date, +.fc-view-todo td.fc-event-time { + white-space: nowrap; + padding-right: 1em; +} + +.fc-view-table td.fc-event-title, +.fc-view-todo td.fc-event-title, +.fc-view-todo td.fc-event-time, +.fc-view-todo td.fc-event-location { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.fc-view-todo col.fc-event-check { + width: 22px; +} + +.fc-event-check { + text-align: left; +} + +.fc-event-check input[type="checkbox"] +{ + margin-top: -4px; + margin-right: 0; + margin-bottom: -2px !important; + margin-left: 4px; +} + +.fc-view-todo col.fc-event-priority { + width: 18px; +} + +.fc-view-todo col.fc-event-time { + width: 142px; +} + +.fc-view-todo col.fc-event-location { + width: 150px; +} + +.fc-event-title { + padding: 2px 4px !important; +} + +.fc-view-todo col.fc-event-status { + width: 24px; +} + +.fc-view-todo col.fc-event-percent { + width: 40px; +} + +.fc-view-todo td.fc-event-percent { + text-align: right; + padding-right: 4px !important; +} + +.fc-view-todo col.fc-hidden-empty, +.fc-view-todo col.fc-hidden-width { + width: 0; +} + +.fc-view-table .fc-table-dateinfo, +.fc-view-todo .fc-table-dateinfo { + float: left; + text-align: left; + padding-left: 10px; + padding-bottom: 1px; /* check on FF */ + margin-top: -8px; /* check on FF */ +} + +.fc-view-table .fc-table-datepicker, +.fc-view-todo .fc-table-datepicker { + float: right; + text-align: right; + padding-right: 10px; + padding-bottom: 1px; /* check on FF */ + margin-top: -8px; /* check on FF */ +} + +.fc-table-datepicker .ui-widget-content { + display: inline-block !important; + border-width: 0px; +} + +.fc-view-table .fc-table-datepicker-no-default .ui-state-active, +.fc-view-todo .fc-table-datepicker-no-default .ui-state-active { + border: 1px solid #c0c0c0; + background: #ffffff; + font-weight: 400; + color: #404040; +} + +.fc-view-table .fc-table-dateinfo-number, +.fc-view-todo .fc-table-dateinfo-number { + position: relative; + display: inline-block; + color: #c0c0c0; + font-weight: 300; + margin-top: -5px; +} + +.fc-view-table .fc-table-dateinfo-number div, +.fc-view-todo .fc-table-dateinfo-number div { + position: absolute; + padding-bottom: 15px; + bottom: 0px; +} + +.fc-view-table .fc-table-dateinfo-text, +.fc-view-todo .fc-table-dateinfo-text { + color: #c0c0c0; + line-height: 0.9em; + font-size: 1.5em; + font-weight: 300; +} + +.fc-filter { + float: left; +} + +.fc-filter-table-header { + font-weight: 500 !important; + height: 20px !important; + border: 1px dashed #c0c0c0 !important; + vertical-align: middle !important; + text-align: center; + cursor: default; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.fc-filter-table-footer { + font-size: 0.9em; + height: 20px !important; + border-top: 1px solid #c0c0c0 !important; + vertical-align: middle !important; + text-align: center; + cursor: default; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; +} + +.fc-filter-option { + height: 20px !important; + background-color: #ffffff; + border: 1px solid #c0c0c0 !important; + vertical-align: middle !important; + text-align: center; + cursor: pointer; +} + +.fc-filter-option:hover { + background-color: #e7e7e7; +} + +/* +.fc-filter-option.fc-filter-option-last { + border-right: 0px !important; +} +*/ + +.fc-filter-option.fc-filter-option-selected { + color: #ffffff; + background-color: #585858; +} + +.fc-filter-hide { + display: none; +} + +.fc-view-table .fc-month-nav, +.fc-view-todo .fc-month-nav { + color: #ffffff !important; + background: #585858 !important; + text-align: center; + cursor: pointer; +} + +/* +.fc-view-table .fc-month-nav.fc-month-prev, +.fc-view-todo .fc-month-nav.fc-month-prev { + border-bottom: 1px solid #c0c0c0 !important; +} + +.fc-view-table .fc-month-nav.fc-month-next, +.fc-view-todo .fc-month-nav.fc-month-next { + border-top: 1px solid #c0c0c0 !important; +} + +.fc-view-table .fc-month-nav:hover, +.fc-view-todo .fc-month-nav:hover { + background: #e7e7e7 !important; +} +*/ + +.fc-table-datepicker .ui-datepicker { + width: 225px; +} + +.fc-table-datepicker .ui-datepicker-title { + height: 20px; + margin: 0 0 0 24px; +} + +.fc-table-datepicker .ui-datepicker-title span { + margin-top: 0; + vertical-align: middle; +} + +.fc-view-table .fc-table-datepicker .ui-datepicker-header { + display: none; +} + +.fc-view-todo .fc-table-datepicker .ui-datepicker-header { + color: #404040; + background: none; + font-size: 0.95em; +} + +.fc-view-todo .fc-table-datepicker-current .ui-datepicker-title { + color: #ffffff; + background-color: #585858; +} + +.fc-view-todo .fc-table-datepicker .ui-datepicker-prev, +.fc-view-todo .fc-table-datepicker .ui-datepicker-next { + display: none; +} + +.fc-table-datepicker .ui-datepicker-week-col { + text-align: center; + vertical-align: middle; + font-size: 0.8em; +} + +.fc-table-datepicker .ui-datepicker th { + display: table-cell; + text-align: center; + border: 0; + padding: 1px; +} + +.fc-table-datepicker .ui-datepicker td span, +.fc-table-datepicker .ui-datepicker td a { + width: 20px; + line-height: 17px; +} + +.fc-table-datepicker tbody tr { + height: 23px; +} + +/* +.fc-table-datepicker .ui-datepicker-today a { + font-weight: 400; + color: #404040; + background: #c0c0c0; + border: 1px solid #c0c0c0; +} + +.fc-table-datepicker .ui-datepicker-today .ui-state-active { + border: 1px solid #585858; + background: #585858; + color: #ffffff; +} +*/ + +.fc-event-img { + float: left; + height: 15px; + width: 15px; + padding-right: 2px; +} + +.fc-event-urgent { + color: #9E2F36; +} + +.fc-event-pastdue { + color: #E30613; +} + +.fc-event.fc-event-row:hover +{ + color: #404040; + background-color: #e7e7e7; + cursor: pointer; +} + +.fc-event.fc-event-row.fc-event-urgent:hover +{ + color: #9E2F36; + background-color: #fedee0; + cursor: pointer; +} + +.fc-event.fc-event-row.fc-event-pastdue:hover +{ + color: #e30613; + background-color: #fedee0; + cursor: pointer; +} + +.fc-event.fc-event-row.fc-event-selected +{ + color: #eeeeee; + background-color: #585858 !important; +} + +.fc-event.fc-event-row.fc-event-selected.fc-event-urgent +{ + color: #ffffff; + background-color: #9E2F36 !important; +} + +.fc-event.fc-event-row.fc-event-selected.fc-event-pastdue +{ + color: #ffffff; + background-color: #e30613 !important; +} + +.fc-event-priority-3 { + background-image: url(../images/priority-1.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-priority-2 { + background-image: url(../images/priority-2.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-priority-1 { + background-image: url(../images/priority-3.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-urgent .fc-event-priority-3 { + background-image: url(../images/priority-1-dr.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-urgent .fc-event-priority-2 { + background-image: url(../images/priority-2-dr.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-urgent .fc-event-priority-1 { + background-image: url(../images/priority-3-dr.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-pastdue .fc-event-priority-3 { + background-image: url(../images/priority-1-r.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-pastdue .fc-event-priority-2 { + background-image: url(../images/priority-2-r.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-pastdue .fc-event-priority-1 { + background-image: url(../images/priority-3-r.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected .fc-event-priority-3 { + background-image: url(../images/priority-1-w.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected .fc-event-priority-2 { + background-image: url(../images/priority-2-w.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected .fc-event-priority-1 { + background-image: url(../images/priority-3-w.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-filterAction .fc-event-status { + background-image: url(../images/needs_action_b.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-filterProgress .fc-event-status { + background-image: url(../images/in_progress_b.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-filterCompleted .fc-event-status { + background-image: url(../images/success_b.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-filterCanceled .fc-event-status { + background-image: url(../images/reset_b.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-urgent.fc-event-filterAction .fc-event-status { + background-image: url(../images/needs_action_dr.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-urgent.fc-event-filterProgress .fc-event-status { + background-image: url(../images/in_progress_dr.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-urgent.fc-event-filterCompleted .fc-event-status { + background-image: url(../images/success_dr.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-urgent.fc-event-filterCanceled .fc-event-status { + background-image: url(../images/reset_dr.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-pastdue.fc-event-filterAction .fc-event-status { + background-image: url(../images/needs_action_r.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-pastdue.fc-event-filterProgress .fc-event-status { + background-image: url(../images/in_progress_r.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-pastdue.fc-event-filterCompleted .fc-event-status { + background-image: url(../images/success_r.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-pastdue.fc-event-filterCanceled .fc-event-status { + background-image: url(../images/reset_r.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-filterAction .fc-event-status { + background-image: url(../images/needs_action_w.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-filterProgress .fc-event-status { + background-image: url(../images/in_progress_w.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-filterCompleted .fc-event-status { + background-image: url(../images/success_w.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-filterCanceled .fc-event-status { + background-image: url(../images/reset_w.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-urgent.fc-event-filterCompleted .fc-event-status { + background-image: url(../images/success_drw.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-urgent.fc-event-filterCanceled .fc-event-status { + background-image: url(../images/reset_drw.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-pastdue.fc-event-filterCompleted .fc-event-status { + background-image: url(../images/success_rw.svg); + background-repeat: no-repeat; + background-position: center; +} + +.fc-event-selected.fc-event-pastdue.fc-event-filterCanceled .fc-event-status { + background-image: url(../images/reset_rw.svg); + background-repeat: no-repeat; + background-position: center; +} diff --git a/radicale_infcloud/web/css/jquery-ui.custom.css b/radicale_infcloud/web/css/jquery-ui.custom.css new file mode 100644 index 0000000..a0b2f47 --- /dev/null +++ b/radicale_infcloud/web/css/jquery-ui.custom.css @@ -0,0 +1,203 @@ +/* + * jQuery UI CSS Framework + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + */ + +/* Layout helpers +----------------------------------*/ +.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } +.ui-helper-clearfix:after { clear: both; } +.ui-helper-clearfix { zoom: 1; } +.ui-helper-hidden-accessible { display: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-disabled { cursor: default !important; } + +/* states and images */ +.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } + +/* + * jQuery UI CSS Framework + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Theming/API + * + * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px + */ + +/* Component containers +----------------------------------*/ +.ui-widget { font-family: inherit; font-size: 1em; } +.ui-widget-content { border: 1px solid #c0c0c0; background: #ffffff; color: #404040; } +.ui-widget-header { border: none; background: #f0f0f0; color: #404040; font-weight: 500; } + +/* Interaction states +----------------------------------*/ +.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c0c0c0; background: #ffffff; font-weight: 400; color: #404040; } +.ui-widget-content .ui-datepicker-week-end .ui-state-default {background: #f7f7f7;} +.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } +.ui-state-hover, .ui-widget-content .ui-datepicker-week-end .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e7e7e7; font-weight: 400; color: #404040; } +.ui-state-hover a, .ui-state-hover a:hover, .ui-widget-content .ui-datepicker-week-end .ui-state-hover a:hover { color: #212121; text-decoration: none;} +.ui-widget-content .ui-datepicker-today .ui-state-default {background: #c0c0c0; color: #404040;} +.ui-state-active, .ui-widget-content .ui-datepicker-week-end .ui-state-active, .ui-widget-content .ui-datepicker-today .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #585858; background: #585858; font-weight: 400; color: #ffffff; } +.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } +.ui-widget :active { outline: none; } + +/* Interaction Cues +----------------------------------*/ +.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec; color: #cd0a0a; } +.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; } +.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } +.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 500; } + +/* states and images */ +.ui-icon { width: 17px; height: 19px; } + +/* positioning */ +.ui-icon-circle-triangle-e { background-image: url(../images/dp_right.svg); } +.ui-icon-circle-triangle-w { background-image: url(../images/dp_left.svg); } + +/* + * jQuery UI Autocomplete + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Autocomplete#theming + */ +.ui-autocomplete { position: absolute; cursor: default; max-height: 80px; overflow-y: auto; overflow-x: hidden; padding-right: 20px;} + +/* workarounds */ +* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ + +/* + * jQuery UI Menu + * + * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Menu#theming + */ +.ui-menu { + list-style: none; + padding: 0px; + margin: 0; + display: block; + float: left; + border-color: #e0e0e0; +} +.ui-menu .ui-menu { + margin-top: -3px; +} +.ui-menu .ui-menu-item { + margin: 0; + padding: 0; + zoom: 1; + float: left; + clear: left; + width: 100%; + white-space: pre; +} +.ui-menu .ui-menu-item a { + text-decoration: none; + display: block; + padding: 2px 2px; + zoom: 1; + white-space: pre; +} +.ui-menu .ui-menu-item a.ui-state-hover, +.ui-menu .ui-menu-item a.ui-state-active { + font-weight: 400; + background: #f0f0f0; +} + +button.ui-datepicker-current +{ + width:40%; + margin:5px 1px 5px 1px; + float:left; +} +button.ui-datepicker-close +{ + width:40%; + margin:5px 1px 5px 1px; + float:right; +} + +/* + * jQuery UI Slider + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Slider#theming + */ +.ui-slider { position: relative; text-align: left; } +.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } +.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } + +.ui-slider-horizontal { height: .8em; } +.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } +.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } +.ui-slider-horizontal .ui-slider-range-min { left: 0; } +.ui-slider-horizontal .ui-slider-range-max { right: 0; } + +.ui-slider-vertical { width: .8em; height: 100px; } +.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } +.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } +.ui-slider-vertical .ui-slider-range-min { bottom: 0; } +.ui-slider-vertical .ui-slider-range-max { top: 0; } + +/* + * jQuery UI Datepicker + * + * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) + * Dual licensed under the MIT or GPL Version 2 licenses. + * http://jquery.org/license + * + * http://docs.jquery.com/UI/Datepicker#theming + */ + +.ui-datepicker { width: 184px; padding: 4px; z-index: 21; display: none; cursor:default; user-select: none; -webkit-user-select:none; -moz-user-select: -moz-none;} +.ui-datepicker .ui-datepicker-header { position:relative; height: 19px; padding: 2px 0px; margin: 2px 2px 1px 2px; } +.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 17px; height: 19px; } +.ui-datepicker .ui-datepicker-prev { left: 2px; } +.ui-datepicker .ui-datepicker-next { right: 2px; } +.ui-datepicker .ui-datepicker-title { margin: 0px 24px; text-align: center; white-space: nowrap;} +.ui-datepicker .ui-datepicker-title select { margin: 0px 0px; background-color: #ffffff; } +.ui-datepicker .ui-datepicker-title span { display: inline-block; margin-top: 3px; } +.ui-datepicker select.ui-datepicker-month-year {width: 100%;} +.ui-datepicker select.ui-datepicker-month { padding-bottom: 0px; width: 40px; max-height: 19px; line-height: 19px; margin-left: 2px; } +.ui-datepicker select.ui-datepicker-year { padding-bottom: 0px; width: 57px; max-height: 19px; line-height: 19px; } +.ui-datepicker table { font-size: 0.95em; border-collapse: collapse; margin: 3px 0px 1px 1px; } +.ui-datepicker th { display: none; } +.ui-datepicker td { border: 0; padding: 2px; } +.ui-datepicker td span, .ui-datepicker td a { display: block; width: 18px; padding: 1px 2px 1px 0px; text-align: right; text-decoration: none; overflow: hidden; } +.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border: 0; } +.ui-datepicker .ui-datepicker-buttonpane button { border: 1px solid #c0c0c0; background: #ffffff; font-weight: 400; color: #000000; padding: 0px;} +.ui-datepicker-calendar th {font-weight: 400;} + +/* RTL support */ +.ui-datepicker-rtl { direction: rtl; } +.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } +.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } +.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } +.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } +.ui-datepicker-rtl .ui-datepicker-group { float:right; } +.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0px; border-left-width:1px; } +.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0px; border-left-width:1px; } diff --git a/radicale_infcloud/web/css/jquery.tagsinput.css b/radicale_infcloud/web/css/jquery.tagsinput.css new file mode 100644 index 0000000..daad03c --- /dev/null +++ b/radicale_infcloud/web/css/jquery.tagsinput.css @@ -0,0 +1,14 @@ +div.tagsinput { border: none; background: #ffffff; padding: 1px; min-height: 24px; max-height: 66px; overflow-y: auto; } +div.tagsinput.readonly { border: none; background: #ffffff; padding: 1px; overflow-y: auto; } +div.tagsinput span.tag { border: 1px solid #585858; display: block; float: left; height: 19px; padding: 1px 2px 0px 2px; min-height: 17px; text-decoration:none; background: #585858; color: #ffffff; margin: 1px; white-space: pre; } +div.tagsinput span.tag span { line-height: 19px; bottom: 0px; } +div.tagsinput span.tag span, x:-moz-any-link, x:default { line-height: 17px; } +div.tagsinput span.tag a { font-weight: 400; color: #d0d0d0; text-decoration:none; padding-left: 4px; } +div.tagsinput.readonly span.tag { border: 1px solid #e0e0e0; background: #ffffff; color: #2d2d2d; } +div.tagsinput.readonly span.tag a { display: none; } +div[id$="_addTag"] { padding: 2px 0px 2px 3px;} /*div#tags_addTag { padding: 2px 0px 2px 3px;}*/ +div.tagsinput input { width:130px; margin: 0px; border: none; padding: 0px; background: transparent; color: #000; outline:0px; } +div.tagsinput div.input_container { width:130px; position: relative; } +div.tagsinput div { display:block; float: left; } +.tags_clear { clear: both; width: 100%; height: 0px; } +.not_valid { color: #90111a !important; } diff --git a/radicale_infcloud/web/css/spectrum.custom.css b/radicale_infcloud/web/css/spectrum.custom.css new file mode 100644 index 0000000..97a3d22 --- /dev/null +++ b/radicale_infcloud/web/css/spectrum.custom.css @@ -0,0 +1,553 @@ +/*** +Spectrum Colorpicker v1.2.0 +https://github.com/bgrins/spectrum +Author: Brian Grinstead +License: MIT +***/ + +.sp-container { + position:absolute; + top:0; + left:0; + display:inline-block; + *display: inline; + *zoom: 1; + /* https://github.com/bgrins/spectrum/issues/40 */ + z-index: 9999994; + overflow: hidden; + border-bottom: 1px solid #c0c0c0; +} + +.sp-container.sp-flat { + position: relative; +} + +.sp-arrow +{ + position: absolute; + top: 0; + left: 106px; + width: 12px; + height: 6px; + background-image: url('../images/resource_arrow_down.svg'); +} + +/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */ +.sp-top { + position:relative; + width: 100%; + display:inline-block; +} +.sp-top-inner { + position:absolute; + top:0; + left:0; + bottom:0; + right:0; +} +.sp-color { + position: absolute; + top:0; + left:0; + bottom:0; + right:20%; +} +.sp-hue { + position: absolute; + top:0; + right:0; + bottom:0; + left:84%; + height: 100%; +} + +.sp-clear-enabled .sp-hue { + top:33px; + height: 77.5%; +} + +.sp-fill { + padding-top: 80%; +} +.sp-sat, .sp-val { + position: absolute; + top:0; + left:0; + right:0; + bottom:0; +} + +.sp-alpha-enabled .sp-top { + margin-bottom: 18px; +} +.sp-alpha-enabled .sp-alpha { + display: block; +} +.sp-alpha-handle { + position:absolute; + top:-4px; + bottom: -4px; + width: 6px; + left: 50%; + cursor: pointer; + border: 1px solid black; + background: white; + opacity: .8; +} +.sp-alpha { + display: none; + position: absolute; + bottom: -14px; + right: 0; + left: 0; + height: 8px; +} +.sp-alpha-inner { + border: solid 1px #333; +} + +.sp-clear { + display: none; +} + +.sp-clear.sp-clear-display { + background-position: center; +} + +.sp-clear-enabled .sp-clear { + display: block; + position:absolute; + top:0px; + right:0; + bottom:0; + left:84%; + height: 28px; +} + +/* Don't allow text selection */ +.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { + cursor:default; + -webkit-user-select:none; + -moz-user-select: -moz-none; + -o-user-select:none; + user-select: none; +} + +.sp-container.sp-input-disabled .sp-input-container { + display: none; +} +.sp-container.sp-buttons-disabled .sp-button-container { + display: none; +} +.sp-palette-only .sp-picker-container { + display: none; +} +.sp-palette-disabled .sp-palette-container { + display: none; +} + +.sp-initial-disabled .sp-initial { + display: none; +} + + +/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */ +.sp-sat { + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))); + background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)); + background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); + background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); + background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)); + background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)"; + filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); +} +.sp-val { + background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))); + background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)); + background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); + background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); + background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)); + background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)"; + filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); +} + +.sp-hue { + background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); + background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000)); + background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); +} + +/* IE filters do not support multiple color stops. + Generate 6 divs, line them up, and do two color gradients for each. + Yes, really. + */ +.sp-1 { + height:17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); +} +.sp-2 { + height:16%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); +} +.sp-3 { + height:17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); +} +.sp-4 { + height:17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); +} +.sp-5 { + height:16%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); +} +.sp-6 { + height:17%; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); +} + +.sp-hidden { + display: none !important; +} + +/* Clearfix hack */ +.sp-cf:before, .sp-cf:after { content: ""; display: table; } +.sp-cf:after { clear: both; } +.sp-cf { *zoom: 1; } + +/* Mobile devices, make hue slider bigger so it is easier to slide */ +@media (max-device-width: 480px) { + .sp-color { right: 40%; } + .sp-hue { left: 63%; } + .sp-fill { padding-top: 60%; } +} +.sp-dragger { + border-radius: 5px; + height: 5px; + width: 5px; + border: 1px solid #fff; + background: #000; + cursor: pointer; + position:absolute; + top:0; + left: 0; +} +.sp-slider { + position: absolute; + top:0; + cursor:pointer; + height: 3px; + left: -1px; + right: -1px; + border: 1px solid #000; + background: white; + opacity: .8; +} + +/* +Theme authors: +Here are the basic themeable display options (colors, fonts, global widths). +See http://bgrins.github.io/spectrum/themes/ for instructions. +*/ + +.sp-container { + border-radius: 0; + background-color: #f0f0f0; + padding: 0; +} +.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear +{ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} + +.sp-top +{ + margin-bottom: 3px; +} + +.sp-color, .sp-hue, .sp-clear +{ + border: solid 1px #666; +} + +/* Input */ +/*.sp-input-container { + float:right; + width: 100px; + margin-bottom: 4px; +} +.sp-initial-disabled .sp-input-container { + width: 100%; +} +.sp-input { + font-size: 12px !important; + border: 1px inset; + padding: 4px 5px; + margin: 0; + width: 100%; + background:transparent; + border-radius: 3px; + color: #222; +} +.sp-input:focus { + border: 1px solid orange; +}*/ +.sp-input-container { + width: 100%; + margin-bottom: 4px; +} +.sp-input { + padding: 4px 5px; + margin: 0; + width: 100%; +} +/*.sp-input.sp-validation-error +{ + border: 1px solid red; + background: #fdd; +}*/ +.sp-picker-container , .sp-palette-container +{ + float:left; + position: relative; + padding: 10px; +} +.sp-picker-container +{ + width: 204px; + /*width: 172px;*/ +} + +/* Palettes */ +.sp-palette-container +{ + border-right: solid 1px #ccc; +} + +.sp-palette .sp-thumb-el { + display: block; + position:relative; + float:left; + width: 24px; + height: 15px; + margin: 3px; + cursor: pointer; + border:solid 2px transparent; +} +.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { + border-color: orange; +} +.sp-thumb-el +{ + position:relative; +} + +/* Initial */ +.sp-initial +{ + float: left; + border: solid 1px #333; +} +.sp-initial span { + width: 30px; + height: 25px; + border:none; + display:block; + float:left; + margin:0; +} + +.sp-initial .sp-clear-display { + background-position: center; +} + +/* Buttons */ +.sp-button-container { + width: 100%; +} + +/* Replacer (the little preview div that shows up instead of the <input>) */ +.sp-replacer { + margin:0; + overflow:hidden; + cursor:pointer; + padding: 4px; + /*display:inline-block;*/ + display: none; + *zoom: 1; + *display: inline; + border: solid 1px #91765d; + background: #eee; + color: #333; + vertical-align: middle; +} +.sp-replacer:hover, .sp-replacer.sp-active { + border-color: #F0C49B; + color: #111; +} +.sp-replacer.sp-disabled { + cursor:default; + border-color: silver; + color: silver; +} +.sp-dd { + padding: 2px 0; + height: 16px; + line-height: 16px; + float:left; + font-size:10px; +} +.sp-preview +{ + position:relative; + width:25px; + height: 20px; + border: solid 1px #222; + margin-right: 5px; + float:left; + z-index: 0; +} + +.sp-palette +{ + *width: 220px; + max-width: 220px; +} +.sp-palette .sp-thumb-el +{ + width:16px; + height: 16px; + margin:2px 1px; + border: solid 1px #d0d0d0; +} + +.sp-container +{ + padding-bottom:0; +} + + +/* Buttons: http://hellohappy.org/css3-buttons/ */ +/*.sp-container button { + background-color: #eeeeee; + background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc); + background-image: -moz-linear-gradient(top, #eeeeee, #cccccc); + background-image: -ms-linear-gradient(top, #eeeeee, #cccccc); + background-image: -o-linear-gradient(top, #eeeeee, #cccccc); + background-image: linear-gradient(to bottom, #eeeeee, #cccccc); + border: 1px solid #ccc; + border-bottom: 1px solid #bbb; + border-radius: 3px; + color: #333; + font-size: 14px; + line-height: 1; + padding: 5px 4px; + text-align: center; + text-shadow: 0 1px 0 #eee; + vertical-align: middle; +} +.sp-container button:hover { + background-color: #dddddd; + background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb); + background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb); + background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb); + background-image: -o-linear-gradient(top, #dddddd, #bbbbbb); + background-image: linear-gradient(to bottom, #dddddd, #bbbbbb); + border: 1px solid #bbb; + border-bottom: 1px solid #999; + cursor: pointer; + text-shadow: 0 1px 0 #ddd; +} +.sp-container button:active { + border: 1px solid #aaa; + border-bottom: 1px solid #888; + -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; + -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; + -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; + -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; + box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; +} +.sp-cancel +{ + font-size: 11px; + color: #d93f3f !important; + margin:0; + padding:2px; + margin-right: 5px; + vertical-align: middle; + text-decoration:none; + +} +.sp-cancel:hover +{ + color: #d93f3f !important; + text-decoration: underline; +}*/ + +.sp-container input[type=button] +{ + width: 40%; +} + +.sp-cancel +{ + float: right; +} + +.sp-palette span:hover, .sp-palette span.sp-thumb-active +{ + border-color: #000; +} + +.sp-preview, .sp-alpha, .sp-thumb-el +{ + position:relative; + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); +} +.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner +{ + display:block; + position:absolute; + top:0;left:0;bottom:0;right:0; +} + +.sp-palette .sp-thumb-inner +{ + background-position: 50% 50%; + background-repeat: no-repeat; +} + +.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner +{ + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); +} + +.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner +{ + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); +} + +.sp-clear-display { + background-repeat:no-repeat; + background-position: center; + background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); +} + +.sp-inverse.sp-container { + border-top: 1px solid #c0c0c0; + border-bottom: none; +} + +.sp-inverse .sp-arrow +{ + top: auto; + bottom: 0; + background-image: url('../images/resource_arrow_up.svg'); +} |