Ghost B.C. Layout!

Tags: music, simple, layout

Description:

Feel free to change anything! If there's any problems, please let me know and I'll try my best to fix them :D. Please comment if you use this, thank you!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Melody 💜 (https://layouts.spacehey.com/layout?id=29852) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
p{
  font-family: 'Emilys Candy', cursive;
  font-size: 100%;
  color: white
}
h1,h2,h3,h4,h5{
  font-family: 'Emilys Candy', cursive;
  font-size: 150%;  
}

h1 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 30px black, 0 0 10px black;
}

h2 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 30px black, 0 0 10px black;
}

h3 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 30px black, 0 0 10px black;
}

h4 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #000000;, 0 0 30px black, 0 0 10px black;

}
  body {
   background-image: url(https://static.wikia.nocookie.net/thebandghost/images/7/74/Ghost-2018.jpg/revision/latest?cb=20180501094419);
background-size: cover;
height: 100%;
background-attachment: fixed;

}
main{
background: none;
}
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
comments-table td:first-child img {
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(0,0,0);
   color: black;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: black;
   color: rgb(255, 77, 166);
}

footer {
    border-radius: 15px;
    background-image: url(https://images.pexels.com/videos/3045163/free-video-3045163.jpg?auto=compress&cs=tinysrgb&dpr=1&w=500);
    color: white;
}

table.comments-table td {
    color: #FFFFFF;
}

:root {
    --logo-blue:black;
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: pink;
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url(https://media.giphy.com/media/28C2CItwGuc3C/giphy.gif);
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

.online{
color: #FFFFFF;
font-family: 'Emilys Candy', cursive;
text-shadow: 0px 0px 15px black;
font-size: 20px;
text-align: right;
}

.online img{
content: url(https://upload.wikimedia.org/wikipedia/commons/f/f6/Grucifix_no_background.svg);
}

.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 to Friends */
	content: "⛧"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "⛧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "☽"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "☽"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "♪"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "♪"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "♢"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "♢"
}
a:hover {
color: #e1e1e1;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol35.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/26/hol35.html" target="_blank" title="Coffin"><img src="https://cur.cursors-4u.net/cursor.png" alt="Coffin" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe src="https://giphy.com/embed/CSjvQx3koHerNDaZJG" width="480" height="270" frameborder="0" class="giphy-embed" allowfullscreen=""></iframe><p><a href="https://giphy.com/gifs/thebandghost-dance-ghost-spillways-CSjvQx3koHerNDaZJG"></a></p>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 18 of 18 comments ( View all | Add Comment )

sharkz	1728571719 maybe using!!! Report Comment
DeadMemes1335	1728166146 USING. Report Comment
DeadMemes1335	1728166140 USING. Report Comment
Faithy	1722575089 GONNA USE THIS ! Report Comment
crXssy!!	1720586213 using this oh em gee/pos Report Comment
CHAINSAW !!	1720196647 Using!!! Report Comment
CARDINAL COPIA🦇	1716754440 Using! Report Comment
FeralieShihara	1712398587 using ! ! ! Report Comment
Kenzie <3	1710800807 using!!! Report Comment
Rosalina :3	1704159014 Using!! Report Comment
Rosalina :3	1704159013 Using!! Report Comment
kris >:3	1698868055 OMG TYSM IVE BEEN WANTING TO FIND A GHOST LAYOUT LIKE THIS TYTYTYTY (using btw idk if that was obvious) Report Comment
may ^^	1697480678 USINGG Report Comment
The Matriarch	1696648082 USING XOXO Report Comment
_wraithboye_	1696095670 amazing!! using :D Report Comment
Marz!	1690639087 dude this looks so cool! <3 (using) Report Comment
Ezra	1683150644 Using this =] Report Comment