vintage blog layout

Tags: pink, 90s, animation, gif

Description:

vintage/coquette blog layout ✮ femme fatale by the velvet underground ✯ credit not needed but appreciated! comment if using ≛ dont use as a template pls 𓇻

Code:

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

<style>



.H1,H2,H3,H4{
   font-family: Georgia, serif;
   color: #8B0000; 

}

.p1{
   font-family: Georgia, serif;
   color: #BC8F8F; 

}

    body{
        
    background-color: COLOR;
    background-image: url(https://i.pinimg.com/564x/69/49/e7/6949e742ff5fc0afc5fc4b24c379ad54.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }

    main{
     
    background-color: COLOR;   
    background-image: url(https://i.pinimg.com/564x/48/a6/7f/48a67f2a1048f404f047627aec057e07.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }


    .top{
        
    background-color: COLOR;
    background-image: url(https://i.pinimg.com/564x/57/b9/b3/57b9b34e47ce7520fb578842fcae88e2.jpg);
    background-repeat: repeat;
    background-position: center;
    color: #BC8F8F;
        
    }

    h1{
        
    background-color: COLOR;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    color: #8b0000;
    
    }


:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: ;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header: #FAEBD7;
	--table-color: #FAEBD7;
	--link-text: #8B0000;
	--main-text: #BC8F8F;

    }  


.comments-table td {
  border: none;
  box-shadow: 0 0 20px #FAEBD7;
}
.table-section td {
  border: 3px solid #FAEBD7;
  background-color: #FAEBD7!important;
  box-shadow: 0 0 20px #FAEBD7;
}
.comment-reply:not(:first-child) {
    border-top: 2px solid #FAEBD7;
}
.comment-replies {
    border: 5px #FAEBD7;
    background-color: #FAEBD7;
    box-shadow: 0 0 20px #FAEBD7;
}

    footer{
        
    background-color: COLOR;
    background-image: url(https://i.pinimg.com/564x/52/3a/20/523a20f15016e2bb248c7d4eb7b51b25.jpg);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #8B0000;
	text-align: center;
   color: #FAEBD7;
   font-camily: Georgia, serif;
        
    }

main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url(https://64.media.tumblr.com/89190f63ba3d041340df4434d8f85aa4/ddb2ba5724a38e8a-9d/s400x600/84d4343f76a6b212c021fd89ed4bb7896408e8c9.gifv?resize=480:*);
	background-position: center center;
	background-size: cover;
        
}

    .top{
        border-radius: 25px 25px 0 0 !important;
        color: #BC8F8F;
    }
    main{
        border-radius: 0 0 25px 25px !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://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904213076709093416/pngwing.com_1.png)
}

color: #8b0000;
  text-shadow: 1px 1px 2px black, 0 0 25px white, 0 0 3px white; }
.profile-pic {
  padding: 15px;
}

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

    ::-webkit-scrollbar-thumb {
    background: rgba(80, 80, 80);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

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>


<style>
.icon, .award img {

        content: url(https://64.media.tumblr.com/c5f340f8d21c22e7f9a52e267029c305/924bd90f5f9fd23a-6c/s1280x1920/f21b68f1b59bd2efed27a7f3a4e0064515593190.pnj);

        display: inline-block;

        height: 1.5em;

        width: 1.5em;

        margin: 0 .05em 0 .1em;

        vertical-align: -0.3em;

        color: rgba(0,0,0,0);

    }


</style>

<iframe width="0" height="0&quot;" src="https://www.youtube.com/embed/ggHPtzVSEeE?si=sA_5wBrZIGO_tckz" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>

<p class="p1 custom-cursor-default-hover">hi</p>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-5/oth401.ani), url(https://cur.cursors-4u.net/others/oth-5/oth401.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/29/glitter-pink-cute-bow-tie-ribbon.html" target="_blank" title="Glitter Pink Cute Bow Tie Ribbon"><img src="https://cur.cursors-4u.net/cursor.png" alt="Glitter Pink Cute Bow Tie Ribbon" 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 6 of 6 comments ( View all | Add Comment )

⸝⸝ ꒰ Angel Food 🍒ㆍ₊⊹	1707748075 using ! Report Comment the way we found the same layout by thrifted ♱; 1712763486; Report
Bellzzzebuu.u	1706931053 ussingggg Report Comment
Nr1SheilaStan	1704244968 Using!<3 Report Comment
olivia	1698756191 might be using Report Comment
D0hii_	1697404294 Usin Report Comment
henrinetta	1697155289 USING! XP Report Comment