Full moon craziness

Tags: moon, aesthetic, night, psychedelic, art, animated, cool, surreal

Description:

If you like the full moon or not, or if you just like the aesthetic of the full moon, then this is your actual layout for you to have. Be sure to add and comment before using. Kay thanks

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by starry melanson (https://layouts.spacehey.com/layout?id=37364) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #9524fe #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #000000;
    border-radius: 10px;
    border: 3px solid #9524fe;
  }

body{
background-image: url('https://media.giphy.com/media/IXFk1Y4bSuVgxtrL3q/giphy.gif');
background-repeat: repeat;

background-attachment: fixed;
background-size: 80%;
background-color: #000000;

}

.profile .heading, .profile .friends .heading {
color: white;
background-color:Transparent;
text-transform:lowercase !important;
color: white;
border-radius:15px;
border: 3px solid #9524fe


}

main{
background-color: #000000;
border: 1px Solid #000000;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #000000;
border: 1px Solid #000000!important;



}

.top{     
background-color: #000000 !important;

}    

.links{      
background-color: #000000 !important;
text-align: center

}
footer{     
background-color: #000000 !important;
}


.online{
font-size:0 !important;
}
.online:before{
color:#9524fe;
content: "Currently";
font-size:.8rem;
}
.online:after{
color:#9524fe;
content: "Online";
font-size:.8rem;
font-weight:bold;
animation: blinker 1s linear infinite;
}
.online{
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}

span[itemprop='name'] {
color: #ffffff;
font-size: 20pt;
font-weight: bold;
font-family: 'Great Vibes', cursive, Sans-Serif;
}

h4 {
color: #ffffff;
font-size: 12pt;
text-decoration: underline;
font-family: Monospace;

}

.section h4, .details-table td:first-child {
color: #9524fe!important;
font-size: 10pt;
font-family: Monospace;
}

a, .count {
color: #9524fe;
font-size: 10pt;
font-family: Monospace;
}

a:hover {
color: #9524fe;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
font-family: Monospace;
}

body,main {
color: #ffffff;
font-size: 10pt;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>

<style>

.comments-table{display: none !important;}

.blurbs .heading{display: none !important;}
 .table-section .heading{display: none !important;}


.contact {
    background: url('https://media.giphy.com/media/IXFk1Y4bSuVgxtrL3q/giphy.gif');
    background-size: contain;
    border-radius: var(--curve) !important;
    padding: 5px !important;
    border: var(--borders) !important;
}
.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: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png')
	
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url('https://images2.imgbox.com/f4/87/LyWKAVTF_o.png');
}

</style>

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 0 of 0 comments ( View all | Add Comment )