status.cafe Cozy by skykristal

Details
Authorskykristal
LicenseNo License
Created
Updated
Categoryuserstyles
Statistics
Learn how we calculate statistics in the FAQ.
Total views
Total installs
Weekly installs
Weekly updates
Description
Chill blue theme for status.cafe.
Affects the homepage, settings, and edit status pages.
Does not affect other people's profiles.
06.06 added the forum too!
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name status.cafe Cozy
@version 20230128.06.10
@namespace userstyles.world/user/skykristal
@description Chill blue theme for status.cafe.
Affects the homepage, settings, and edit status pages.
Does not affect other people's profiles.
--
06.06 added the forum too!
@author skykristal
@license No License
==/UserStyle== */
/* ==UserStyle==
@name status.cafe Cozy
@version 20220711.06.21
@namespace userstyles.world/user/skykristal
@description Chill blue theme for status.cafe.
Affects the homepage, settings, and edit status pages.
Does not affect other people's profiles.
--
Might include the forum as well in the future.
@author skykristal
@license No License
==/UserStyle== */
@-moz-document url("https://status.cafe/"), url("https://status.cafe/settings"), url("https://status.cafe/manage"), url("https://status.cafe/login"), url-prefix("https://status.cafe/edit"), url-prefix("https://status.cafe/register"), url-prefix("https://forum.status.cafe/") {
@import url('https://fonts.googleapis.com/css2?family=Jura:wght@300&display=swap');
body {
background-image: url(https://skykristal.art/images/SVG/wavesniche.svg);
background-size: cover;
background-attachment: fixed;
background-position: bottom;
color: #c8d6de;
font-family: 'Jura', sans-serif;
background-color: #0a192f;
font-size: .9em;
max-width: 1200px;
}
input,
textarea,
input#name,
input#password {
border: 0px;
border-radius: 20px;
padding: 5px;
background: rgb(10 37 60 / 33%);
color: #73afc1;
outline: 0!important;
backdrop-filter:blur(10px);
}
input[type="radio"] {
appearance: none;
background-color: #131736;
margin: 0px;
font: inherit;
color: currentColor;
border: 0 solid currentColor;
border-radius: 50%;
transform: translateY(-0.075em);
display: grid;
place-content: center;
}
input[type="radio"]::before {
content: "";
width: 0.85em;
height: 0.85em;
border-radius: 50%;
transform: scale(0);
transition: 120ms transform ease-in-out;
background: #00ffe1;
box-shadow: 0 0 10px #0bf, 0 0 10px #0bf;
}
input[type="radio"]:checked::before {
transform: scale(1);
}
input[type="radio"]:focus {
outline: max(2px, 0.15em) solid currentColor;
outline-offset: max(2px, 0.15em);
}
label {
font-size: 20px;
margin: -3px;
}
p > img {
margin-left: auto;
margin-right: auto;
display: block;
}
textarea {
min-height: 120px;
}
tbody, .forum {
background-color: rgb(0 0 0 / 29%);
}
table, th, td {
border: 0px;
}
tr, td, th {
border: 0px;
padding: 2em;
text-align: left;
}
.signature {
border-top: 0px;
background:rgba(0, 0, 0, .34);
padding:10px;
border-radius:20px;
}
hr{
background:#00ffff12;
}
.status-content {
line-break: anywhere;
}
.topic > tbody > tr:nth-child(2n) {
background-color: rgba(0, 0, 0, .33);
}
nav.breadcrumb {
padding: 1em;
border: 0px;
margin: 1em 0;
}
thead {
background-color: #112132;
color: white;
}
.radio + .radio {
margin-top: 1em;
}
::placeholder {
color: #ffffff47;
text-align: center;
}
h1,
h2,
h3,
h4,
h5,
dt.about,
dt.homepage {
text-transform: uppercase;
font-size: 2rem!important;
line-height: 40px;
margin-top: 40px;
}
.cols > section:nth-child(1) {
background: rgb(18 60 84 / 49%);
padding: 10px;
border-radius: 20px;
margin-top: 25px;
height:fit-content;
}
.cols > section:nth-child(2) {
background: rgb(18 60 84 / 49%);
border-radius: 20px;
margin-top: 25px;
overflow: auto;
}
h2:first-of-type {
text-align: center;
font-size: 4em;
}
section:last-child > p:last-of-type {
text-align: center;
}
dt.about,
dt.homepage {
margin-bottom: 20px;
}
section:first-child > p:first-of-type {
bottom: 0;
right: 0;
padding: 1em;
font-size: 10px;
}
hr {
border-color: rgb(20 130 255 / 36%);
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-width: 1px;
}
.flash {
background-color: #294f29;
padding: 0.5em 1em;
color: #54c854;
margin: 1.3em;
border-radius: 20px;
}
.status {
transform: scale(1);
transition: 0.5s;
}
.status:hover {
transition: 0.5s;
background: rgba(0, 0, 0, 0.8);
}
.status-username > a {
color: white;
text-shadow: none;
}
a {
text-decoration: none;
color: #5fbbec;
word-break: break-word;
}
a:hover {
color: #fdfdfd;
}
main,
header {
padding: 30px;
border-radius: 20px;
margin: 3% auto;
position: relative;
}
cols {
justify-items: center;
}
section:nth-child(2) {
text-align: center;
}
about {
text-align: left;
}
nav > a {
margin: 8px;
font-size:18px;
}
nav {
text-align: center;
}
nav > a:nth-child(2) {
color: #00ed83;
}
nav > a:nth-child(3) {
color: #edeb00;
}
nav > a:nth-child(4) {
color: #ed0000;
}
nav > a:nth-child(5) {
color: #ed00d7;
}
dd {
margin-bottom: 2em;
margin-left: 0px;
}
section:last-child {
height: auto;
overflow: visible;
}
section > p {
text-align: left;
}
.status {
margin-bottom: 1em;
background-color: rgba(0, 0, 0, 0.2);
display: inline-table;
border-radius: 20px;
padding: 1rem;
width: 200px;
height: 160px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}
/* width */
::-webkit-scrollbar {
width: 7px;
}
/* Track */
::-webkit-scrollbar-track {
border-radius: 0px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #314279;
border-radius: 20px;
}
::-webkit-scrollbar-track-piece {
background: #0a192e;
border: 0px solid #0e3154;
border-radius: 10px;
}
::-webkit-scrollbar-corner {
border-radius: 0px;
}
::selection {
background: #63F4F6;
color: black;
}
@media screen and (max-width: 600px) {
.profile-picture {
transform: translateX(20%) translateY(-4%);
}
}
}
@-moz-document url-prefix("https://status.cafe/settings") {
.field {
max-width: 100%;
}
h1:after{
content:"tiny box sucks, so I made everything full width on here. hell yeah";
display:block;
font-size:12px;
}
}