lilac/violet forest layout

Tags: violet, lilac, forest, pixel art, cats, cat

Description:

pixel art forest background, kinda has a cat themed thing for the contact icons imma be honest if you have many blogs it dosent look all taht good

Preview:

click on the image for a larger preview

Code:

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

<style>


@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

body {
    background: url(https://i.pinimg.com/564x/e0/49/df/e049df8471ca163104de62feb3ae1880.jpg);
background-size: 770px; 
}



.general-about {
margin-bottom: 10px;
}

p{
font-size: 14px !important;
 text-transform:none !important;
}

<style>
h1 {
  color: black;
  font-family: verdana;
  font-size: 200%;
}
p {
  color: black;
  font-family: courier;
  font-size: 130%;
}

p {
  border: 2px solid violet;
}

p {
  border: 2px solid violet;
  padding: 5px;
}

/*Interests Scrollbox*/
    .profile .table-section {
        display: block;
        height: 558px;
        width: AUTO;
        overflow-y: scroll;
        font-size: 12px;
        border: dotted 0px!important;
        border-right: none!important
}

:root {
--logo-blue: #DE73FF;
--darker-blue: #B15ACC;
--lighter-blue: #B15ACC;
--even-lighter-blue: #DE73FF;
--lightest-blue: #B15ACC;
--light-orange: #DE73FF;
--even-lighter-orange: #B15ACC;
}

<style>
.online {
  color: #424a43;
  text-transform: lowercase;
  font-size: 125%;
}
.online img {
    content: url('https://64.media.tumblr.com/5f6cf918f45b526a0ff61d8eda220970/fe16c5739c0ca569-4d/s100x200/a676ba25cba167e7d96327732d29f839a00413e6.gifv');
}
</style>

<style>
.details:after {
content: "your pronouns here";
}
</style>


<style> 
.contact {
        font-size: #px;
        font-family: fontfamily;
        border: dotted 0px!important;
        background-image: url("https://i.ytimg.com/vi/w4dzcE1dsDE/maxresdefault.jpg")!important;
        background: ;
        border-top: 0px;
        
    }
    .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://64.media.tumblr.com/c95d94cadd438965ff58504b20f62bcf/83064d8766d013c2-6c/s75x75_c1/af851622950559ade55463a77f7c2260b93ccd8a.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://64.media.tumblr.com/c95d94cadd438965ff58504b20f62bcf/83064d8766d013c2-6c/s75x75_c1/af851622950559ade55463a77f7c2260b93ccd8a.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://64.media.tumblr.com/b7c14044549141baec2e10658952e8bb/83064d8766d013c2-87/s75x75_c1/78d8e72a6ce5a57ac526de6275439fea892d35f4.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://64.media.tumblr.com/b7c14044549141baec2e10658952e8bb/83064d8766d013c2-87/s75x75_c1/78d8e72a6ce5a57ac526de6275439fea892d35f4.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://64.media.tumblr.com/04c3875b44db3a4292e09be7700ea8ac/83064d8766d013c2-42/s75x75_c1/7943e4c888a1c50bf4322dce5ea6bad8af96b37d.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL(" https://64.media.tumblr.com/04c3875b44db3a4292e09be7700ea8ac/83064d8766d013c2-42/s75x75_c1/7943e4c888a1c50bf4322dce5ea6bad8af96b37d.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://64.media.tumblr.com/ec52000f6997e56e7301a40d91be2a6e/83064d8766d013c2-a0/s75x75_c1/bb00c35787ab444511b82add7f209e7dddcd98b7.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://64.media.tumblr.com/ec52000f6997e56e7301a40d91be2a6e/83064d8766d013c2-a0/s75x75_c1/bb00c35787ab444511b82add7f209e7dddcd98b7.gifv")
    } 
</style>


<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/32/44/01/324401aa18cc80c55f338dcd4674cb80.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;} } 


::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #DE73FF;
}

::-webkit-scrollbar-button:end {
    background-color: #DE73FF;
}

::-webkit-scrollbar-thumb
{
  background-color: #DE73FF;
  border-radius: 0px;
}

/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #DE73FF;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #B15ACC;
  background-color: #B15ACC;
  border-radius: 0px;
}

</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 )

Vinny

1676998636

Using this! this looks rlly cool :D

Report Comment