diff --git a/apps/i2ptunnel/resources/proxy/css/dark/proxy.css b/apps/i2ptunnel/resources/proxy/css/dark/proxy.css
index 27e64bbae3aa339cde9ef74be09258b22bd47706..99f0a81ae3e72fc46db5d0e1d0ec570e98084d68 100644
--- a/apps/i2ptunnel/resources/proxy/css/dark/proxy.css
+++ b/apps/i2ptunnel/resources/proxy/css/dark/proxy.css
@@ -14,6 +14,10 @@ body {
background-repeat: initial initial;
}
+h4 {
+ display: inherit;
+}
+
#jumplinks h4 {
padding-bottom: 10px;
margin-bottom: 10px;
@@ -230,7 +234,6 @@ hr:last-child {
background-size: 54px, 100%;
background-position: 10px calc(50% + 32px);
background-repeat: no-repeat;
- background-image: url(/themes/console/images/itoopie_sm.png);
}
.warning h3 {
diff --git a/apps/i2ptunnel/resources/proxy/css/light/proxy.css b/apps/i2ptunnel/resources/proxy/css/light/proxy.css
index 0b262c5d0807c05a0f34e65f065e48233433fbc4..a48bcab90edc3c1cbc63140e0af5d184c0cea906 100644
--- a/apps/i2ptunnel/resources/proxy/css/light/proxy.css
+++ b/apps/i2ptunnel/resources/proxy/css/light/proxy.css
@@ -1,332 +1,363 @@
-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;
-}
-
-#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) {
+ 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;
+ }
+ }
+
#jumplinks h4 {
- 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;
-}
-
-* {
- outline: none;
-}
-
-img {
- border: none;
-}
-
-.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-image: url(/themes/console/images/itoopie_sm.png), 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;
+ margin-bottom: 10px;
+ border-color: #7778bf !important;
+ color: #41465f;
+ padding-bottom: 10px;
}
- .warning h3 {
- font-size: 10pt !important;
+
+ b {
+ color: rgb(65, 70, 95);
}
- .logo {
- position: absolute;
- top: 0px;
- min-width: 430px;
- width: calc(100% - 40px) !important;
- margin: 10px 5px 0px !important;
+
+ body {
+ font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
- .logo a:link:not(img) {
+
+ h4 {
+ display: inherit;
+ }
+
+ * {
+ outline: none;
+ }
+
+ img {
+ border: none;
+ }
+
+ td:nth-child(1) {
+ font-weight: bold;
+ }
+
+ .formaction button p {
display: inline-block;
- width: auto;
- margin: 0px 5px;
- }
-}
-
-.logo hr {
- visibility: hidden;
-}
-
-@media screen and (min-height: 700px) {
+ }
+
+ .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 {
- 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 {
- height: 10rem;
- width: 100%;
- border-radius: 12px;
- background: #eef;
-}
-
-.hostaddform {
- width: 48%;
- display: inline-block;
- vertical-align: top;
-}
-
-@media only screen and (max-width: 600px) {
- #jumplinks {
+ 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;
}
- #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);
+
+ .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;
}
- #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 {
+
+ .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;
}
-}
-
-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 (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;
+ }
}
-}
-
-@media screen and (min-width: 1500px) {
- body {
- font-size: 10pt !important;
+
+ .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: 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;
+ }
+ }
+
+ 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;
+ }
}
-}
\ No newline at end of file
+
+ @media screen and (min-width: 1500px) {
+ body {
+ font-size: 10pt !important;
+ }
+ }
\ No newline at end of file