diff --git a/horde/mozilla.css b/horde/mozilla.css index b21a9c8..ae3b0dc 100644 --- a/horde/mozilla.css +++ b/horde/mozilla.css @@ -8,3 +8,12 @@ input[type="submit"], input[type="button"], input[type="reset"] { input.horde-cancel { /* padding: 3px 0; */ } + + +input:focus, textarea:focus, select:focus { + /* + krueger@b1-systems.de + disable mozilla outline + */ + outline: none; +} diff --git a/horde/screen.css b/horde/screen.css index 6cce963..9730e77 100644 --- a/horde/screen.css +++ b/horde/screen.css @@ -31,8 +31,21 @@ body, input, select, textarea, .inProgress { /* font-family: Arial,"DejaVu Sans",sans-serif; */ font-family: "Roboto", "Helvetica", "Arial", sans-serif; + + /* background-color: white; */ + +} + +/* +input, select, textarea { + font-size: 100%; + font-weight: normal; + border: 1px solid #d0d0d0; } +*/ + + body { font-size: 75%; @@ -335,11 +348,24 @@ small, .small { .horde-form td { padding-bottom: 5px; } + + .horde-form-buttons { padding: 10px; margin: 10px 0; - background-color: #ebeff0; + + /* + krueger@b1systems.de + correct border and background for button panel notices + + background-color: #ebeff0; + */ + background-color: #FFFFFF; + border: 1px solid rgba(0, 0, 0, 0.12); + border-radius: var(--corner-radius); + } + .horde-form .horde-form-buttons { padding-left: 15%; } @@ -357,17 +383,53 @@ small, .small { input, select, textarea { font-size: 100%; font-weight: normal; - background-color: #ebeff0; /* + krueger@b1systems.de + correct border and background for textarea + + background-color: #ebeff0; border: 1px solid #d0d0d0; */ + background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: var(--corner-radius); } + + + +input[type=text] { + + + + font: inherit; + letter-spacing: inherit; + color: currentColor; + box-sizing: content-box; + background: none; + height: 1.4375em; + margin: 0; + -webkit-tap-highlight-color: transparent; + display: block; + min-width: 0; + width: 100%; + padding: 16.5px 14px; + placeholder: Tags; + +/* + + -webkit-animation-name: mui-auto-fill-cancel; + animation-name: mui-auto-fill-cancel; + -webkit-animation-duration: 10ms; + animation-duration: 10ms; + +*/ + +} + input, select { min-height: 20px; } @@ -377,40 +439,35 @@ input, option { select { padding: 2px 0 0 2px; } + + input:focus, textarea:focus, select:focus { background-color: #fff; + /* + krueger@b1-systems.de + remove black border border-color: #000; + + */ + border: 1px solid #000; } + input[type="submit"], input[type="button"], input[type="reset"], a.horde-button, a.horde-default, a.horde-create, a.horde-delete { /* - background-image: url("graphics/button.png"); - background-repeat: repeat-x; - border: 1px solid #d0d0d0; - padding: 4px 13px; - color: #000; - cursor: pointer; - + krueger@b1-sysrtems.de + modify buttons */ - /* OVERWRITE DEFAUTL */ background-image: none !important; border: none; display: inline-block; - - padding: 10px 22px 5px 22px !important; - - - text-decoration: none; - background-color: var(--primary); - box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; - - - + text-decoration: none; + background-color: var(--primary); font-weight: 500; font-size: 0.9375rem; line-height: 1.75; @@ -419,74 +476,60 @@ a.horde-button, a.horde-default, a.horde-create, a.horde-delete { min-width: 64px; border-radius: 4px; margin: 24px 8px 16px; - - - - + box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - /* - + /* + display: inline-flex; + -moz-box-align: center; + align-items: center; + -moz-box-pack: center; + justify-content: center; + position: relative; + box-sizing: border-box; + outline: currentcolor none 0px; + border: 0px none; + cursor: pointer; + user-select: none; + vertical-align: middle; + appearance: none; + text-decoration: none; + font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-weight: 500; + font-size: 0.9375rem; + line-height: 1.75; + letter-spacing: 0.02857em; + text-transform: uppercase; + min-width: 64px; + padding: 8px 22px; + border-radius: 4px; + transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + color: rgb(255, 255, 255); + background-color: rgb(25, 118, 210); + box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; + width: 100%; + margin: 24px 8px 16px; + */ -.css-2mevot:hover { - text-decoration: none; - background-color: rgb(21, 101, 192); - box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; } - display: inline-flex; - -moz-box-align: center; - align-items: center; - -moz-box-pack: center; - justify-content: center; - position: relative; - box-sizing: border-box; - outline: currentcolor none 0px; - border: 0px none; - cursor: pointer; - user-select: none; - vertical-align: middle; - appearance: none; - text-decoration: none; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 500; - font-size: 0.9375rem; - line-height: 1.75; - letter-spacing: 0.02857em; - text-transform: uppercase; - min-width: 64px; - padding: 8px 22px; - border-radius: 4px; - transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: rgb(255, 255, 255); - background-color: rgb(25, 118, 210); - box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; - width: 100%; - margin: 24px 8px 16px; -*/ - - +input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, +a.horde-button:hover, a.horde-default:hover, a.horde-create:hover, a.horde-delete:hover { + /* + krueger@b1-systems.de + add hover for buttons + */ + text-decoration: none; + background-color: var(--primary-variant); + box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; } - - - - - - - - - - - - - a.horde-button, a.horde-default, a.horde-create, a.horde-delete, a.horde-cancel { display: inline-block; padding: 4px 13px; @@ -799,6 +842,12 @@ div.logintasks-item input { /* Main body. */ .horde-ajax { overflow: hidden; + /* + krueger@b1-systems.de + fix cut of top drown menus in webmail + + */ + min-height: 600px; } #horde-body { border-bottom: 1px solid #cfcfcf; @@ -806,11 +855,19 @@ div.logintasks-item input { position: relative; width: 100%; } + + .horde-ajax #horde-body { + position: absolute; - top: 56px; + top: 82px; bottom: 0; border-bottom-width: 0; + /* + krueger test + border: 1px solid red; + + */ } #horde-contentwrapper { float: left; @@ -1753,9 +1810,15 @@ a.horde-mainnavi:link, a.horde-mainnavi:visited, a.horde-mainnavi:active { .horde-point-center:hover, .horde-navipoint:hover { background-image: none; - background-color: var(--primary-variant); + background-color: var(--primary); } +.horde-point-center:hover > a { + color: var(--secondary) +} + + + .horde-dropdown ul { background-image: none; background-color: var(--primary); @@ -1785,9 +1848,10 @@ a.horde-mainnavi-active:active { } horde-point-center:hover, a.horde-mainnavi:hover, a.horde-mainnavi-active:link, a.horde-mainnavi-active:visited, a.horde-mainnavi-active:active { - color: var(--on-primary) + color: var(--on-primary); } + .horde-dropdown { float: left; list-style: none; @@ -1824,10 +1888,15 @@ horde-point-center:hover, a.horde-mainnavi:hover, a.horde-mainnavi-active:link, background-repeat: no-repeat; background-position: center right; } + +/* + krueger@b1-systems.de + correct position in top drop down menus +*/ .horde-dropdown li ul { position: absolute; display: none; - top: 34px; + top: 60px; margin-left: -20px; border: 1px solid var(--on-primary); background-color: var(--primary-variant); @@ -1840,20 +1909,39 @@ horde-point-center:hover, a.horde-mainnavi:hover, a.horde-mainnavi-active:link, margin-left: 100%; top: 24px; } + +/* + krueger@b1-systems.de + avoid collapse of drop down menus +*/ + +.horde-dropdown > li:hover { + overflow: hidden; + height: 50px; + +} + .horde-dropdown li:hover ul, .horde-dropdown li.over ul { display: block; } + .horde-dropdown li:hover ul ul, .horde-dropdown li.over ul ul { display: none; } .horde-dropdown ul li:hover ul, .horde-dropdown ul li.over ul { display: block; } + +/* + krueger@b1-systems.de + correct paddings of drop down menu points +*/ .horde-drowdown-str { - height: 19px; - padding: 5px 15px 0px 0px; - margin: 0 0 0 10px; + height: 19px; + padding: 5px 30px 10px 15px; + margin: 0 0 0 10px; } + .horde-drowdown-str:hover a { color: var(--on-primary); } @@ -1866,44 +1954,85 @@ horde-point-center:hover, a.horde-mainnavi:hover, a.horde-mainnavi-active:link, background-image: none; } +/* + kruger@b1-systems.de + correct logo position +*/ + #horde-logo { float: left; width: 88px; height: 34px; background-image: url("graphics/logo.png") !important; - position:absolute; + position: absolute; + left:50px; background-repeat: no-repeat; + + + } #horde-version { float: left; height: 16px; - margin-top: 10px; - margin-left: 8px; + margin-top: 15px; + margin-left: 55px; padding: 18px 10px 0px 0px; font-style: normal; color: var(--on-primary); text-shadow: none !important; } + + + #horde-navigation { float: left; font-size: 110%; color: #fff; - font-weight: bold; + font-weight: normal; text-decoration: none; cursor: default; padding-top: 10px; - padding-left: 140px; + + /* + kruger@b1-systems.de + correct navigation position + padding-left: 140px; + + + */ + + padding-left: 40px; text-shadow: none; z-index: 99; position: relative; + + } .horde-navipoint { float: left; } + +/* + krueger@b1-systems.de + correct top menu hover effects +*/ + .horde-navipoint:hover .horde-point-center a { - color: var(--on-primary); + color: var(--secondary); + background-color: var(--primary); } + +.horde-navipoint:hover .horde-point-center a { + color: var(--secondary); + background-color: var(--primary); +} + +.horde-navipoint:hover .horde-point-center-active a { + color: var(--secondary-variant); + background-color: var(--primary); +} + .horde-point-left { float: left; width: 10px; @@ -1995,7 +2124,7 @@ height: 1px; .horde-point-center .horde-point-center-active { background-image: none; - background-color: var(--primary); + background-color: red; transition: 0.5s; float: left; height: 26px; @@ -2019,6 +2148,7 @@ height: 1px; float: right; width: 350px; padding: 0 20px 0 0; + margin: 5px; } #horde-search form { display: inline; @@ -2032,12 +2162,26 @@ height: 1px; border: 0; float: left; margin: 10px 0px 0px 0px; + + /* + kruege@b1-systems.de + fix collapse os search field + */ + overflow: hidden; + border-radius: 4px; + color: rgb(0, 0, 0); + + + } #horde-search-input, input, select { /* height: 30px; */ } + + + #horde-search #horde-search-input { width: 190px; padding: 0 5px 0 5px; @@ -2056,14 +2200,30 @@ height: 1px; width: 16px; } #horde-search-icon { + /* + krueger@b1-systems.de + correct icon position + float: left; margin: 7px 0 0 0; + + */ + float: left; + margin: 17px 0 0 10px; + + } #horde-logout, #horde-login { float: right; width: 20px; height: 29px; - margin: 6px 10px 0 0; + + /* + krueger@b1-systems.de + correct icon position + */ + + margin: 20px 10px 0 0; background-image: url("graphics/logout.png"); background-repeat: no-repeat; } @@ -2095,15 +2255,18 @@ height: 1px; height: 20px; background-color: #333333; visibility: none; + font-size: 0.8em; + } + #horde-date { float: left; - padding: 2px 0 0 10px; + /* padding: 2px 0 5px 10px; */ color: #fff; } #horde-info { float: right; - padding: 2px 10px 0 0; + /* padding: 2px 10px 0 0; */ color: #fff; } #horde-info a { @@ -2116,7 +2279,15 @@ height: 1px; top: 0; right: 0; bottom: 0; + + /* + kruege@b1-systems.de + correct new width of sidebar left: 0; + + */ + + left: 233px !important; padding-left: 8px; } @@ -2149,6 +2320,7 @@ height: 1px; font-size: 140%; /* +krueger@b1-systems.de Overwrite horde-new from default-theme background-image: url("graphics/sidebar-new-bg.png"); @@ -2165,9 +2337,28 @@ height: 1px; /* + krueger@b1-systems.de Simulate MUI */ +min-width: 64px; +padding: 8px 12px; +border-radius: 4px; +transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; +color: rgb(255, 255, 255); +background-color: var(--primary-variant); +box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; +margin: 4px 20px; + + +font-weight: 500; +font-size: 0.9375rem; +line-height: 1.75; +letter-spacing: 0.02857em; +text-transform: uppercase; + + +/* display: inline-flex; -moz-box-align: center; align-items: center; @@ -2181,12 +2372,17 @@ height: 1px; user-select: none; vertical-align: middle; appearance: none; + + font-weight: 500; font-size: 0.9375rem; line-height: 1.75; letter-spacing: 0.02857em; text-transform: uppercase; - min-width: 64px; + + + + min-width: 64px; padding: 8px 22px; border-radius: 4px; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; @@ -2195,32 +2391,33 @@ height: 1px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; margin: 4px 20px; +*/ + + /* width: 100%; */ } - - - .horde-new:hover { text-decoration: none; background-color:var(--primary); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px; } - - - - .horde-portal-new { float: left; border-right: 1px solid #787878; margin-right: 10px; } #horde-sidebar .horde-new-link a, .horde-new-link a { + +/* padding-left: 28px; margin: 5px 10px 0 10px; +*/ + white-space: nowrap; + color: #fff; display: block; background-color: var(--primary-variant); @@ -2230,30 +2427,8 @@ height: 1px; background-image: url("graphics/sidebar-new.png"); background-repeat: no-repeat; background-position: left 1px; - - - - ---primary: #1976d5; ---primary-variant: #145bca; ---secondary: #d57719; ---secondary-variant: #c35313; ---background: #fff; ---surface: #fff; ---on-primary: #fff; ---on-secondary: #000; ---on-background: #6f6f6f; ---on-surface: #6f6f6f; ---error: #e6f7fe; ---on-error: #223a46; - - */ - - - - } #horde-sidebar .horde-new:hover a { @@ -2264,20 +2439,36 @@ height: 1px; .horde-new-split { + visibility: hidden; + +/* + krueger@b1-systems.de + remove additinal icons in new button + float: right; width: 2px; height: 29px; margin-left: 10px; background-image: url("graphics/sidebar-split.png"); background-repeat: no-repeat; +*/ + } .horde-new-extra { + visibility: hidden; +/* +krueger@b1-systems.de +remove additinal icons in new button + + display: none; float: right; width: 20px; height: 24px; margin: 5px 6px 0 7px; background-image: url("graphics/sidebar-refresh.png"); background-repeat: no-repeat; +*/ + } .horde-new-extra a { display: block; @@ -2323,6 +2514,13 @@ height: 1px; } #horde-sidebar div.horde-resources div { margin: 5px 0; + + /* + krueger@b1-systems.de + correct color + */ + color: rgb(0, 0, 0); + } .horde-resource-link { overflow: hidden; @@ -2334,7 +2532,14 @@ height: 1px; cursor: pointer; background-position: 10px 2px; background-repeat: no-repeat; + + /* + krueger@b1-systems.de + correct backgrounds for sidebar in calendar + */ + color: rgb(0, 0, 0); } + .horde-resource-on:hover, .horde-resource-off:hover { text-decoration: underline; } @@ -2343,6 +2548,7 @@ height: 1px; } .horde-resource-off { background-image: url("graphics/checkbox_off.png"); + } .horde-resource-on.horde-radiobox, .horde-resource-off.horde-radiobox:hover { background-image: url("graphics/radiobox_on.png"); @@ -2350,11 +2556,18 @@ height: 1px; .horde-resource-off.horde-radiobox { background-image: url("graphics/radiobox_off.png"); } + +/* + krueger@b1-systems.de + correct backgronds for action icons in calendar +*/ + #horde-sidebar div.horde-resources .horde-resource-edit-000, #horde-sidebar div.horde-resources .horde-resource-edit-fff { float: right; display: block; background: url("graphics/edit-sidebar-000.png") no-repeat; + background-color: rgb(255, 255, 255) !important; margin: 2px 10px 0 0; width: 17px; height: 17px; @@ -2362,9 +2575,34 @@ height: 1px; overflow: hidden; cursor: pointer; } -#horde-sidebar div.horde-resources .horde-resource-edit-fff { + +/* + krueger@b1-systems.de + correct backgrounds for action icons in calendar + added tu overwrite default +*/ + +#horde-sidebar div.horde-resources .horde-resource-refresh-000, +#horde-sidebar div.horde-resources .horde-resource-refresh-fff { + background-color: rgb(255, 255, 255) !important; + +} + + + + + +/* + krueger@b1-systems.de + correct backgronds for action icons in calendar +*/ +#horde-sidebar div.horde-resources .horde-resource-edit-fff, +#horde-sidebar div.horde-resources .horde-resource-refresh-fff { background-image: url("graphics/edit-sidebar-fff.png"); + background-color: rgb(255, 255, 255) !important; + color: rgb(255, 255, 255); } + #horde-sidebar div.horde-resources div a { color: inherit; } @@ -2380,6 +2618,7 @@ height: 1px; } /* + krueger@b1-systems.de Wolfgang: 2022-01-19 */ @@ -2398,6 +2637,8 @@ height: 1px; line-height: 1.5; letter-spacing: 0.00938em; + + background-color: transparent; outline: currentcolor none 0px; border: 0px none; @@ -2425,7 +2666,6 @@ height: 1px; - /* @@ -2498,38 +2738,19 @@ height: 1px; } */ - - - - - - - - } - - - - .horde-subnavi-active, .horde-subnavi:hover { - - /* + krueger@b1-systems.de overwrite default theme height: 20px; background-image: url("graphics/sidebar-active-bg.png"); background-repeat: repeat-x; - */ height: 60px; background-image: none; background-color: rgba(0, 0, 0, 0.04); - - } - - - .horde-subnavi-icon { background-color: transparent; background-repeat: no-repeat; @@ -2550,14 +2771,9 @@ height: 1px; background-color: inherit !important; height: 60px; } - - - - #horde-sidebar div.horde-resources > div:hover { height: 60px; background-color: rgba(0, 0, 0, 0.04) !important; - } @@ -2896,3 +3112,11 @@ height: 1px; display: none !important; } } + +/* + krueger@b1-systems.de + correct calndar sidebar scroll menu position +*/ +#kronolithMenu { + top: 300px !important; +}