tweak light proxy.css on non-mobile screens

This commit is contained in:
idk
2022-01-23 11:02:47 -05:00
parent 2752015b6e
commit 3057103875

View File

@ -1,363 +1,364 @@
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;
} }
button { button {
color: rgb(59, 107, 191); color: rgb(59, 107, 191);
border: none; border: none;
background: none !important; background: none !important;
cursor: pointer; cursor: pointer;
text-align: left; text-align: left;
display: inline; display: inline;
} }
#jumplinks h3 { #jumplinks h3 {
margin: 0 0 10px; margin: 0 0 10px;
} }
#jumplinks a { #jumplinks a {
display: block; display: block;
padding: 2px 0; padding: 2px 0;
line-height: 16px; line-height: 16px;
} }
#jumplinks a::before { #jumplinks a::before {
content: "\279F\00A0"; content: "\279F\00A0";
font-size: 16pt; font-size: 16pt;
display: inline-block; display: inline-block;
padding: 3px 0; padding: 3px 0;
vertical-align: sub; vertical-align: sub;
line-height: 16px; line-height: 16px;
} }
@media screen and (min-width: 1400px) { @media screen and (min-width: 1400px) {
#jumplinks h4 {
font-size: 10.5pt;
}
}
#jumplinks h4 { #jumplinks h4 {
margin-bottom: 10px; font-size: 10.5pt;
border-color: #7778bf !important;
color: #41465f;
padding-bottom: 10px;
} }
}
b {
color: rgb(65, 70, 95); #jumplinks h4 {
} margin-bottom: 10px;
border-color: #7778bf !important;
body { color: #41465f;
font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif; padding-bottom: 10px;
} }
h4 { b {
display: inherit; color: rgb(65, 70, 95);
} }
* { body {
outline: none; font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif;
} }
img { h4 {
border: none; display: inherit;
} }
td:nth-child(1) { * {
font-weight: bold; outline: none;
} }
.formaction button p { img {
display: inline-block; border: none;
} }
.logo { td:nth-child(1) {
float: left; font-weight: bold;
padding: 10px; }
text-align: center;
color: rgb(34, 34, 34); .formaction button p {
margin: 0px 10px; display: inline-block;
border: 1px solid rgb(68, 68, 119); color: rgb(34, 34, 34);
border-top-left-radius: 2px; }
border-top-right-radius: 2px;
border-bottom-right-radius: 2px; .logo {
border-bottom-left-radius: 2px; float: left;
background-color: rgb(248, 248, 255); padding: 10px;
box-shadow: rgb(187, 187, 255) 0px 0px 0px 1px inset; text-align: center;
background-position: initial initial; color: rgb(34, 34, 34);
background-repeat: initial initial; margin: 0px 10px;
min-height: 175px; border: 1px solid rgb(68, 68, 119);
} border-top-left-radius: 2px;
border-top-right-radius: 2px;
.logo hr { border-bottom-right-radius: 2px;
margin: 8px -10px; border-bottom-left-radius: 2px;
background-color: rgb(119, 120, 191); background-color: rgb(248, 248, 255);
height: 1px; box-shadow: rgb(187, 187, 255) 0px 0px 0px 1px inset;
background-position: initial initial; background-position: initial initial;
background-repeat: initial initial; background-repeat: initial initial;
} min-height: 175px;
}
.warning hr {
background-image: linear-gradient(to right, rgb(119, 120, 191), rgb(194, 196, 239)); .logo hr {
background-position: initial initial; margin: 8px -10px;
background-repeat: initial initial; background-color: rgb(119, 120, 191);
} height: 1px;
background-position: initial initial;
.logo a { background-repeat: initial initial;
width: 100%; }
display: inline-block !important;
} .warning hr {
background-image: linear-gradient(to right, rgb(119, 120, 191), rgb(194, 196, 239));
.logo hr~a { background-position: initial initial;
margin: 3px 2px; 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 { .warning {
padding: 10px 25px 20px 75px; margin: 114px 5px 0px !important;
text-align: start; background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.298039)) !important;
color: rgb(34, 34, 34); background-color: rgb(248, 248, 255) !important;
margin: 0px 10px; padding-left: 25px !important;
border: 1px solid rgb(68, 68, 119); background-position: initial initial !important;
border-top-left-radius: 2px; background-repeat: initial initial !important;
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 { .warning h3 {
text-align: left; font-size: 10pt !important;
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 { .logo {
background-color: rgb(246, 246, 250) !important; position: absolute;
background-position: initial initial !important; top: 0px;
background-repeat: initial initial !important; min-width: 430px;
width: calc(100% - 40px) !important;
margin: 10px 5px 0px !important;
} }
.logo a:link:not(img) {
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; 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 { .hostadd {
height: 10rem;
width: 100%; width: 100%;
border-radius: 12px; border-radius: 12px;
background: #eef; background: #eef;
} }
.hostaddform { .hostaddform {
width: 100%; width: 48%;
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
} }
#jumplinks {
@media only screen and (max-width: 600px) { text-align: start;
.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>a {
element { border: black;
height: 6em; border-top-style: none;
min-width: 0; border-top-width: medium;
min-height: 0; 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%; 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 {
table, text-decoration: none;
tr, color: #19191f;
td { border: 1px solid #f60 !important;
font-family: 'Droid Sans', 'Noto Sans', Ubuntu, 'Segoe UI', 'Lucida Grande', Verdana, Helvetica, sans-serif; background: #ddd;
font-size: 10pt; 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 {
@media screen and (max-width: 1500px) { text-align: left;
body { font-size: 1.1rem;
margin: 4px;
}
} }
}
@media screen and (min-width: 1500px) {
body { element {
font-size: 10pt !important; 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;
}
}