Report Blog Entry
I was sort of lazy with this one, so I did not change the Spacehey logo, online logo, etc! i assume whoever uses will change it to whatever they prefer! comment if using, DM if it does not work!
(use this website -->https://nein-mc.neocities.org/csstest/Β to look at the layout without using it on your actual profile!)
Copy and paste into your About Me section!!! muah muah, hope you like!
<style>
@import url('https://fonts.googleapis.com/css2?family=Comic+Neue&display=swap');
body{
background-image: url('https://i.pinimg.com/736x/60/fc/3e/60fc3e5138b8da351abb95a42be2aae6.jpg');
background-repeat: repeat-x;
background-position:undefined;
background-attachment: fixed;
background-size: contain;
background-color: #ff4242;
border: 0px dotted #ffffff;
}
main{
background-color: #f7b15c;
border: 13px Dotted #ffffff;
opacity: 0.9;
}
.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #da4252;
border: 3px Dotted #ffffff!important;
}
span[itemprop='name'] {
color: #581818;
font-size: 18pt;
font-weight: bold;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
h4 {
color: #522519;
font-size: 18pt;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
.section h4, .details-table td:first-child {
color: #89818d!important;
font-size: 16pt;
font-style: italic;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
a, .count {
color: #bfb36f;
font-size: 16pt;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
a:hover {
color: #295cf5;
font-size: 16pt;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
body,main {
color: #502010;
font-size: 14pt;
font-family: 'Comic Neue', 'Comic Sans', Sans-Serif;
}
.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
.top{
background-color: #f55656 !important;
}
.links{
background-color: #f55656!important;
}
footer {
background-color: #f55656;Β
}</style>
<style>
main:before {
width: 100%;
height: 150px ;
display: block;
content: "";
background-image: url('https://i.pinimg.com/1200x/08/96/17/08961734955eb30c75fe756349985942.jpg');
background-position: center center;
background-size: cover;
}
html:before {
Β animation: grain 8s steps(10) infinite;
Β background-image: url('https://i.pinimg.com/originals/20/20/10/202010bab489db1cb502848f1400c088.gif');
Β content: "";
Β height: 300%;
Β left: -50%;
Β opacity:.2;
Β position: fixed;
Β top: -110%;
Β width: 300%;
Β pointer-events:none;
}
<style>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
π ππ΄π©π΅πͺπ²
extra font change (add another style after last bit of coding!!)-->
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
body{ font-family: "IBM Plex Sans Condensed", sans-serif;}