I2P Address: [http://git.idk.i2p]

Skip to content
Snippets Groups Projects
Verified Commit 70bb63e8 authored by idk's avatar idk
Browse files

Make the buttons on the save host form look like the links on the jump host form

parent b96255a6
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
apps/i2ptunnel/resources/proxy/css/dark/proxy.css
+ 4
− 1
View file @ 70bb63e8
...@@ -14,6 +14,10 @@ body { ...@@ -14,6 +14,10 @@ body {
background-repeat: initial initial; background-repeat: initial initial;
} }
h4 {
display: inherit;
}
#jumplinks h4 { #jumplinks h4 {
padding-bottom: 10px; padding-bottom: 10px;
margin-bottom: 10px; margin-bottom: 10px;
...@@ -230,7 +234,6 @@ hr:last-child { ...@@ -230,7 +234,6 @@ hr:last-child {
background-size: 54px, 100%; background-size: 54px, 100%;
background-position: 10px calc(50% + 32px); background-position: 10px calc(50% + 32px);
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(/themes/console/images/itoopie_sm.png);
} }
.warning h3 { .warning h3 {
......
apps/i2ptunnel/resources/proxy/css/light/proxy.css
+ 349
− 318
View file @ 70bb63e8
html { html {
margin: 0px !important; margin: 0px !important;
} }
body { body {
margin: 6px; margin: 6px;
text-align: center; text-align: center;
color: rgb(51, 51, 63); color: rgb(51, 51, 63);
font-size: 9pt; font-size: 9pt;
line-height: 130%; line-height: 130%;
background-color: rgb(246, 246, 250); background-color: rgb(246, 246, 250);
background-position: initial initial; background-position: initial initial;
background-repeat: initial initial; background-repeat: initial initial;
} }
#jumplinks h3 { button {
margin: 0 0 10px; color: rgb(59, 107, 191);
} border: none;
background: none !important;
#jumplinks a { cursor: pointer;
display: block; text-align: left;
padding: 2px 0; display: inline;
line-height: 16px; }
}
#jumplinks h3 {
#jumplinks a::before { margin: 0 0 10px;
content: "\279F\00A0"; }
font-size: 16pt;
display: inline-block; #jumplinks a {
padding: 3px 0; display: block;
vertical-align: sub; padding: 2px 0;
line-height: 16px; line-height: 16px;
} }
@media screen and (min-width: 1400px) { #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 { #jumplinks h4 {
font-size: 10.5pt; margin-bottom: 10px;
} border-color: #7778bf !important;
} color: #41465f;
padding-bottom: 10px;
#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;
} }
.warning h3 {
font-size: 10pt !important; b {
color: rgb(65, 70, 95);
} }
.logo {
position: absolute; body {
top: 0px; font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
min-width: 430px;
width: calc(100% - 40px) !important;
margin: 10px 5px 0px !important;
} }
.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; display: inline-block;
width: auto; }
margin: 0px 5px;
} .logo {
} float: left;
padding: 10px;
.logo hr { text-align: center;
visibility: hidden; color: rgb(34, 34, 34);
} margin: 0px 10px;
border: 1px solid rgb(68, 68, 119);
@media screen and (min-height: 700px) { 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 { .warning {
margin-bottom: 30px; padding: 10px 25px 20px 75px;
}
}
.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 {
text-align: start; 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; .warning:not(old) {
border-top-style: none; background: linear-gradient(rgba(248, 248, 255, 0.8), rgba(240, 240, 255, 0.8));
border-top-width: medium; background-attachment: scroll, initial;
border-right-style: none; background-origin: initial, initial;
border-right-width: medium; background-clip: initial, initial;
border-bottom-style: none; background-size: 54px, 100%;
border-bottom-width: medium; background-position: 10px calc(50% + 32px);
border-left-style: none; background-repeat: no-repeat;
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; .warning h3 {
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; 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; font-size: 1.1rem;
} }
}
@media screen and (max-width: 800px) {
element { .warning {
height: 6em; margin: 114px 5px 0px !important;
min-width: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.298039)) !important;
min-height: 0; background-color: rgb(248, 248, 255) !important;
width: 96%; padding-left: 25px !important;
} background-position: initial initial !important;
background-repeat: initial initial !important;
table, }
tr, .warning h3 {
td { font-size: 10pt !important;
font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif; }
font-size: 10pt; .logo {
} position: absolute;
top: 0px;
@media screen and (max-width: 1500px) { min-width: 430px;
body { width: calc(100% - 40px) !important;
margin: 4px; margin: 10px 5px 0px !important;
}
.logo a:link:not(img) {
display: inline-block;
width: auto;
margin: 0px 5px;
}
} }
}
.logo hr {
@media screen and (min-width: 1500px) { visibility: hidden;
body { }
font-size: 10pt !important;
@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
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Base32 Address: [http://7qeve4v2chmjdqlwpa3vl7aojf3nodbku7vepnjwrsxljzqipz6a.b32.i2p] Onion Address: [http://47ggr2fa3vnwfyhvgskzdmr3i32eijwymxohtxsls45dulmriwxszjad.onion]