From f34da8ebd4c263bc9141dce19b7fc668f80e8452 Mon Sep 17 00:00:00 2001
From: zzz <zzz@i2pmail.org>
Date: Tue, 11 Feb 2025 12:40:21 -0500
Subject: [PATCH] i2ptunnel: Proxy CSS fixes/improvements
mostly dark, some light, possibly more to follow
---
.../resources/proxy/css/dark/proxy.css | 149 ++++++++----------
.../resources/proxy/css/light/proxy.css | 30 ++--
2 files changed, 83 insertions(+), 96 deletions(-)
diff --git a/apps/i2ptunnel/resources/proxy/css/dark/proxy.css b/apps/i2ptunnel/resources/proxy/css/dark/proxy.css
index 99f0a81ae3..ecc0922003 100644
--- a/apps/i2ptunnel/resources/proxy/css/dark/proxy.css
+++ b/apps/i2ptunnel/resources/proxy/css/dark/proxy.css
@@ -7,7 +7,7 @@ body {
font-style: normal;
font-variant: normal;
font-weight: normal;
- font-size: 8.5pt;
+ font-size: 9pt;
line-height: 130%;
font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Bitstream Vera Sans', 'DejaVu Sans', Verdana, 'Lucida Grande', Helvetica, sans-serif;
background-position: initial initial;
@@ -18,7 +18,35 @@ h4 {
display: inherit;
}
-#jumplinks h4 {
+button {
+ color: rgb(59, 107, 191);
+ border: none;
+ background: none;
+ cursor: pointer;
+ text-align: left;
+ display: inline;
+}
+
+button.hover {
+ background-color: #340;
+}
+
+.formaction button p {
+ display: block;
+ color: rgb(230, 230, 231);
+}
+
+.unicodeicon {
+ font-size: 16pt;
+ display: inline-block;
+ padding: 3px 5px 3px 0;
+ vertical-align: sub;
+ line-height: 16px;
+ font-weight: bold;
+ text-shadow: rgb(255, 255, 255) 0px 1px 1px;
+}
+
+#jumplinks h3 {
padding-bottom: 10px;
margin-bottom: 10px;
}
@@ -46,12 +74,13 @@ table {
border-collapse: collapse;
width: 100%;
border: 1px groove rgb(82, 75, 94);
- padding: 1px;
+ padding: 1px 15px 5px 1px;
font-size: 9pt;
- margin: 1px 0px;
+ margin: 25px 0px;
}
tr {
+ padding: 1px 15px 5px 1px;
vertical-align: middle;
}
@@ -60,101 +89,50 @@ tr:nth-child(odd) {
}
td {
- padding: 4px 6px;
+ padding: 1px 15px 5px 1px;
color: rgb(230, 230, 231);
vertical-align: middle;
- border-top-width: 1px;
- border-top-style: inset;
- border-top-color: rgb(41, 41, 41);
}
td img {
padding: 0px 1px 0px 2px;
}
+textarea {
+ background: rgb(50, 50, 50);
+ border-color: #555;
+ color: rgb(100, 120, 245);
+ moz-user-select: all;
+ webkit-user-select: all;
+}
+
a:link {
- color: rgb(119, 120, 191);
+ color: rgb(100, 120, 191);
text-decoration: none;
font-weight: bold;
word-wrap: break-word;
}
a:visited {
- color: rgb(119, 120, 191);
+ color: rgb(100, 120, 191);
text-decoration: none;
font-weight: bold;
word-wrap: break-word;
}
p {
- text-align: justify;
- line-height: 160%;
+ line-height: 140%;
}
p img:first-child {
display: none !important;
}
-h1 {
- text-align: left;
- color: rgb(230, 230, 231);
- padding: 13px 15px;
- font-size: 17pt;
- font-weight: bold;
- font-style: normal;
- letter-spacing: 0.15em;
- text-shadow: rgb(0, 17, 0) 0px 0px 2px;
- white-space: normal;
- background-image: url(images/header.png);
- background-color: rgb(0, 0, 0);
- border: 1px solid rgb(41, 41, 41);
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 0px;
- border-bottom-left-radius: 0px;
- line-height: 120%;
- min-width: 620px;
- box-shadow: rgb(0, 0, 0) 0px 1px 5px;
- margin: 0px 5px 0px 216px !important;
- background-position: 50% 50%;
- background-repeat: initial initial;
-}
-
-h2 {
- font-size: 12pt;
- color: rgb(230, 230, 231);
- text-shadow: rgb(0, 17, 0) 0px 0px 2px;
- letter-spacing: 0.08em;
- word-spacing: 0.1em;
- padding: 10px;
- border: 1px solid rgb(41, 41, 41);
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- vertical-align: middle;
- word-wrap: break-word;
- margin: 15px 0px 12px !important;
-}
-
-h2 {
- box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset;
-}
-
-h1 {
- background-color: rgb(31, 26, 36);
- box-shadow: rgb(0, 0, 0) 0px 0px 0px 1px inset;
- text-shadow: rgb(0, 0, 0) 0px 1px 1px;
- border: 1px groove rgb(82, 75, 94);
- background-position: initial initial;
- background-repeat: initial initial;
-}
-
hr {
- background-color: rgb(225, 219, 233);
- height: 1px;
+ background-color: rgb(68, 68, 119);
+ height: 2px;
border: 0px solid rgb(82, 75, 94);
- margin: 20px 0px 10px;
+ margin: 20px 0px 20px;
background-position: initial initial;
background-repeat: initial initial;
}
@@ -172,12 +150,11 @@ hr:last-child {
}
.hostadd {
- height: 10rem;
width: 100%;
}
.hostaddform {
- width: 48%;
+ width: 100%;
display: inline-block;
vertical-align: top;
}
@@ -187,7 +164,7 @@ hr:last-child {
padding: 10px;
text-align: center;
color: rgb(34, 34, 34);
- margin: 0px 85px;
+ margin: 0px 10px;
border: 1px solid rgb(68, 68, 119);
border-top-left-radius: 2px;
border-top-right-radius: 2px;
@@ -195,9 +172,14 @@ hr:last-child {
border-bottom-left-radius: 2px;
background-position: initial initial;
background-repeat: initial initial;
- min-height: 165px;
+ min-height: 100px;
+}
+
+.logo img {
+ filter: invert(90%) hue-rotate(190deg);
}
+
.logo hr {
margin: 8px -10px;
height: 1px;
@@ -205,12 +187,6 @@ hr:last-child {
background-repeat: initial initial;
}
-.warning hr {
- background-image: linear-gradient(to right, rgb(119, 120, 191), rgb(194, 196, 239));
- background-position: initial initial;
- background-repeat: initial initial;
-}
-
.logo a {
width: 100%;
display: inline-block !important;
@@ -221,7 +197,7 @@ hr:last-child {
}
.warning {
- padding: 10px 25px 20px 75px;
+ padding: 10px 25px 30px 255px;
text-align: start;
margin: 0px 10px;
min-height: 165px;
@@ -237,8 +213,12 @@ hr:last-child {
}
.warning h3 {
+ border-bottom-color: rgb(68, 68, 119);
+ border-bottom-width: 2px;
+ border-style: none none solid;
+ color: #38f;
text-align: left;
- padding: 10px 10px 8px;
+ padding: 0px 2px 8px;
font-size: 1.1rem;
}
@@ -303,7 +283,4 @@ td {
body {
font-size: 10pt !important;
}
- h1 {
- margin-left: 242px !important;
- }
-}
\ No newline at end of file
+}
diff --git a/apps/i2ptunnel/resources/proxy/css/light/proxy.css b/apps/i2ptunnel/resources/proxy/css/light/proxy.css
index 1c7ba22d99..523c7143d7 100644
--- a/apps/i2ptunnel/resources/proxy/css/light/proxy.css
+++ b/apps/i2ptunnel/resources/proxy/css/light/proxy.css
@@ -16,16 +16,20 @@ body {
button {
color: rgb(59, 107, 191);
border: none;
- background: none !important;
+ background: none;
cursor: pointer;
text-align: left;
display: inline;
}
+button.hover {
+ background-color: #9fc;
+}
+
.unicodeicon {
font-size: 16pt;
display: inline-block;
- padding: 3px 0;
+ padding: 3px 5px 3px 0;
vertical-align: sub;
line-height: 16px;
font-weight: bold;
@@ -81,13 +85,18 @@ h4 {
}
img {
- border: none;
+ border: 1px solid rgb(68, 68, 119);
}
td:nth-child(1) {
font-weight: bold;
}
+textarea {
+ moz-user-select: all;
+ webkit-user-select: all;
+}
+
.formaction button p {
display: block;
color: rgb(34, 34, 34);
@@ -108,7 +117,7 @@ td:nth-child(1) {
box-shadow: rgb(187, 187, 255) 0px 0px 0px 1px inset;
background-position: initial initial;
background-repeat: initial initial;
- min-height: 175px;
+ min-height: 100px;
}
.logo hr {
@@ -135,7 +144,7 @@ td:nth-child(1) {
}
.warning {
- padding: 10px 25px 20px 75px;
+ padding: 10px 25px 30px 255px;
text-align: start;
color: rgb(34, 34, 34);
margin: 0px 10px;
@@ -168,7 +177,7 @@ td:nth-child(1) {
border-top-right-radius: 2px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
- padding: 10px 10px 8px;
+ padding: 0px 2px 8px;
font-size: 1.1rem;
}
@@ -191,6 +200,7 @@ td:nth-child(1) {
.logo {
position: absolute;
top: 0px;
+ min-height: 100px;
min-width: 430px;
width: calc(100% - 40px) !important;
margin: 10px 5px 0px !important;
@@ -223,7 +233,7 @@ hr {
background-color: rgb(17, 17, 51);
height: 1px;
border: 0px solid rgb(17, 17, 51);
- margin: 10px 0px;
+ margin: 20px 0px;
background-position: initial initial;
background-repeat: initial initial;
}
@@ -252,8 +262,7 @@ a:hover {
}
p {
- text-align: justify;
- line-height: 130%;
+ line-height: 140%;
}
h3 {
@@ -363,6 +372,7 @@ tr,
td {
font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
font-size: 10pt;
+ padding: 1px 15px 5px 1px;
}
@media screen and (max-width: 1500px) {
@@ -375,4 +385,4 @@ td {
body {
font-size: 10pt !important;
}
-}
\ No newline at end of file
+}
--
GitLab