forked from I2P_Developers/i2p.i2p
tweak light proxy.css on non-mobile screens
This commit is contained in:
idk
@ -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;
|
||||
font-size: 10.5pt;
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#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;
|
||||
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: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;
|
||||
font-size: 10pt !important;
|
||||
}
|
||||
|
||||
@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;
|
||||
background-position: initial initial !important;
|
||||
background-repeat: initial initial !important;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
min-width: 430px;
|
||||
width: calc(100% - 40px) !important;
|
||||
margin: 10px 5px 0px !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;
|
||||
.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;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1500px) {
|
||||
body {
|
||||
margin: 4px;
|
||||
}
|
||||
#jumplinks>h4 {
|
||||
text-align: left;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1500px) {
|
||||
body {
|
||||
font-size: 10pt !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user