From 3057103875b8428dc53081e0635a3a1d9733a30c Mon Sep 17 00:00:00 2001
From: idk <hankhill19580@gmail.com>
Date: Sun, 23 Jan 2022 11:02:47 -0500
Subject: [PATCH] tweak light proxy.css on non-mobile screens
---
.../resources/proxy/css/light/proxy.css | 683 +++++++++---------
1 file changed, 342 insertions(+), 341 deletions(-)
diff --git a/apps/i2ptunnel/resources/proxy/css/light/proxy.css b/apps/i2ptunnel/resources/proxy/css/light/proxy.css
index a48bcab90e..8d1850206d 100644
--- a/apps/i2ptunnel/resources/proxy/css/light/proxy.css
+++ b/apps/i2ptunnel/resources/proxy/css/light/proxy.css
@@ -1,363 +1,364 @@
- html {
- margin: 0px !important;
- }
-
- body {
- margin: 6px;
- text-align: center;
- color: rgb(51, 51, 63);
- font-size: 9pt;
- line-height: 130%;
- background-color: rgb(246, 246, 250);
- background-position: initial initial;
- background-repeat: initial initial;
- }
-
- button {
- color: rgb(59, 107, 191);
- border: none;
- background: none !important;
- cursor: pointer;
- text-align: left;
- display: inline;
- }
-
- #jumplinks h3 {
- margin: 0 0 10px;
- }
-
- #jumplinks a {
- display: block;
- padding: 2px 0;
- line-height: 16px;
- }
-
- #jumplinks a::before {
- content: "\279F\00A0";
- font-size: 16pt;
- display: inline-block;
- padding: 3px 0;
- vertical-align: sub;
- line-height: 16px;
- }
-
- @media screen and (min-width: 1400px) {
- #jumplinks h4 {
- font-size: 10.5pt;
- }
- }
-
+html {
+ margin: 0px !important;
+}
+
+body {
+ margin: 6px;
+ text-align: center;
+ color: rgb(51, 51, 63);
+ font-size: 9pt;
+ line-height: 130%;
+ background-color: rgb(246, 246, 250);
+ background-position: initial initial;
+ background-repeat: initial initial;
+}
+
+button {
+ color: rgb(59, 107, 191);
+ border: none;
+ background: none !important;
+ cursor: pointer;
+ text-align: left;
+ display: inline;
+}
+
+#jumplinks h3 {
+ margin: 0 0 10px;
+}
+
+#jumplinks a {
+ display: block;
+ padding: 2px 0;
+ line-height: 16px;
+}
+
+#jumplinks a::before {
+ content: "\279F\00A0";
+ font-size: 16pt;
+ display: inline-block;
+ padding: 3px 0;
+ vertical-align: sub;
+ line-height: 16px;
+}
+
+@media screen and (min-width: 1400px) {
#jumplinks h4 {
- margin-bottom: 10px;
- border-color: #7778bf !important;
- color: #41465f;
- padding-bottom: 10px;
- }
-
- b {
- color: rgb(65, 70, 95);
- }
-
- body {
- font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
- }
-
- h4 {
- display: inherit;
- }
-
- * {
- outline: none;
- }
-
- img {
- border: none;
- }
-
- td:nth-child(1) {
- font-weight: bold;
- }
-
- .formaction button p {
- display: inline-block;
- }
-
- .logo {
- float: left;
- padding: 10px;
- text-align: center;
- color: rgb(34, 34, 34);
- margin: 0px 10px;
- border: 1px solid rgb(68, 68, 119);
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- background-color: rgb(248, 248, 255);
- box-shadow: rgb(187, 187, 255) 0px 0px 0px 1px inset;
- background-position: initial initial;
- background-repeat: initial initial;
- min-height: 175px;
- }
-
- .logo hr {
- margin: 8px -10px;
- background-color: rgb(119, 120, 191);
- height: 1px;
- background-position: initial initial;
- 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;
- }
-
- .logo hr~a {
- margin: 3px 2px;
- }
-
+ font-size: 10.5pt;
+ }
+}
+
+#jumplinks h4 {
+ margin-bottom: 10px;
+ border-color: #7778bf !important;
+ color: #41465f;
+ padding-bottom: 10px;
+}
+
+b {
+ color: rgb(65, 70, 95);
+}
+
+body {
+ font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
+}
+
+h4 {
+ display: inherit;
+}
+
+* {
+ outline: none;
+}
+
+img {
+ border: none;
+}
+
+td:nth-child(1) {
+ font-weight: bold;
+}
+
+.formaction button p {
+ display: inline-block;
+ color: rgb(34, 34, 34);
+}
+
+.logo {
+ float: left;
+ padding: 10px;
+ text-align: center;
+ color: rgb(34, 34, 34);
+ margin: 0px 10px;
+ border: 1px solid rgb(68, 68, 119);
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+ background-color: rgb(248, 248, 255);
+ box-shadow: rgb(187, 187, 255) 0px 0px 0px 1px inset;
+ background-position: initial initial;
+ background-repeat: initial initial;
+ min-height: 175px;
+}
+
+.logo hr {
+ margin: 8px -10px;
+ background-color: rgb(119, 120, 191);
+ height: 1px;
+ background-position: initial initial;
+ 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;
+}
+
+.logo hr~a {
+ margin: 3px 2px;
+}
+
+.warning {
+ padding: 10px 25px 20px 75px;
+ text-align: start;
+ color: rgb(34, 34, 34);
+ margin: 0px 10px;
+ border: 1px solid rgb(68, 68, 119);
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 2px;
+ background-color: rgb(248, 248, 255);
+ box-shadow: rgb(187, 187, 255) 0px 0px 0px 1px inset;
+ min-height: 165px;
+}
+
+.warning:not(old) {
+ background: linear-gradient(rgba(248, 248, 255, 0.8), rgba(240, 240, 255, 0.8));
+ background-attachment: scroll, initial;
+ background-origin: initial, initial;
+ background-clip: initial, initial;
+ background-size: 54px, 100%;
+ background-position: 10px calc(50% + 32px);
+ background-repeat: no-repeat;
+}
+
+.warning h3 {
+ text-align: left;
+ border-style: none none solid;
+ border-bottom-width: 1px;
+ border-bottom-color: rgb(68, 68, 119);
+ border-top-left-radius: 2px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 0px;
+ border-bottom-left-radius: 0px;
+ padding: 10px 10px 8px;
+ font-size: 1.1rem;
+}
+
+@media screen and (max-width: 800px) {
.warning {
- padding: 10px 25px 20px 75px;
- text-align: start;
- color: rgb(34, 34, 34);
- margin: 0px 10px;
- border: 1px solid rgb(68, 68, 119);
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- background-color: rgb(248, 248, 255);
- box-shadow: rgb(187, 187, 255) 0px 0px 0px 1px inset;
- min-height: 165px;
- }
-
- .warning:not(old) {
- background: linear-gradient(rgba(248, 248, 255, 0.8), rgba(240, 240, 255, 0.8));
- background-attachment: scroll, initial;
- background-origin: initial, initial;
- background-clip: initial, initial;
- background-size: 54px, 100%;
- background-position: 10px calc(50% + 32px);
- background-repeat: no-repeat;
- }
-
- .warning h3 {
- text-align: left;
- border-style: none none solid;
- border-bottom-width: 1px;
- border-bottom-color: rgb(68, 68, 119);
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 0px;
- border-bottom-left-radius: 0px;
- padding: 10px 10px 8px;
- font-size: 1.1rem;
- }
-
- @media screen and (max-width: 800px) {
- .warning {
- margin: 114px 5px 0px !important;
- background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.298039)) !important;
- background-color: rgb(248, 248, 255) !important;
- padding-left: 25px !important;
- background-position: initial initial !important;
- background-repeat: initial initial !important;
- }
- .warning h3 {
- font-size: 10pt !important;
- }
- .logo {
- position: absolute;
- top: 0px;
- min-width: 430px;
- width: calc(100% - 40px) !important;
- margin: 10px 5px 0px !important;
- }
- .logo a:link:not(img) {
- display: inline-block;
- width: auto;
- margin: 0px 5px;
- }
- }
-
- .logo hr {
- visibility: hidden;
- }
-
- @media screen and (min-height: 700px) {
- .warning {
- margin-bottom: 30px;
- }
- }
-
- .logo {
- background-color: rgb(246, 246, 250) !important;
+ margin: 114px 5px 0px !important;
+ background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.298039)) !important;
+ background-color: rgb(248, 248, 255) !important;
+ padding-left: 25px !important;
background-position: initial initial !important;
background-repeat: initial initial !important;
}
-
- hr {
- color: rgb(17, 17, 51);
- background-color: rgb(17, 17, 51);
- height: 1px;
- border: 0px solid rgb(17, 17, 51);
- margin: 10px 0px;
- background-position: initial initial;
- background-repeat: initial initial;
- }
-
- a,
- h3 {
- text-shadow: rgb(255, 255, 255) 0px 1px 1px;
- }
-
- a:link {
- color: rgb(59, 107, 191);
- text-decoration: none;
- font-weight: bold;
- word-wrap: break-word;
- outline: none;
- padding-top: 4px;
- }
-
- a:hover {
- color: rgb(59, 107, 191);
- text-decoration: none;
- font-weight: bold;
- word-wrap: break-word;
- outline: none;
- padding-top: 4px;
- }
-
- p {
- text-align: justify;
- line-height: 130%;
- }
-
- h3 {
- padding: 7px 5px 6px 7px;
- border-top-left-radius: 0px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 0px;
- font-size: 11pt;
- letter-spacing: 0.08em;
- word-spacing: 0.1em;
- color: rgb(65, 70, 95);
- border: 1px solid rgb(222, 226, 230);
+ .warning h3 {
+ font-size: 10pt !important;
}
-
- h3 {
- background-color: rgb(245, 245, 245) !important;
- background-position: initial initial !important;
- background-repeat: initial initial !important;
+ .logo {
+ position: absolute;
+ top: 0px;
+ min-width: 430px;
+ width: calc(100% - 40px) !important;
+ margin: 10px 5px 0px !important;
}
-
- .right {
- text-align: right;
- margin: 0px 1px;
+ .logo a:link:not(img) {
display: inline-block;
- width: 40%;
- }
-
+ width: auto;
+ margin: 0px 5px;
+ }
+}
+
+.logo hr {
+ visibility: hidden;
+}
+
+@media screen and (min-height: 700px) {
+ .warning {
+ margin-bottom: 30px;
+ }
+}
+
+.logo {
+ background-color: rgb(246, 246, 250) !important;
+ background-position: initial initial !important;
+ background-repeat: initial initial !important;
+}
+
+hr {
+ color: rgb(17, 17, 51);
+ background-color: rgb(17, 17, 51);
+ height: 1px;
+ border: 0px solid rgb(17, 17, 51);
+ margin: 10px 0px;
+ background-position: initial initial;
+ background-repeat: initial initial;
+}
+
+a,
+h3 {
+ text-shadow: rgb(255, 255, 255) 0px 1px 1px;
+}
+
+a:link {
+ color: rgb(59, 107, 191);
+ text-decoration: none;
+ font-weight: bold;
+ word-wrap: break-word;
+ outline: none;
+ padding-top: 4px;
+}
+
+a:hover {
+ color: rgb(59, 107, 191);
+ text-decoration: none;
+ font-weight: bold;
+ word-wrap: break-word;
+ outline: none;
+ padding-top: 4px;
+}
+
+p {
+ text-align: justify;
+ line-height: 130%;
+}
+
+h3 {
+ padding: 7px 5px 6px 7px;
+ border-top-left-radius: 0px;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 0px;
+ font-size: 11pt;
+ letter-spacing: 0.08em;
+ word-spacing: 0.1em;
+ color: rgb(65, 70, 95);
+ border: 1px solid rgb(222, 226, 230);
+}
+
+h3 {
+ background-color: rgb(245, 245, 245) !important;
+ background-position: initial initial !important;
+ background-repeat: initial initial !important;
+}
+
+.right {
+ text-align: right;
+ margin: 0px 1px;
+ display: inline-block;
+ width: 40%;
+}
+
+.hostadd {
+ width: 100%;
+ border-radius: 12px;
+ background: #eef;
+}
+
+.hostaddform {
+ width: 100%;
+ display: inline-block;
+ vertical-align: top;
+}
+
+@media only screen and (max-width: 600px) {
.hostadd {
+ height: 10rem;
width: 100%;
border-radius: 12px;
background: #eef;
}
-
.hostaddform {
- width: 100%;
+ width: 48%;
display: inline-block;
vertical-align: top;
}
-
- @media only screen and (max-width: 600px) {
- .hostadd {
- height: 10rem;
- width: 100%;
- border-radius: 12px;
- background: #eef;
- }
- .hostaddform {
- width: 48%;
- display: inline-block;
- vertical-align: top;
- }
- #jumplinks {
- text-align: start;
- }
- #jumplinks>a {
- border: black;
- border-top-style: none;
- border-top-width: medium;
- border-right-style: none;
- border-right-width: medium;
- border-bottom-style: none;
- border-bottom-width: medium;
- border-left-style: none;
- border-left-width: medium;
- border-style: outset;
- margin: 2px;
- float: none;
- display: inline-block;
- width: 96%;
- border-width: 1px;
- border-radius: 12px;
- vertical-align: middle;
- font-size: 1.1rem;
- text-align: start;
- padding-top: 1.5%;
- padding-bottom: 1.5%;
- padding-left: 1%;
- background: #ddd;
- background: linear-gradient(to bottom, #eee, #fff);
- }
- #jumplinks>a:hover {
- text-decoration: none;
- color: #19191f;
- border: 1px solid #f60 !important;
- background: #ddd;
- background: linear-gradient(to bottom, #eee, #fff);
- box-shadow: inset 0 0 0 1px #fff !important;
- filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
- transition: ease border 0.7s;
- }
- #jumplinks>h4 {
- text-align: left;
- font-size: 1.1rem;
- }
+ #jumplinks {
+ text-align: start;
}
-
- element {
- height: 6em;
- min-width: 0;
- min-height: 0;
+ #jumplinks>a {
+ border: black;
+ border-top-style: none;
+ border-top-width: medium;
+ border-right-style: none;
+ border-right-width: medium;
+ border-bottom-style: none;
+ border-bottom-width: medium;
+ border-left-style: none;
+ border-left-width: medium;
+ border-style: outset;
+ margin: 2px;
+ float: none;
+ display: inline-block;
width: 96%;
+ border-width: 1px;
+ border-radius: 12px;
+ vertical-align: middle;
+ font-size: 1.1rem;
+ text-align: start;
+ padding-top: 1.5%;
+ padding-bottom: 1.5%;
+ padding-left: 1%;
+ background: #ddd;
+ background: linear-gradient(to bottom, #eee, #fff);
}
-
- table,
- tr,
- td {
- font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
- font-size: 10pt;
+ #jumplinks>a:hover {
+ text-decoration: none;
+ color: #19191f;
+ border: 1px solid #f60 !important;
+ background: #ddd;
+ background: linear-gradient(to bottom, #eee, #fff);
+ box-shadow: inset 0 0 0 1px #fff !important;
+ filter: drop-shadow(0 0 1px rgba(204, 204, 204, 0.8));
+ transition: ease border 0.7s;
+ }
+ #jumplinks>h4 {
+ text-align: left;
+ font-size: 1.1rem;
}
-
- @media screen and (max-width: 1500px) {
- body {
- margin: 4px;
- }
+}
+
+element {
+ height: 6em;
+ min-width: 0;
+ min-height: 0;
+ width: 96%;
+}
+
+table,
+tr,
+td {
+ font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
+ font-size: 10pt;
+}
+
+@media screen and (max-width: 1500px) {
+ body {
+ margin: 4px;
+ }
+}
+
+@media screen and (min-width: 1500px) {
+ body {
+ font-size: 10pt !important;
}
-
- @media screen and (min-width: 1500px) {
- body {
- font-size: 10pt !important;
- }
- }
\ No newline at end of file
+}
\ No newline at end of file
--
GitLab