yellow abbys

Tags: yellow, float, cute, small, black, simple, grey, dark grey, voxnaa, custom

Description:

please keep the credits. this took me a while to make, lol :3

Preview:

click on the image for a larger preview

Code:

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

<style>
@font-face{
font-family: "arial pixel";
src: url('https://dl.dropbox.com/s/114lgfaqotx4iz6/rainyhearts.ttf');

}

main{
background-color: rgba(255,255,255,0.30);
border: 10px inset white;
font-family: "arial pixel";
text-transform: lowercase!important;
color: white;
font-size: 8px;

}

h4{
color: black!important;

}

body{
background-color: black;

}

body::before{
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(0 0 0 / 40%) 40%, rgb(0 0 0 / 0%) 40%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;

}

:root {
      --darker-blue: yellow;

}

nav{
background-color: black;
font-family: "arial pixel";
color: white;
font-size: x-small;

}

nav .top{
background-color: black;

}

nav .links{
background-color: black;

}

span[itemprop="name"] h1::first-letter{
color: yellow;

}

.url-info{
display: none!important;

}

.blurbs{
height: 21px;
overflow-y: hidden;
transition: all 0.3s ease!important;
border: none!important;
text-align: center!important;
color: white!important;

}

.blurbs:nth-of-type(odd):hover{
height: 200px;
overflow-y: auto;
transition: all 0.3s ease!important;

}

.blurbs .heading{
text-align: center!important;
font-size: 0;
background-color: transparent!important;

}

.blurbs .heading:before{
content: "bio here"!important;
font-size: xx-small!important;
font-family: "arial pixel"!important;
color: yellow!important;

}

.comments-table{
display: none!important;

}

.profile .friends .person img:not(.icon){
display: none!important;

}

.profile .friends .person p{
display: none!important;

}

.heading{
background-color: transparent!important;
font-size: 0;

}

.count{
font-size: 0;

}

.count:before{
content: "?";
font-size: 10px;
color: yellow!important;

}

footer{
background-color: black;
font-family: "arial pixel";
color: white!important;

}

.profile-info{
display: none!important;

}

.table-section {
display: none!important;

}

DIV.blog-preview{
display: none!important;

}

.contact .inner a img{
font-size: 0;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery02/17eca1d9.gif?v=90e42ef7);

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery02/6eb47dd6.gif?v=90e42ef7);

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery02/45ba9731.gif?v=90e42ef7);

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery03/d2f5a17a_original.gif?v=90e42ef7);

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery19/af587c0f.gif?v=90e42ef7);

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery02/63dd5dc6.gif?v=90e42ef7);

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery19/758cc685.gif?v=90e42ef7);

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
content: url(https://watermelon.crd.co/assets/images/gallery02/6b45fffe.gif?v=90e42ef7);

}

.icon{
content: url(https://wilardo.crd.co/assets/images/gallery14/4bb10a61_original.gif?v=0290bc54);

}

.contact{
border: 3px inset white!important;

}

main:before{
content: "";
  white-space: pre-wrap;
  display: block;
  height: 65px;
  background-image: url(https://wilardo.crd.co/assets/images/gallery18/8c35177f_original.gif?v=0290bc54);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 200px;

}

.profile-pic{
border-radius: 100px;
overflow: hidden;

}

.online{
content: url(https://wilardo.crd.co/assets/images/gallery02/d60347e1_original.gif?v=0290bc54);
}

.col, main, footer, nav::before, .online, nav .links, nav .top{
animation: float 5s;
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>

created by voxnaa

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 )