diff --git a/horde/mozilla.css b/horde/mozilla.css index b21a9c8..d73599c 100644 --- a/horde/mozilla.css +++ b/horde/mozilla.css @@ -3,8 +3,8 @@ */ input[type="submit"], input[type="button"], input[type="reset"] { - /* padding: 3px 10px; */ + padding: 3px 10px; } input.horde-cancel { - /* padding: 3px 0; */ + padding: 3px 0; } diff --git a/horde/screen.css b/horde/screen.css index 6cce963..c06e1ae 100644 --- a/horde/screen.css +++ b/horde/screen.css @@ -29,27 +29,12 @@ } body, input, select, textarea, .inProgress { - /* font-family: Arial,"DejaVu Sans",sans-serif; */ - font-family: "Roboto", "Helvetica", "Arial", sans-serif; + font-family: Arial,"DejaVu Sans",sans-serif; } - - body { font-size: 75%; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - background: #fff; color: #000; - - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.5; - letter-spacing: 0.00938em; - -} - - } p { @@ -115,19 +100,12 @@ br.spacer { .headerbox form { padding: 2px; } - - .header { text-align: left; + font-weight: bold; font-size: 140%; padding: 3px 5px; min-height: 21px; - - /* overwrite default */ - font-weight: normal; - background-image: none; - - } .header a:hover, a.header:hover { color: #333; @@ -358,16 +336,8 @@ input, select, textarea { font-size: 100%; font-weight: normal; background-color: #ebeff0; - -/* border: 1px solid #d0d0d0; -*/ - border: 1px solid rgba(0, 0, 0, 0.12); - border-radius: var(--corner-radius); - } - - input, select { min-height: 20px; } @@ -381,112 +351,15 @@ input:focus, textarea:focus, select:focus { background-color: #fff; border-color: #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; - - */ - - /* 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; - - - - font-weight: 500; - font-size: 0.9375rem; - line-height: 1.75; - letter-spacing: 0.02857em; - text-transform: uppercase; - min-width: 64px; - border-radius: 4px; - margin: 24px 8px 16px; - - - - - 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; - - - /* - - - -.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; -*/ - - - - - -} - - - - - - - - - - - - - - a.horde-button, a.horde-default, a.horde-create, a.horde-delete, a.horde-cancel { display: inline-block; padding: 4px 13px; @@ -818,10 +691,6 @@ div.logintasks-item input { } #horde-content { padding-left: 8px; - - /* overwrite inline */ - margin-left: 250px !important; - } .horde-no-sidebar #horde-content { padding-left: 0; @@ -1963,13 +1832,13 @@ height: 1px; overflow: hidden; } -#horde-search #horde-search-input, #horde-search .horde-fake-input { - font-size: 100%; - border: 0px; - margin: 10px 0px 0px 0px; +#horde-search #horde-search-input, #horde-search .horde-fake-input { + font-size: 100%; + border: 0px; + margin: 10px 0px 0px 0px; width: 300px !important; - height: 30px !important; - } + height: 30px !important; + } .horde-point-arrow-active { } @@ -2035,7 +1904,7 @@ height: 1px; } #horde-search-input, input, select { - /* height: 30px; */ + height: 30px; } #horde-search #horde-search-input { @@ -2122,16 +1991,11 @@ height: 1px; /* Sidebar. */ #horde-sidebar { - background-color: white; + background-color: #bfc9cd; float: left; margin-left: -100%; padding-bottom: 10px; - - width:240px !important; } - - - .horde-ajax #horde-sidebar { position: absolute; top: 0; @@ -2144,75 +2008,15 @@ height: 1px; .horde-new { height: 29px; - /* border-bottom: 1px solid #787878; */ - overflow: hidden; - font-size: 140%; - -/* - Overwrite horde-new from default-theme - background-image: url("graphics/sidebar-new-bg.png"); background-repeat: repeat-x; - text-shadow: -1px -1px 0px #000; border-bottom: 1px solid #787878; - -*/ - - font-weight: normal; - background-image: none; - text-shadow: none; - border: none; - - -/* - Simulate MUI -*/ - - 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; - 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: 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; - - /* - 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; + overflow: hidden; + font-size: 140%; + font-weight: bold; + color: #fff; + text-shadow: -1px -1px 0px #000; } - - - - - .horde-portal-new { float: left; border-right: 1px solid #787878; @@ -2221,48 +2025,12 @@ height: 1px; #horde-sidebar .horde-new-link a, .horde-new-link a { padding-left: 28px; margin: 5px 10px 0 10px; - color: #fff; - display: block; - background-color: var(--primary-variant); - transition: background-color 250ms; - -/* 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 { - background-color:var(--primary); - - + color: #fff; + display: block; } - - .horde-new-split { float: right; width: 2px; @@ -2378,158 +2146,19 @@ height: 1px; height: 10px; margin: 10px 0 0; } - -/* - Wolfgang: 2022-01-19 - -*/ - .horde-subnavi { - height: 60px; + height: 20px; padding: 3px 0 1px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; - - margin: 0px; - font-weight: 400; - font-size: 1rem; - line-height: 1.5; - letter-spacing: 0.00938em; - - background-color: transparent; - outline: currentcolor none 0px; - border: 0px none; - margin: 0px; - border-radius: 0px; - cursor: pointer; - user-select: none; - vertical-align: middle; - appearance: none; - color: inherit; - display: flex; - -moz-box-flex: 1; - flex-grow: 1; - -moz-box-pack: start; - justify-content: flex-start; - -moz-box-align: center; - align-items: center; - position: relative; - text-decoration: none; - box-sizing: border-box; - text-align: left; - padding: 8px 16px; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - - - - - -/* - - -.css-e0yuwi { - background-color: transparent; - outline: currentcolor none 0px; - border: 0px none; - margin: 0px; - border-radius: 0px; - cursor: pointer; - user-select: none; - vertical-align: middle; - appearance: none; - color: inherit; - display: flex; - -moz-box-flex: 1; - flex-grow: 1; - -moz-box-pack: start; - justify-content: flex-start; - -moz-box-align: center; - align-items: center; - position: relative; - text-decoration: none; - box-sizing: border-box; - text-align: left; - padding: 8px 16px; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; } - - - - - - -.css-e0yuwi { - background-color: transparent; - outline: currentcolor none 0px; - border: 0px none; - margin: 0px; - border-radius: 0px; - cursor: pointer; - user-select: none; - vertical-align: middle; - appearance: none; - color: inherit; - display: flex; - -moz-box-flex: 1; - flex-grow: 1; - -moz-box-pack: start; - justify-content: flex-start; - -moz-box-align: center; - align-items: center; - position: relative; - text-decoration: none; - box-sizing: border-box; - text-align: left; - padding: 8px 16px; - transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; -} - - -.css-yb0lig { - margin: 0px; - font-family: "Roboto", "Helvetica", "Arial", sans-serif; - font-weight: 400; - font-size: 1rem; - line-height: 1.5; - letter-spacing: 0.00938em; - display: block; -} - -*/ - - - - - - - - -} - - - - -.horde-subnavi-active, .horde-subnavi:hover { - - - /* - overwrite default theme +.horde-subnavi-active, .horde-subnavi:hover{ 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; @@ -2543,24 +2172,6 @@ height: 1px; .horde-subnavi-point { display: inline; } - - - -#horde-sidebar div.horde-resources > div { - background-color: inherit !important; - height: 60px; -} - - - - -#horde-sidebar div.horde-resources > div:hover { - height: 60px; - background-color: rgba(0, 0, 0, 0.04) !important; - -} - - .horde-popdown { background-image: url("graphics/popdown.png"); background-repeat: no-repeat; @@ -2578,53 +2189,13 @@ height: 1px; #horde-slideleft { position: absolute; top: 0; - left:240px !important; bottom: 0; - } - - .horde-splitbar-vert { - -/* - width: 8px; background-image: url("graphics/slidevert-bg.png"); background-repeat: repeat-y; - - -.css-1l8j5k8 { - background-color: rgb(255, 255, 255); - color: rgba(0, 0, 0, 0.87); - transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - box-shadow: none; - overflow-y: auto; - display: flex; - flex-direction: column; - height: 100%; - flex: 1 0 auto; - z-index: 1200; - position: fixed; - top: 0px; - outline: currentcolor none 0px; - left: 0px; - border-right: 1px solid rgba(0, 0, 0, 0.12); } - - -*/ - - width: 0; - height: 100%; - border-right: 1px solid rgba(0, 0, 0, 0.12); -} - -} - - - - - .horde-splitbar-vert.DragElt { cursor: col-resize; }