Report Blog Entry
includes gun cursor, lady of sorrows autoplay, bullets cd online indicator, (very tiny) mcr gun circle logo notif bell and icons, and mcr spacehey logo! i also put a png of sum bats in there if u wanna put that but thats optional i just thought it looked cool lolz
page decor, as u can see by the watermarks in the code, r not mine!! i also did not hand code this, i just changed around colors n images n stuff, the original layout is linked in my watermark!
and ofc feel free to change or remove anything if u want ^^
(comment if using <3)
<!-- (c) Layout created by 击DESTROYA击 (original layout: https://layouts.spacehey.com/layout?id=25766) -->
<style>
@font-face {
font-family: 'blackside';
src: url(https://dl.dropbox.com/s/dbo8631uydhb45w/Blackside%5B1%5D.ttf);
}
@font-face {
font-family: starlight;
src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf);
}
/* main configs */
body{background:url("https://64.media.tumblr.com/3f735646053f9c9da78f93a3bcaf63ba/e1931080fd73558a-96/s400x600/217d252b04a4b761ea3691eeb7636f30c39598cd.jpg") no-repeat fixed; background-size:cover;
font-weight: light;
}
main {
background: black;
position: 700px;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
}
.profile-pic {
border-style: solid black;
border-width: 3px;
box-shadow: 0px 0px 19px 0px hotpink;
}
/* name */
h1{
font-size: 30px !important;
font-family: courier !important;
padding-left: 2px !important;
color: white;
text-shadow: 0px 0px 2px purple;
}
.table-section .heading{ font-size:10; }
.table-section .heading:before{ content: url();
}
/* section h4 */
.profile .friends .inner, .profile .blurbs .section h4{
text-align: center;
background-image: url("https://64.media.tumblr.com/9375d28d150a16a88eb486aa5305260b/e1931080fd73558a-63/s540x810/75cd061eb21b7ba96da765f861f1e51c65561eff.jpg");
text-shadow: 0 0 9px purple;
}
.profile .blurbs .section h4 {
font-family: courier;
text-transform:lowercase;
color: white;
text-shadow: 0 0 9px purple;
border: 3px white;
}
/* right headings */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:transparent;
text-transform:lowercase !important;
color: white;
}
/* left headings */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: transparent;
color: white;
}
.contact .heading h4{
display:none !important;}
.contact .heading{ font-size:20px; }
.contact .heading:before{ content: url(https://64.media.tumblr.com/eae7f4d26b51c44985fe20b56b6d51e6/e1931080fd73558a-d1/s400x600/a2677d73f2f70b80dc819762eb5f494a4266c721.pnj);
overflow:hidden;
}
.table-section .heading{ font-size:0; }
.table-section .heading:before{ content: url();
}
/* text configs */
h4 {
font-size: 12px !important;
color: white;
text-shadow: 0 0 9px purple;
}
p {
font-family: starlight;
color: white;
text-transform:lowercase !important;
text-shadow: 0 0 9px purple;
}
a {
font-family: courier !important;
font-size: 12px;
color: white;
}
a:hover {
color: orange;
}
.count {
color: white;
text-shadow: 0 0 9px purple;
}
.profile .friends .person p {
color: #black;
font-family: courier !important;
}
.profile .friends .person p:hover {
color: orange;
}
/* blog */
DIV.blog-preview{
text-align: center;
background-image: url(https://64.media.tumblr.com/104577ef585256ceec74ea67a1ad5acc/e1931080fd73558a-b0/s400x600/ebd2b2abeb4de965d65eb3a36385395069522e17.jpg);
text-transform:lowercase !important;
color: red;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
}
.contact .heading h4{
font-size:10px;
}
/* images */
.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border-style: solid;
border-width: 10px;
border-image: url("https://64.media.tumblr.com/65097ab5db86e32c6cb840a7fcfaa032/e1931080fd73558a-d5/s400x600/a7d3502032264c2c6925060f659ac81bd7bf936a.jpg") 60 fill round;
}
.online {
margin:auto;
padding-bottom: 5px;
content: url(https://i.ibb.co/CV0XxCH/cdwoah.png);
}
.icon {
content: url(https://64.media.tumblr.com/50c31ebfbccac7624e2647fb0a3c7b3d/1688e7516cb9c49b-50/s400x600/9bc21c89eb51f39a37efdee263a9782b89212550.png);
display: inline-block;
height: 2.0em;
width: 2.0em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);
}
/* contact configs */
.profile .contact {
background-color: rgba(171, 118, 207, 0.4);
}
.profile .contact {
border: white;
font-family: 'blackside';
background: transparent;
text-transform: lowercase;
}
.f-col{
border: 2px orange;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add friend */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add 2 fav */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* chat */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant msg */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
/* about, interests n comments details */
.profile .table-section .details-table td {
background: #800020;
border: 7px orange;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);
}
.profile .friends .comments-table td {
background-color: black;
border: 7px orange;
}
.comments-table td*{
}
.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}
.comments-table td:first-child img{
border-style: solid;
border-width: 10px;
border-image: url("") 60 fill round;
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}
.profile .comments-table .comment-replies{
background-color: Black;
border: none;
color: white;
}
.general-about .details{
padding: 2px;
background: darkred;
background-image: url("https://64.media.tumblr.com/aad369bb6fce7200cad2875e4e321dd1/e1931080fd73558a-37/s400x600/6504908facfc9fb4a7bd9e7e0d32a96d4858392f.pnj");
background-size:cover;
}
/* nav bar */
nav{
font-size: 13px !important;
text-shadow: 1px 1px purple;
text-transform:none;
padding-left:3px;
text-align: center;
}
nav .links {
background: rgb(28,27,27);
background: #800020;
box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
filter: (1);
}
nav .links a:hover {
color: orange;
}
nav .top{
/* has search bar logo n button */
background: rgb(28,27,27);
background: purple;
}
/* the spacehey logo */
nav img.logo{
filter: brightness(100) saturate(100%);
}
.search-wrapper input[type=text] {
background: white;
font-family: starlight;
border: 3px black;
}
button{
font-family: courier !important;
background: rgb(121,121,121);
background: linear-gradient(360deg, rgba(121,121,121,1) 83%, rgba(190,190,190,1) 94%);
color: purple;
}
.profile .url-info {
border: none;
color: transparent;
font-size: 0.1px;
}
.profile .table-section {
border: none;
}
/* general comments configs */
table.comments-table {
border: 2px inset purple;
}
footer {
color: white !important;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: rgb(28,27,27);
background: purple;
}
</style>
<style>
/*hides white box around comments table*/
.table.comments-table:{
border-color:transparent;}
</style>
<style>
h1{
animation: type 3s steps(27);
color: white;
font-size: 10px;
font-family: courier;
white-space: nowrap;
overflow: hidden;
}
@keyframes type{
0%{
width:0ch;
}
100%{
width:27ch;
}
}
@keyframes blink{
0%{opacity:1;}
50%{opacity:0;}
100%{opacity:1;}
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>
<style>
/* for this box, you can add an image of your choice. it's right under the contact box. */
.url-info{
background: url('https://64.media.tumblr.com/008554d8b1c59ae48e50c433c107adbf/e1931080fd73558a-56/s1280x1920/9f3e1016576dc20bd22503c9e4e68b21ff17c19d.jpg');
background-position: center;
border: var(--borders)!important;
height: 300px;
background-size:cover;
}
.url-info p{
opacity: 0.0;
}
.pfp-fallback{
filter: (1);
}
</style>
<style>
/*Put Your Comments In A Scroll Box*/
table.comments-table{
background-color:#800020;
display: block;
height: 300px!important;
overflow-y: scroll;
border-radius:15px;
border-color:orange;
border-width: 3px;
}
</style>
<style>
img:hover , .url-info:hover , .online:hover {
animation: shake 1s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>
<style>
.online {
animation: rotation 8s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
</style>
<style>
/*Customize Scrollbar*/
::-webkit-scrollbar {
width: 8px;
height: 10px;}
::-webkit-scrollbar-thumb {
background: purple;}
::-webkit-scrollbar-track {
background: black;}
</style>
<iframe width="0" height="0" src="https://www.youtube.com/embed/HSAXVVl9BUU?si=RXSaYQYpyDq3olvX//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>
<!-- (c) Layout created by Slayenor (https://layouts.spacehey.com/layout?id=103532) -->
<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-1/oth4.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/05/30/oth4-11.html" target="_blank" title="Gun"><img src="https://cur.cursors-4u.net/cursor.png" alt="Gun" style="position:absolute; top: 0px; right: 0px;"/></a>
<!-- (c) Layout created by frank (https://layouts.spacehey.com/layout?id=101216) -->
<style>
.logo {
content:url("https://www.pngkit.com/png/full/125-1255897_my-chemical-romance-image-my-chemical-romance-three.png");
}
</style>
(this is just a cool little bat png thing i found that may go with the layout, u dont have to use it tho!)
<!-- (c) Layout created by ♱ 𝔅𝔯𝔦𝔱𝔱 ‧₊˚🕷‧₊˚ (https://layouts.spacehey.com/layout?id=94010) -->
<a href="https://ibb.co/ZVxX5ZR"><img src="https://i.ibb.co/CzQ8grp/Bats-png-by-jarofmoths-on-Tumblr.png" alt="Bats-png-by-jarofmoths-on-Tumblr"/></a>
Comments
Displaying 1 of 1 comments ( View all | Add Comment )
Saturn
using! :D