Simple Valentines Day

Tags: valentine, valentine’s day, pink, simple, cute, layouts, rivir, v-day, gif, layout

Description:

A simple sleek look for the Upcoming Valentine’s Day. A pink themed forest background frames a pink style profile layout. Click this link to see this layout in action.

Free to use, but please be sure to comment, or leave some Kudos. Credit is always appreciated (a blog post, profile comment, bulletin, etc). Feel free to also use as a base!

Preview:

click on the image for a larger preview

Code:

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

<style>
:root{
    --box-color:rgba(207, 139, 163,.5);
    --background-bottom:url("https://i.imgur.com/KHYBNLz.jpg");
    --background-border:url("https://i.imgur.com/HOcRPjH.jpg");
    --contact-background:url("https://i.imgur.com/NZOydlh.gif");
    --curve:40px;
    --comments-color:rgba(244, 244, 244,.5);
    --footer-color:rgba(244,244,244,.3);
    --dark-purple: #361d2eff;
    --deep-space-sparkle: #495d63ff;
    --puce: #cf8ba3ff;
    --champagne-pink: #e5cdc8ff;
    --cultured: #f4f4f4ff;
    --online-icon:url("https://i.imgur.com/kbXAuzC.gif");
}

body, .bodycontent{
    background:var(--background-bottom) bottom repeat-x, var(--background-border)top repeat;
    background-size:300px;
    background-attachment:scroll;
    border-style:dotted;
    border-width:25px;
    border-color:#00000000;
}
main, .top{
    background-color:var(--box-color)!important;
    border-radius:var(--curve);
}
nav ul{
    background:var(--puce)!important;
}
main{
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.url-info{
    display:none;
}
.top{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.friends img{
    height:90px;
    width:90px;
    border-radius:500px;
    object-fit:contain;
    Border:solid 1px var(--cultured);
}
#comments{
   Height:300px;
   Overflow:scroll;
}
.comments-table td:last-child img{
    height:15px;
    width:15px;
    Border:0px solid!important;
    Border-radius:0px!important;
}
.comments-table td{
    background-color:var(--comments-color)!important;
}
.comments-table td:first-child img{
    height:90px;
    width:90px!important;
    border-radius: 500px!important;
    Object-fit:contain;
}
.comments-table{
    border-radius:var(--curve)!important;
    border:none;
}
.comments-table td{
    border-color:white;
}
.comments-table p{
Font-size:11px!important;
}
.comments-table td:first-child p{
Font-size:12px!important;
}
.comments-table tr:first-child td:first-child{
    border-top-left-radius: var(--curve);
}
.comments-table td:first-child{
    font-size:10px;
    text-align:center;
Padding:15px;
}
.comment-table tr:last-child img{
Border-radius:0px!important;
Border:none!important;
}
.comments-table tr:first-child td:last-child{   
    border-top-right-radius:var(--curve)!important;
}
.comments-table tr:last-child td:first-child{
    border-bottom-left-radius: var(--curve);
}
.comments-table tr:last-child td:last-child{
    border-bottom-right-radius: var(--curve);
}

main, nav{
    text-align:center;
}
.profile-pic img{
    height:160px!important;
    width:160px!important;
    border-radius:500px;
    border:var(--champagne-pink) 1px solid;
    object-fit:contain;
    overflow:hidden;
}
.table-section td{
    text-align:left;
    padding:15px;
}
.table-section:first-child{
Height:300px;
Overflow:scroll;
}
footer{
    background:var(--footer-color);
}
a, .count{
    color:var(--deep-space-sparkle);
}
p{
    color:var(--dark-purple)
}
h1, h4, .friends, .friends p{
    color:var(--dark-purple)!important;
}
.blurbs .heading{
    display:none;
}
.details, h3, .blurbs, h2, .table-section{
    background:rgba(229, 205, 200,.6)!important;
}
h3, .blurbs, h2, .table-section{
    border-radius:var(--curve);
}
.table-section .details-table{
    height:150px;
}
.table-section tr:first-child td:first-child{
    border-top-left-radius:var(--curve);
}
.table-section tr:first-child td:last-child{
    border-top-right-radius:var(--curve);
}
.table-section tr:last-child td:first-child{
    border-bottom-left-radius:var(--curve);
}
.table-section tr:last-child td:last-child{
    border-bottom-right-radius:var(--curve);
}
td{
    background-color:var(--box-color)!important;
}
.table-section{
    padding:15px;
}
.contact{
    background-image:var(--contact-background);
    background-size:100% 100%;
}
.details{
    height:160px;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
}
.heading{
    background:none!important;
}
.table-section{
    border:none!important;
}
.contact{
    border:var(--puce) solid 2px!important;
    border-radius:var(--curve);
}
.online{
    content:var(--online-icon);
    height:40px;
    width:35px;
}
Td{
Font-size:9px
}

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

blake	1704849513 i used this for a blog (^^) using Report Comment
Elliebear	1636590983 Simple! its great :) Report Comment
Sayla V	1618109906 Ah! I love it! Report Comment
Ruthann	1614135954 Hey I'm new here lol can someone please tell me how to add this to mine please Report Comment Copy and paste it into your “about me” section! :) by RiviR; 1614181179; Report
J.e.s.s.i.c.a	1614111170 I love it! I am def using this one Report Comment
~Dah~Yah~Nuh~	1613708389 Love it! Report Comment
Sailor Luna	1613650635 It’s so cute! I love this 🤍🤍🤍🤍 Report Comment
★ * • .☆A ★ * • .☆	1613536356 cuteeeee !!! Report Comment
Jess39	1613514590 Love it! Report Comment
Ali	1613443957 Love!! Thanks! Report Comment
Hansola	1613294298 its so cute thanks! Report Comment
𝚆𝚒𝚕𝚕𝚘𝚠 𝚂𝚒𝚕𝚟𝚎𝚛𝚊𝚢𝚗𝚎	1613293041 Cuuuuuttte!!! Report Comment
TuttiFruitti	1613274247 I love this layout ≧◠‿●‿◠≦ thnx so much !! Report Comment