My first layout

Tags:
Description:

I used this layout for 9 whole months once i joined!! i really loved this layout for a long time and though i wont be using it again, i hope someone else likes it just as much <3 Features: hello kitty cursor nature sounds autoplay pronouns/nickname area custom scrollbar hanging birdcage graphic
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by fairycake444 ౨ৎ⋆˚｡⋆ (https://layouts.spacehey.com/layout?id=34831) -->

<style>
	::-webkit-scrollbar {
	width: 17px;
	height: 7px;
	background-color:#ffffff;}

	::-webkit-scrollbar-button:start:decrement,
	::-webkit-scrollbar-button:end:increment {display: block;}
	::-webkit-scrollbar-button:vertical:start:increment,
	::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
	::-webkit-scrollbar-button:end:increment 
        {background-image:url(https://www.snazzyspace.com/images/arrowdown.png);
	background-repeat: no-repeat;background-position:center;
        -webkit-box-shadow: inset 0 0 16px rgba(214,214,214,0.9);}
</style>

<style>
	::-webkit-scrollbar-button:start:decrement 
	{background-image: url(https://www.snazzyspace.com/images/arrowup.png);
	background-repeat: no-repeat;background-position:center;
        -webkit-box-shadow: inset 0 0 16px rgba(214,214,214,0.9);}

	::-webkit-scrollbar-thumb {
	background-color:transparent;        background:url("https://i.postimg.cc/PJgYt2BZ/1e2b193dc3aa6e6e5fc3b14809ec32c2.jpg");
        background-size: 400% auto;
	border-left:0px solid #E5E5E5;
	border-right:0px solid #E5E5E5;
	border-bottom:0px solid #E5E5E5;
	border-top:0px solid #E5E5E5;
	border-radius:0%;}

	#scrollbardolliecrave {
	width:96px;
	height:20px;
	position: fixed;    
	left: 0px;    
	bottom: 0px;}

	::-webkit-scrollbar-track {
        background:url(https://www.snazzyspace.com/images/track.png); 
	border-radius:0%;}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/387e_gMvSAs//?&;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>

<div class="bird"></div> 

<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave a comment!  " url(https://i.ibb.co/XYc8HYd/ac1b9702.gif); font-size:.8rem; font-weight:bold;
color:#96A677;} 
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani195.ani), url(https://cur.cursors-4u.net/anime/ani-1/ani195.png), auto !important;}</style>

<style>
/*Custom Logo*/
.logo {content:url("https://i.ibb.co/zNT8Xby/floral-spacehey-logo.png");}
</style>

<style>
/*Cover Photo*/
main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.ibb.co/85smcZq/original.jpg');
 background-position: center center;
 background-size: cover;
</style>

<style>
/*Colors*/
     :root {
        --logo-blue: #;
        --darker-blue: ;
        --lighter-blue: #c9d6b0 ;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #96A677;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #96A677;}

    .online {
        content: url("https://i.ibb.co/x20QRNg/giphy.gif");}

/*navigation bar shadow*/
nav .links a {
text-shadow: none;}

.bird{
    background: url('https://i.ibb.co/pJDvLSP/rc03-icon-birdcage.gif') no-repeat;
    background-size: 100%!important;
    position:absolute;
    right: 20px;
    top: 1px;
    height: 31px;
    width: 23px;
    z-index: 100;
    opacity: 100%;}

/*Hides Heroes Section*/
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}

/*Notification decoration*/
    .icon, .award img {
        content: url("https://i.ibb.co/vLz3FWP/ezgif-com-gif-maker.gif");
        display: inline-block;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);}

/*Pronouns*/
div.col h1:after {
  background-color: #;
  border-radius: 10%;
  font-size: 12px;
  margin-left: 5px;
  padding: 5px;
  content: "(Cait/Caity)";}

/*Font*/
    * {
        font-family: Merriweather;}

/*Custom contact*/
    .contact .heading{ font-size:0; }

.contact .heading:before{ content: "Contacting Me"; font-size:.8rem; font-weight:bold; 
color:White; }

   .contact {
  border-radius: 5px;
  background: url('https://media.giphy.com/media/HXkvcANgZaQW3NscJy/giphy.gif');
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 250px;
  height: 150px;
  color: white!important;}

/*Left Side Header Color*/
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #839169 !important;
        border-bottom: 2px solid;}

/*Blocks default contact Icons*/
.contact .inner a img {
font-size: 0;}

/*Custom contact Gifs*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: URL("https://i4.glitter-graphics.org/pub/371/371104i9u4viatgj.gif")}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: URL("https://i4.glitter-graphics.org/pub/371/371104i9u4viatgj.gif")}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: URL("https://i.ibb.co/qCzNCsH/book.png")}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: URL("https://i.ibb.co/qCzNCsH/book.png")}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: URL("https://i.ibb.co/qCzNCsH/book.png")}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: URL("https://i1.glitter-graphics.org/pub/714/714141hdisa1rszo.gif")}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: URL("https://i7.glitter-graphics.org/pub/491/491607dqh01wwitn.gif")}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://i1.glitter-graphics.org/pub/714/714141hdisa1rszo.gif")} 

/*Background Image*/
       body
        {background: url("https://live.staticflickr.com/65535/51963493224_2b002dbf9d.jpg")
        no-repeat fixed; background-size:cover;}

/*borders*/
    .profile .contact,
    .home-actions {
        border: none;}

/*Collapses interests and links spacing*/
    table.details-table {
        border-collapse: collapse;}

/*Rounded pfp*/
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;}

/*Main Box Color*/
    main {
        border-radius: 0px;
        background: rgba(250, 250, 238) !important;}

/*Extra Top Spacing*/
    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;}

/*Footer Color*/
    footer {
        border-radius: 5px;
        background: rgba(201, 214, 176) !important;
        display: block !important;}

/* Navigation bar */
nav .links ::after,
footer .links ::after{
    content: "  ♪";}

/*Makes Commenter pfp round*/
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;}

/*Makes friend's pfp round*/
    .profile .friends .person img {
        border-radius: 500px;}

/*Removes outer comments border*/
  table, tr, td { 
  background-color:transparent; 
 border:none; 
 border-width:50px;} 

.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 11px;
  background-image: url('https://i.ibb.co/f4BM31Q/tumblr-inline-payodod-QWi1snh43y-250.png');
  background-repeat: round, no-repeat;
  background-size: 240px;}

/*Gif Divider*/
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url('https://media.giphy.com/media/Ok2RVi8UgEqqjVq8uE/giphy.gif');
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: 300px;}

/*Comment Background*/
.profile .friends .comments-table td {
  background-image: URL("https://live.staticflickr.com/65535/51966454262_27312604b5_c.jpg");}


.friends-grid {
        visibility:hidden; display:none;}
</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 1 of 1 comments ( View all | Add Comment )
Alma ♀
1688704998
awwe ponies
Report Comment