I2PTunnel theme tweaks

This commit is contained in:
str4d
2017-02-10 16:41:49 +00:00
parent 026a9cf026
commit 24b2bb8e3f
5 changed files with 68 additions and 64 deletions

View File

@@ -217,11 +217,10 @@ input.default { width: 1px; height: 1px; visibility: hidden; }
</tr>
<tr>
<td>
<td colspan="2">
<input type="text" size="20" id="websiteName" name="spoofedHost" title="Website Hostname" value="<%=editBean.getSpoofedHost(curTunnel)%>" class="freetext" />
<%=intl._t("(leave blank for outproxies)")%>
</td>
<td></td>
</tr>
<% }
%>
@@ -625,11 +624,10 @@ input.default { width: 1px; height: 1px; visibility: hidden; }
<td>
<input type="text" name="postMax" value="<%=editBean.getPostMax(curTunnel)%>" class="freetext quantity"/>
</td>
<td>
<td colspan="2">
<input type="text" name="postBanTime" value="<%=editBean.getPostBanTime(curTunnel)%>" class="freetext period"/>
<%=intl._t("minutes")%>
</td>
<td></td>
<td class="blankColumn"></td>
</tr>
<tr>
@@ -640,11 +638,10 @@ input.default { width: 1px; height: 1px; visibility: hidden; }
<td>
<input type="text" name="postTotalMax" value="<%=editBean.getPostTotalMax(curTunnel)%>" class="freetext quantity"/>
</td>
<td>
<td colspan="2">
<input type="text" name="postTotalBanTime" value="<%=editBean.getPostTotalBanTime(curTunnel)%>" class="freetext period"/>
<%=intl._t("minutes")%>
</td>
<td></td>
<td class="blankColumn"></td>
</tr>
<tr>
@@ -652,12 +649,11 @@ input.default { width: 1px; height: 1px; visibility: hidden; }
<b><%=intl._t("POST limit period")%>
</b>
</td>
<td>
<td colspan="2">
<input type="text" name="postCheckTime" value="<%=editBean.getPostCheckTime(curTunnel)%>" class="freetext period"/>
<%=intl._t("minutes")%>
</td>
<td></td>
<td></td>
<td class="blankColumn"></td>
</tr>

View File

@@ -325,16 +325,10 @@ td.infohelp {
background: #ffd !important;
}
/*
.tunnelProperties td > * {
vertical-align: middle;
}
*/
.newTunnel {
text-align: right;
border-top: 1px solid #89f !important;
padding: 5px !important;
padding: 7px !important;
background: #fff;
}
@@ -409,6 +403,7 @@ input[type="checkbox"], input[type="radio"] {
min-width: 16px;
min-height: 16px;
margin: 0;
background: none;
}
textarea, input, select, button {
@@ -470,7 +465,7 @@ a.control {
.buttons, .newTunnel {
text-align: right;
padding: 7px 5px !important;
padding: 7px 5px;
background: #fff;
background: linear-gradient(to bottom, #fff, #eff1ff);
border-top: 1px solid #89f;

View File

@@ -152,7 +152,7 @@ hr {
}
h2, h3 {
padding: 6px 10px;
padding: 8px 10px;
border: 1px solid #494;
background: linear-gradient(to bottom, #1a261a 0%, #1a261a 50%, #000 50%, #000 100%) !important;
font-size: 11pt;
@@ -225,6 +225,14 @@ td.infohelp {
width: 50%;
}
.tunnelConfig th:first-child, .tunnelConfig td:first-child {
border-left: 1px solid #494;
}
.tunnelConfig th:last-child, .tunnelConfig td:last-child {
border-right: 1px solid #494;
}
#clientTunnels tr, #serverTunnels tr, .tunnelConfig tr {
background: rgba(0,0,0,0.4);
}
@@ -352,7 +360,7 @@ textarea#statusMessages, textarea#statusMessages:active {
width: 150px;
border: 1px solid #494;
padding: 4px;
font: 9pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
font: 8pt "Droid Sans Mono", "Lucida Console", "DejaVu Sans Mono", Courier, mono;
background: #fff;
color: #333;
border-radius: 2px;
@@ -397,8 +405,7 @@ input {
text-decoration: none;
}
input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner,
button::-moz-focus-inner {
input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, button::-moz-focus-inner {
border: none;
outline: none;
}
@@ -413,6 +420,7 @@ input[type="checkbox"], input[type="radio"] {
min-width: 16px;
min-height: 16px;
margin: 0;
background: none;
filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%); /* colorize radios and checkboxes */
-webkit-filter: invert(100%) sepia(100%) hue-rotate(70deg) saturate(200%);
}
@@ -659,7 +667,7 @@ textarea[name="accessList"] {
}
#localDestination {
height: 30px !important;
height: 34px !important;
margin: 0 !important;
}
@@ -689,7 +697,7 @@ td#throttle {
}
#throttler {
border: none;
border: none !important;
}
#throttler th {
@@ -706,6 +714,15 @@ td#throttle {
white-space: nowrap;
}
#throttler th:first-child, #throttler td:first-child {
border-left: none !important;
}
#throttler th:last-child, #throttler td:last-child {
border-right: none !important;
}
#throttler tr:first-child th {
border-top: none;
}

View File

@@ -46,6 +46,7 @@ input[type="checkbox"], input[type="radio"] {
min-width: 16px;
min-height: 16px;
margin: 0;
background: none;
}
textarea, input, select, button {
@@ -382,17 +383,13 @@ div[class^="status"] {
background-size: auto 16px;
}
/*
#serverTunnels input, #serverTunnels .control,#serverTunnels select, #clientTunnels input, #clientTunnels .control, #clientTunnels select,
#clientTunnelEdit input, #serverTunnelEdit .control
{
float: none;
.tunnelConfig th:first-child, .tunnelConfig td:first-child {
border-left: 1px solid #7778bf;
}
#clientTunnelEdit td, #advancedClientTunnelOptions td, #serverTunnelEdit td {
width: 50% !important;
.tunnelConfig th:last-child, .tunnelConfig td:last-child {
border-right: 1px solid #7778bf;
}
*/
.tunnelConfig td {
width: 50%;
@@ -415,7 +412,7 @@ div[class^="status"] {
.newTunnel {
text-align: right;
border-top: 2px solid #7778bf !important;
padding: 5px !important;
padding: 7px !important;
background: #fff;
}
@@ -484,7 +481,7 @@ th.tunnelControl {
.buttons, .newTunnel {
text-align: right;
padding: 5px;
padding: 7px 5px;
background: #fff;
background: linear-gradient(to bottom, #fff, #eef);
border-top: 1px solid #7778bf !important;
@@ -578,6 +575,14 @@ td#throttle {
border: none;
}
#throttler th:first-child, #throttler td:first-child {
border-left: none;
}
#throttler th:last-child, #throttler td:last-child {
border-right: none;
}
#throttler th {
padding-left: 20px;
}

View File

@@ -146,7 +146,7 @@ hr {
}
h2, h3 {
padding: 6px 10px;
padding: 7px 10px;
border: 1px solid #2d295f;
background: linear-gradient(to bottom, #191729 0%, #191729 50%, #000 50%, #000 100%) !important;
font-size: 11pt;
@@ -186,7 +186,6 @@ th {
border-bottom: 1px solid #2d295f;
font-size: 10pt;
color: #c9ceff;
text-transform: uppercase;
letter-spacing: 0.08em;
word-spacing: 0.1em;
}
@@ -400,6 +399,7 @@ input[type="checkbox"], input[type="radio"] {
min-width: 16px;
min-height: 16px;
margin: 0;
background: none;
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%);
}
@@ -597,7 +597,6 @@ input {
select#profile, select#connectionProfile {
width: 70%;
}
#customOptions, #userAgents {
@@ -865,7 +864,7 @@ input.tunnelName, input.tunnelDescription, #userAgents {
.tunnelConfig td, td {
border-top: 1px inset #17142f;
padding: 5px;
padding: 6px 5px;
}
input[type="checkbox"], input[type="radio"] {
@@ -923,23 +922,15 @@ td.tunnelDestination, td.tunnelDescription {
/* responsive layout */
@media screen and (min-width: 1300px) {
body, td {
font-size: 10pt;
body, td, .control, select, input {
font-size: 10pt !important;
}
.control, select, input {
font-size: 9pt;
}
/*
select {
box-sizing: border-box;
padding-top: 3px;
padding-bottom: 3px;
}
*/
td {
padding: 7px 5px;
}
#localDestination, .authentication {
height: 34px !important;
}
}