From e141abb5deb464027ecfdc0a57223a02a23c02fc Mon Sep 17 00:00:00 2001 From: str4d Date: Sun, 15 Jan 2017 14:15:26 +0000 Subject: [PATCH] susimail and susidns theme tweaks - Responsive layout - "background: none" for radio/checkbox icons (Edge/IE fix) - Address dropdown display issue in MS Edge by making customized dropdown menus inclusive (-webkit-appearance: none); --- .../themes/susidns/classic/susidns.css | 1 + .../resources/themes/susidns/dark/susidns.css | 1 + .../themes/susidns/midnight/susidns.css | 1 + .../themes/susimail/classic/susimail.css | 15 ++++++++- .../themes/susimail/dark/susimail.css | 1 + .../themes/susimail/light/susimail.css | 32 +++++++++---------- 6 files changed, 33 insertions(+), 18 deletions(-) diff --git a/installer/resources/themes/susidns/classic/susidns.css b/installer/resources/themes/susidns/classic/susidns.css index 368d3102f..8449504c2 100644 --- a/installer/resources/themes/susidns/classic/susidns.css +++ b/installer/resources/themes/susidns/classic/susidns.css @@ -575,6 +575,7 @@ button:active, input[type="submit"]:active, input[type="reset"]:active { input[type="radio"], input[type="checkbox"] { min-width: 16px; min-height: 16px; + background: none; } form[action="subscriptions"], form[action="config"] { diff --git a/installer/resources/themes/susidns/dark/susidns.css b/installer/resources/themes/susidns/dark/susidns.css index 33de02e2f..99f73aab4 100644 --- a/installer/resources/themes/susidns/dark/susidns.css +++ b/installer/resources/themes/susidns/dark/susidns.css @@ -495,6 +495,7 @@ input[type="checkbox"], input[type="radio"] { -webkit-filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%); min-width: 16px; min-height: 16px; + background: none; } input[type="checkbox"]:hover, input[type="radio"]:hover, input[type="checkbox"]:focus, input[type="radio"]:focus { diff --git a/installer/resources/themes/susidns/midnight/susidns.css b/installer/resources/themes/susidns/midnight/susidns.css index 61546c097..4c8cd01da 100644 --- a/installer/resources/themes/susidns/midnight/susidns.css +++ b/installer/resources/themes/susidns/midnight/susidns.css @@ -755,6 +755,7 @@ input { input[type="checkbox"], .optbox { filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); /* colorize radios and checkboxes */ -webkit-filter: invert(100%) sepia(100%) hue-rotate(200deg) saturate(200%); + background: none; } input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner { diff --git a/installer/resources/themes/susimail/classic/susimail.css b/installer/resources/themes/susimail/classic/susimail.css index 4b2551243..1116fad55 100644 --- a/installer/resources/themes/susimail/classic/susimail.css +++ b/installer/resources/themes/susimail/classic/susimail.css @@ -484,6 +484,7 @@ button, input[type="submit"], input[type="reset"] { -webkit-filter: drop-shadow(0 0 1px #fff); display: inline-block; background-size: 14px 14px, 100% 100% !important; + cursor: pointer; } input[type="file"] { @@ -520,6 +521,7 @@ input[disabled][type="submit"], input[disabled][type="submit"]:hover, input[disa input.optbox { vertical-align: middle; + background: none; } /* illustrated images inc */ @@ -825,8 +827,19 @@ input.nextpage:focus, input.next:focus, input[name="nextpage"]:focus { background: url(/themes/susimail/images/next.png) no-repeat center center, linear-gradient(to bottom, #ddd 0%, #fff 100%); } -/* end pagenav */ +input[disabled] { + cursor: default; +} +#pagenav input[disabled]:hover, #pagenav input[disabled]:active, +#messagenav input[disabled]:hover, #messagenav input[disabled]:active { + border: 1px solid #bbb; + box-shadow: inset 0 0 0 1px #fff; + filter: none !important; + -webkit-filter: none !important; +} + +/* end pagenav */ /* end illustrated images */ diff --git a/installer/resources/themes/susimail/dark/susimail.css b/installer/resources/themes/susimail/dark/susimail.css index 0bd58c122..00e5f0d81 100644 --- a/installer/resources/themes/susimail/dark/susimail.css +++ b/installer/resources/themes/susimail/dark/susimail.css @@ -251,6 +251,7 @@ table#mailbox tr[class^="list"]:hover { input.optbox { opacity: 0.8; + background: none; } input.optbox:hover { diff --git a/installer/resources/themes/susimail/light/susimail.css b/installer/resources/themes/susimail/light/susimail.css index 588077494..c0977574d 100644 --- a/installer/resources/themes/susimail/light/susimail.css +++ b/installer/resources/themes/susimail/light/susimail.css @@ -5,6 +5,7 @@ body { color: #333; font-family: "Droid Sans", "NotoSans", Ubuntu, "Bitstream Vera Sans", "Segoe UI", Verdana, "Lucida Grande", Helvetica, sans-serif; + font-size: 9pt; background: #a4a4cb url(/themes/console/light/images/tile2.png); } @@ -432,6 +433,7 @@ input[type="radio"], input[type="checkbox"] { input[type="text"], input[type="password"] { cursor: text; + font-size: 9pt; } input[type="submit"], input[type="reset"] { @@ -974,9 +976,9 @@ h3#config { text-align: center; border: 1px solid #7778bf; border-bottom: none; - background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 255, 0.5) 50%, rgba(255, 255, 255, 1) 100%), linear-gradient(to bottom, #fff 0%, #fff 51%, #eef 51%, #ddf 100%); +/* background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 255, 0.5) 50%, rgba(255, 255, 255, 1) 100%), linear-gradient(to bottom, #fff 0%, #fff 51%, #eef 51%, #ddf 100%);*/ border-radius: 2px 2px 0 0; - box-shadow: inset 0 0 0 1px #fff; +/* box-shadow: inset 0 0 0 1px #fff;*/ z-index: 100; font-weight: bold; vertical-align: middle; @@ -1030,7 +1032,7 @@ h3#config { } .topbuttons input[type="text"] { - margin: 3px !important; + margin: 3px 3px 5px !important; } #pagenav input { @@ -1052,24 +1054,12 @@ h3#config { } .topbuttons, .iframed .topbuttons { - height: 32px; +/* height: 32px;*/ padding: 2px 3px 2px 3px; - background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 255, 0.5) 40%, rgba(239, 239, 255, 0.5) 60%, rgba(255, 255, 255, 1) 100%), linear-gradient(to bottom, #fff 0%, #fff 51%, #eef 51%, #ddf 100%); +/* background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 255, 0.5) 40%, rgba(239, 239, 255, 0.5) 60%, rgba(255, 255, 255, 1) 100%), linear-gradient(to bottom, #fff 0%, #fff 51%, #eef 51%, #ddf 100%);*/ white-space: nowrap; } -/* optional header graphic */ -/* -.topbuttons { - background: url(/themes/susimail/images/susimail.png) 3px center no-repeat, linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(239, 239, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #fff 0%, #fff 51%, #eef 51%, #ddf 100%); - background-blend-mode: luminosity; - background-size: auto 90%, 100% 100%, 100% 100%; - padding-left: 90px; - -} -*/ -/* end topfloat */ - .topbuttons input[type="text"] { margin: 5px; padding: 4px 4px 5px !important; @@ -1209,4 +1199,12 @@ border-bottom: 1px dotted #7778bf; #prefsave { margin-bottom: 25px !important; +} + +/* responsive layout */ + +@media screen and (min-width: 1024px) { +body, td, textarea, input, div, p.mailbody { + font-size: 10pt !important; +} } \ No newline at end of file