more rpine stuff

This commit is contained in:
ThatOneCalculator 2022-07-23 21:23:04 -07:00
parent 266d79c122
commit 8532c7eea5
4 changed files with 39 additions and 40 deletions

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;
} }