more rpine stuff
This commit is contained in:
parent
8ab4242918
commit
4230e289da
|
@ -1,11 +1,11 @@
|
||||||
main > .tabs {
|
main > .tabs {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
border-bottom: 4px solid #c3c3c3;
|
border-bottom: 4px solid #908caa;
|
||||||
}
|
}
|
||||||
#lsEditor > .adder {
|
#lsEditor > .adder {
|
||||||
margin: 16px;
|
margin: 16px;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
border: 2px solid #c3c3c3;
|
border: 2px solid #908caa;
|
||||||
}
|
}
|
||||||
#lsEditor > .adder > textarea {
|
#lsEditor > .adder > textarea {
|
||||||
display: block;
|
display: block;
|
||||||
|
@ -15,7 +15,7 @@ main > .tabs {
|
||||||
}
|
}
|
||||||
#lsEditor > .record {
|
#lsEditor > .record {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
border-bottom: 1px solid #c3c3c3;
|
border-bottom: 1px solid #908caa;
|
||||||
}
|
}
|
||||||
#lsEditor > .record > header {
|
#lsEditor > .record > header {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
@ -28,15 +28,15 @@ main > .tabs {
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
background: #222;
|
background: #191724;
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
background: #333;
|
background: #1f1d2e;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
#tl > div {
|
#tl > div {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
border-bottom: 1px solid #c3c3c3;
|
border-bottom: 1px solid #908caa;
|
||||||
}
|
}
|
||||||
#tl > div > header {
|
#tl > div > header {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
@ -50,8 +50,8 @@ main {
|
||||||
}
|
}
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
background-color: #222;
|
background-color: #191724;
|
||||||
color: #dfddcc;
|
color: #e0def4;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
@ -63,9 +63,9 @@ button {
|
||||||
border: none;
|
border: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-bottom: 12px;
|
margin-bottom: 12px;
|
||||||
background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0));
|
background: linear-gradient(90deg, rgb(156, 207, 216), rgb(74, 179, 0));
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
color: #222;
|
color: #191724;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
|
@ -80,7 +80,7 @@ button {
|
||||||
button {
|
button {
|
||||||
background: #444;
|
background: #444;
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
color: rgb(153, 204, 0);
|
color: rgb(156, 207, 216);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
|
@ -91,18 +91,18 @@ button:hover {
|
||||||
background: #555;
|
background: #555;
|
||||||
}
|
}
|
||||||
#ls {
|
#ls {
|
||||||
background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0));
|
background: linear-gradient(90deg, rgb(156, 207, 216), rgb(74, 179, 0));
|
||||||
line-height: 30px;
|
line-height: 30px;
|
||||||
color: #222;
|
color: #191724;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
#ls:hover {
|
#ls:hover {
|
||||||
background: rgb(153, 204, 0);
|
background: rgb(156, 207, 216);
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: rgb(134, 179, 0);
|
color: rgb(156, 207, 216);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
p,
|
p,
|
||||||
|
@ -120,7 +120,7 @@ textarea {
|
||||||
background-color: #444;
|
background-color: #444;
|
||||||
border: solid #aaa;
|
border: solid #aaa;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
color: #dfddcc;
|
color: #e0def4;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
|
@ -135,7 +135,7 @@ input {
|
||||||
background-color: #666;
|
background-color: #666;
|
||||||
border: solid #aaa;
|
border: solid #aaa;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
color: #dfddcc;
|
color: #e0def4;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
width: 10rem;
|
width: 10rem;
|
||||||
|
|
|
@ -137,9 +137,8 @@
|
||||||
<span class="button-label-big">Refresh</span>
|
<span class="button-label-big">Refresh</span>
|
||||||
</button>
|
</button>
|
||||||
<p class="dont-worry">Don't worry, it's (probably) not your fault.</p>
|
<p class="dont-worry">Don't worry, it's (probably) not your fault.</p>
|
||||||
|
<p>Please make sure your browser is up-to-date and any AdBlockers are off.</p>
|
||||||
<p>If the problem persists after refreshing, please contact your instance's administrator.<br>You may also try the following options:</p>
|
<p>If the problem persists after refreshing, please contact your instance's administrator.<br>You may also try the following options:</p>
|
||||||
<p>Update your os and browser.</p>
|
|
||||||
<p>Disable an adblocker.</p>
|
|
||||||
<a href="/flush">
|
<a href="/flush">
|
||||||
<button class="button-small">
|
<button class="button-small">
|
||||||
<span class="button-label-small">Clear preferences and cache</span>
|
<span class="button-label-small">Clear preferences and cache</span>
|
||||||
|
@ -182,8 +181,8 @@
|
||||||
|
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
background-color: #222;
|
background-color: #191724;
|
||||||
color: #dfddcc;
|
color: #e0def4;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
@ -199,12 +198,12 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-big {
|
.button-big {
|
||||||
background: linear-gradient(90deg, rgb(134, 179, 0), rgb(74, 179, 0));
|
background: linear-gradient(90deg, rgb(196, 167, 231), rgb(235, 188, 186));
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-big:hover {
|
.button-big:hover {
|
||||||
background: rgb(153, 204, 0);
|
background: rgb(49, 116, 143);
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-small {
|
.button-small {
|
||||||
|
@ -217,20 +216,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-label-big {
|
.button-label-big {
|
||||||
color: #222;
|
color: #191724;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.button-label-small {
|
.button-label-small {
|
||||||
color: rgb(153, 204, 0);
|
color: rgb(156, 207, 216);
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
padding: 12px;
|
padding: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: rgb(134, 179, 0);
|
color: rgb(156, 207, 216);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -245,7 +244,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon-warning {
|
.icon-warning {
|
||||||
color: #dec340;
|
color: #f6c177;
|
||||||
height: 4rem;
|
height: 4rem;
|
||||||
padding-top: 2rem;
|
padding-top: 2rem;
|
||||||
}
|
}
|
||||||
|
@ -259,7 +258,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
details {
|
details {
|
||||||
background: #333;
|
background: #1f1d2e;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
width: 40rem;
|
width: 40rem;
|
||||||
|
|
|
@ -1,13 +1,13 @@
|
||||||
html {
|
html {
|
||||||
background: #222;
|
background: #191724;
|
||||||
}
|
}
|
||||||
main {
|
main {
|
||||||
background: #333;
|
background: #1f1d2e;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
#tl > div {
|
#tl > div {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
border-bottom: 1px solid #c3c3c3;
|
border-bottom: 1px solid #908caa;
|
||||||
}
|
}
|
||||||
#tl > div > header {
|
#tl > div > header {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
|
@ -21,8 +21,8 @@ main {
|
||||||
}
|
}
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
background-color: #222;
|
background-color: #191724;
|
||||||
color: #dfddcc;
|
color: #e0def4;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
@ -37,15 +37,15 @@ button {
|
||||||
margin-bottom:12px;
|
margin-bottom:12px;
|
||||||
background:linear-gradient(90deg,#86b300,#4ab300);
|
background:linear-gradient(90deg,#86b300,#4ab300);
|
||||||
line-height:50px;
|
line-height:50px;
|
||||||
color:#222;
|
color:#191724;
|
||||||
font-weight:700;
|
font-weight:700;
|
||||||
font-size:20px;
|
font-size:20px;
|
||||||
}
|
}
|
||||||
button:hover {
|
button:hover {
|
||||||
background: rgb(153, 204, 0);
|
background: rgb(156, 207, 216);
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: rgb(134, 179, 0);
|
color: rgb(156, 207, 216);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
p,
|
p,
|
||||||
|
@ -63,7 +63,7 @@ code {
|
||||||
background-color: #444;
|
background-color: #444;
|
||||||
border: solid #aaa;
|
border: solid #aaa;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
color: #dfddcc;
|
color: #e0def4;
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
width: 20rem;
|
width: 20rem;
|
||||||
height: 5rem;
|
height: 5rem;
|
||||||
|
|
|
@ -12,15 +12,15 @@ html
|
||||||
}
|
}
|
||||||
body,
|
body,
|
||||||
html {
|
html {
|
||||||
background-color: #222;
|
background-color: #191724;
|
||||||
color: #dfddcc;
|
color: #e0def4;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: rgb(134, 179, 0);
|
color: rgb(156, 207, 216);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue