only changes layout of the homepage
spacehey red/black homepage by demolvrzs
![Screenshot of spacehey red/black homepage](https://userstyles.world/preview/10264/0.jpeg)
Details
Authordemolvrzs
LicenseNo License
CategorySpacehey
Created
Updated
Size4.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name spacehey.com/home
@version 20230610.10.58
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("https://spacehey.com/home") {
@font-face { font-family: 'goth stencil';
src: url(https://dl.dropbox.com/s/lix8jq02xbdc7xs/GothStencil_Premium.ttf);
}
body{
background-color: black;
font-family: 'goth stencil';
text-transform: lowercase;
}
nav .top {
background: transparent;
padding: 15px 10px 14px 10px;
display: flex;
position: relative;
}
nav {
color: red;
font-size: 72%;
font-size: max(72%, 12px);
}
button, input {
overflow: visible;
background: black;
border: 1px solid red;
color: red;
box-shadow: 0 0 5px red;
}
nav .links {
background-color: transparent;
padding: 3.5px 16px 5.5px 16px;
text-align: center;
}
nav .links a {
text-decoration: none;
color: red;
text-shadow: 0 0 7px red;
font-size: 0.98em;
font-size: max(0.98em, 12px);
}
nav .links a:hover {
text-decoration: underline;
color: darkred;
text-transform: uppercase;
font-style: italic;
font-weight: bold;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " | ";
color: red;
}
main {
background: transparent;
color: red;
padding: 6px 0px;
font-size: 80%;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background: transparent;
color: red;
text-align: center;
padding: 2px 7px;
}
.home-actions {
background: transparent;
font-weight: bold;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
width: 100%;
border: 1px solid red;
box-shadow: 3px 3px red;
margin: 10px 0;
}
a {
color: darkred;
text-decoration: none;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
color: #440101;
text-transform: uppercase;
font-style: italic;
font-weight: bolder;
}
.indie-box {
outline: 1px solid red;
border: 1px solid red;
box-shadow: 3px 3px red;
margin: 20px 0 10px 0;
padding: 5px 5px 15px 5px;
text-align: center;
font-weight: bold;
}
.music .heading, .specials .heading, .bulletin-preview .heading, .blog-sub-preview .heading {
background: transparent;
border: 1px solid red;
box-shadow: 3px 3px red;
padding: 5px 7px;
margin: 10px 8px 10px 0;
text-align: center;
}
.statistics .heading {
background: black;
border: 1px solid red;
box-shadow: 3px 3px red;
color: red;
padding: inherit;
}
.m-row {
border: 1px solid red;
box-shadow: 3px 3px red;
margin-top: 10px;
}
.new-people .top {
background-color: black;
border-bottom: 1px solid red;
overflow-wrap: break-word;
word-break: break-word;
text-align: center;
}
.new-people {
border: 1px solid red;
box-shadow: 3px 3px red;
}
.forum-table th, .forum-table td, .groups-table th, .groups-table td, .bulletin-table th, .bulletin-table td {
border: 1px solid red;
padding: 7px;
}
table.bulletin-table.preview {
box-shadow: 3px 3px red;
}
.profile .blurbs .heading, .profile .friends .heading {
background: black;
border: 1px solid red;
text-align: center;
box-shadow: 3px 3px red;
color: red;
padding: 2px 7px;
}
footer {
text-align: center;
font-size: 70%;
margin: 10px 0 10px;
padding: 10px 5px;
background: black;
color: red;
border: 1px solid red;
box-shadow: 3px 3px red;
}
img:hover , .url-info:hover , .online:hover {
animation: shake 1s;
animation-iteration-count: infinite;
}
.logout-btn, .logout-form {
color: #8c0707;
display: inline-block;
font-size: 100%;
text-transform: uppercase;
font-weight: bold;
font-family: 'goth stencil'
}
HTML,BODY{cursor:
url(https://ani.cursors-4u.net/symbols/sym-8/sym734.cur),
auto;}
A:hover{cursor:
url(https://ani.cursors-4u.net/symbols/sym-8/sym734.cur),
auto;}
.logo {
width: 200px;
height: auto;
content: url("https://media.discordapp.net/attachments/859229634424209439/1092376431813730324/IMG_1292.png");
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
border-radius: 10px;
width: 2px;
border: 1px dotted darkred;
}
::-webkit-scrollbar-thumb {
background: darkred;
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background: red;
}
.notification-overview {
border-bottom: 1px solid red;
}
}