soft yellow

Tags: cute, yellow, simple, voxnaa

Description:

recode 6/22/24, working on an ACTUAL remake of this whole thing
messy code... this layout is really simple and doesnt really steer away from the original setup.

Preview:

click on the image for a larger preview

Code:

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

<style>
.table-section:nth-of-type(odd){
height: 33px;
overflow-y: hidden;
transition: all 0.3s ease!important;
border: none!important;
font-family: "rainyhearts";

}

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

}

.table-section:nth-of-type(odd) h4{
font-size: 0;
height: 30px;
font-family: "monster";
color: black;

}

.table-section:nth-of-type(odd) h4:after{
content: "interests";
font-size: 20px;

}

.table-section:nth-of-type(even){
height: 33px;
overflow-y: hidden;
transition: all 0.3s ease!important;
border: none!important;
font-family: "rainyhearts";

}

.table-section .heading {
background-color: #E9DECA!important;
background-image: url('https://i.ibb.co/ScZYLCz/background-20230720094830.png')!important;

}

.table-section:nth-of-type(even):hover{
height: 170px;
overflow-y: auto;
transition: all 0.3s ease!important;

}

.table-section:nth-of-type(even) h4{
font-size: 0;
height: 30px;
font-family: "monster";
color: black;

}

.table-section:nth-of-type(even) h4:after{
content: "links";
font-size: 20px;

}

.table-section:nth-of-type(even) h4:before{
content: url('https://gifcity.carrd.co/assets/images/gallery02/6524f743.gif?v=d7271437');
text-align: left!important;
filter: saturate(0%) contrast(300%);

}

.table-section:nth-of-type(odd) h4:before{
content: url('https://gifcity.carrd.co/assets/images/gallery02/6524f743.gif?v=d7271437');
text-align: left!important;
filter: saturate(0%) contrast(300%);

}

</style>

<style>
footer{
font-family: "rainyhearts";

}

</style>

<style>
.general-about{
background-color: #E9DECA;
border: 4px double #F9F3ED;
height: 190px;

}

.profile-pic{
margin-top: 10px!important;
margin-left: 10px!important;
margin-bottom: 14px!important;
overflow: hidden,

}

</style>

<style>
.comments-table{
display: none;

}

</style>

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

}

@font-face{
font-family: "monster";
src: url('https://dl.dropbox.com/s/zzb566agzuqs5q1/W95FA.otf');

}

p{
font-family: "rainyhearts";
text-transform: lowercase;

}

h1{
font-family: "monster";

}

</style>

<style>
.profile {
    direction: rtl;

}

.blurbs, .profile .table-section .heading, .blog-preview a, .friends, .general-info, .contact, .url-info, .details-table, .details p, .mood{
    direction: ltr;

}

</style>

<style>
DIV.blog-preview h4{
font-family: "monster";
font-size: 0;

}

DIV.blog-preview h4:after{
content: "blogs";
font-size: 20px;

}

</style>

<style>
nav .links li:first-child .icon {
   content: url('https://xyz.crd.co/assets/images/gallery18/e10b1980.gif?v=364e4a1e');
    transform: scale(2);
    width: 8px;
    height: 8px;
    margin: 0px 5px 5px 3px;
    filter: drop-shadow(0.5px 0.5px black);

}

</style>

<style>
.mood:after{
    content:"  ";
    background: url(https://watermelon.crd.co/assets/images/gallery19/760dd23b.png?v=58fed03f) no-repeat;
    background-size: contain;
display: flex;
height: 20px;

}

main{
background-color: #F9F3ED;

}

</style>

<style>
.blog-preview .pinned .icon{
content: url('https://watermelon.crd.co/assets/images/gallery10/b9734bfe.gif?v=58fed03f');

}

.blurbs{
background-color: #E9DECA;
border: 4px double #F9F3ED;

}

</style>

<style>
.profile-info{
display: none;

}

</style>

<style>
.person img{
transform: scale(0.9);
    width: 70px;
    height: 70px;
border-radius: 10px;
overflow: hidden;

}

</style>

<style>
.blurbs .inner .section:nth-child(1) h4{
font-size: 10px;
font-family: "rainyhearts";
color: black;

}

.blurbs .inner .section:nth-child(2) h4{
font-size: 10px;
font-family: "rainyhearts";
color: black;

}

.blurbs .heading h4{
font-size: 0;
background-color: transparent;

}

.blurbs .heading h4:before{
content: "about";
font-size: 20px;
font-family: "monster";

}

</style>

<style>
nav .links a, nav .links li .special a {
    text-shadow: none;
    color: black!important;
font-family: "rainyhearts";

}

nav{
font-family: "rainyhearts";

}

.logout-btn{
font-family: "rainyhearts";
color: black!important;

}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: "⇌";

}

nav > .top{
color: black!important;

}

</style>

<style>
.contact .heading{
display: none;

}

.contact{
border: 4px double #F9F3ED!important;
background-image: url('https://i.ibb.co/09hJjG4/Untitled117-20230712155028.png');
background-color: #E9DECA;
font-family: "rainyhearts";

}

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

}

</style>

<style>
:root{
--darker-blue: black;
--light-orange: transparent;
--lighter-blue: transparent;
--logo-blue: transparent;
--dark-orange: black;
--lightest-blue: transparent;
--even-lighter-blue: #F9F3ED;

}

</style>

<style>
.url-info{
display: none;

}

</style>

<style>
.friends:nth-of-type(even) .heading:before{
content: "comment";
font-family: "monster";
font-size: 20px;

}

.friends:nth-of-type(odd) .heading:before{
content: "friends";
font-family: "monster";
font-size: 20px;

}

.friends .heading h4{
font-size: 0;

}

</style>

<style>
span[itemprop="name"] h1 {
   text-align: left;

}

a:hover{
background-image: url('https://watermelon.crd.co/assets/images/gallery06/90361b2e.gif?v=58fed03f');
color: black!important;
font-family: "rainyhearts";
text-transform: uppercase;

}

</style>


<style>
.friends:nth-of-type(even){
background-color: #E9DECA!important;
border: 4px double #F9F3ED!important;

}

.count{
color: orange;

}

.friends-grid {
    padding: 10px;
    max-height: 130px;
    overflow-y: auto;
background-color: ;
background-image: url(' ');

}

.blurbs .inner{
    padding: 10px;
    max-height: 130px;
    overflow-y: auto;
background-color: ;
background-image: url(' ');

}

main .right{
background-color: #E3E3E3;

}

footer{
background-color: #F9F3ED;
margin-top: 0;

}

</style>

<style>
main{
border: 10px solid #F9F3ED;

}

.online{
content: url('https://caterpie.crd.co/assets/images/gallery08/faf548ab.gif?v=f7b7a140');
float: left;

}

</style>

<style>
.col, main, footer, footer::before, 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>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/03/03/tiny-hand-10.html" target="_blank" title="Tiny Hand"><img src="https://cur.cursors-4u.net/cursor.png" alt="Tiny Hand" style="position:absolute; top: 0px; right: 0px;"/></a>

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

⠀⠀⠀⠀	1714309271 Using it! Report Comment
-ˋ⭐‧˚⋆Skylar₊｡˚ˎ˗	1701123740 Using <3 Report Comment
Spring	1690974998 Using!! Report Comment
prettycuts	1690896801 dragon ball enjoyer? amazing!! :3 Report Comment
Lea	1690809791 using !! Report Comment
zack	1690727492 uzing!!! itz zo beautfullllllll Report Comment