AGentooCat/i2p.i2p
1
0
Fork 0
forked from I2P_Developers/i2p.i2p
Code Issues Pull Requests Packages Projects Releases Wiki Activity

susimail and susidns theme tweaks

Browse Source 
- 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);
This commit is contained in:
str4d
2017-01-15 14:15:26 +00:00
parent 94c6496f9d
commit e141abb5de
6 changed files with 33 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
installer/resources/themes/susidns/classic/susidns.css
View File

@@ -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"] {

1
installer/resources/themes/susidns/dark/susidns.css
View File

@@ -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 {

1
installer/resources/themes/susidns/midnight/susidns.css
View File

@@ -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 {

15
installer/resources/themes/susimail/classic/susimail.css
View File

@@ -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 */

1
installer/resources/themes/susimail/dark/susimail.css
View File

@@ -251,6 +251,7 @@ table#mailbox tr[class^="list"]:hover {
input.optbox {
opacity: 0.8;
background: none;
}
input.optbox:hover {

32
installer/resources/themes/susimail/light/susimail.css
View File

@@ -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;
}
}