Simple Pink Layout with Scrollable Comment Section

Tags: pink, simple, scroll, cute

Description:

This was really fun to make, I can't believe I finally figured out how to make my own layouts! This one is very simple. I added a scrollbar to the comment section because I like having a concise looking comment section. Mine was getting pretty long.

Edit to add: On Chrome, the online image is pink as I intended, but I just noticed that on my other browser, Pale Moon, it is still green. I tried changing that with the "!important" thing, but it didn't work. Sorry about that, if you are using Pale Moon. I don't know if that will be the same with other Firefox forks, I'll check later.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Delius+Swash+Caps&family=Gafata&family=Lekton:wght@400;700&display=swap');


body {
    background-color: floralwhite;
    font-family: Verdana;
    font-size: 13px;
    color: palevioletred;
}

p {
    font-family: Verdana;
    font-size: 11px;
}

a {
    color: pink;
}

a:hover, .count {
    color: mediumseagreen;
    font-style: italic;
    text-decoration: none;
}

.profile h1 {
    font-family: 'Delius Swash Caps';
    font-weight: 200;
    text-align: center;
    font-size: 40px;
}

h4 {
    font-family: 'Lekton';
    font-weight: 400;
    font-size: 16px;
    color: white;
}

nav .top {
    display: block;
    background-color: lightpink;
}

nav .links {
    display: block;
    background-color: lightpink;
    font-family: 'Lekton';
    font-weight: 400;
    font-size: 12px;
    text-align: center;
}

.profile {
  background-color: floralwhite;
  color: palevioletred;
}

DIV.blog-preview > H4 {
    color: palevioletred;
}

.profile .url-info, .profile .contact {
    border-color: lightpink;
}
.general-about .profile-pic img {
    float: left;
    border: 5px double lightpink;
}

.online {
    color: palevioletred;
}

.online img {
   content: url(https://iili.io/MQwR94.png);
    animation-name: blink;
}

.general-about .details {
    display: block;
}

.profile .contact .heading {
    display: block;
    background-color: lightpink;
}

.profile .table-section {
    background-color: lightpink;
    border-color: floralwhite;
}

.profile .table-section .heading {
    display: block;
    background-color: lightpink;
}

table.details-table {
    background-color: floralwhite;
    border-color: floralwhite;
}

.details-table td {
    background-color: mistyrose;
}

.details-table td:first-child {
    background: lightpink;
    border-color: lightpink;
    color: floralwhite;
    font-family: 'Lekton';
    font-size: 11.5px;
    font-weight: 400;
}
.details-table td:first-child a {
    color: floralwhite;
}

.profile .blurbs .heading, .profile .friends .heading {
    display: block;
    background-color: lightpink;
}

.profile .blurbs .inner h4 {
    color: palevioletred;
    font-weight: 700;
}

.profile .blurbs .inner {
    font-family: 'Garata';
}


.profile .friends .person p {
     font-family: 'Lekton';
     color: palevioletred;
 }

.profile .friends .inner {
    overflow-y: auto;
    height: 320.55px;
}

.comments-table td:first-child {
   background-color: lightpink;
   border-color: lightpink;
}

.comments-table td:first-child a {
    color: floralwhite;
    font-family: 'Lekton';
    font-weight: 400;
    font-size: 12px;
}

.comments-table td {
    background-color: mistyrose; 
    font-size: 11px;
}

.comments-table td a {
    color: lightpink;
}

.comment-replies {
    border-color: mistyrose;
}

footer {
    background-color: lightpink;
    font-size: 11px;
    color: floralwhite;
}

footer a, footer a:hover {
    color: mistyrose;
}
</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 16 of 16 comments ( View all | Add Comment )

pantyfairy	1695652181 using Report Comment
gigi	1690962742 using tysm < 3 Report Comment
Narwhal!	1685122431 Using!( ´ ▽ ` )b Report Comment
lovvebug	1684710092 using <3 Report Comment
♪ COSMO/OREL ♪	1682099106 Using!! Report Comment
seraphim	1675278372 used it! (i changed the colors around,,, pls lmk if you're not ok with that!) Report Comment I'm totally okay with that, I encourage it even! by Rebecca Jeane; 1675624254; Report
Izzy	1670863555 using! thank you. Report Comment
Y U N A ♡ 유나	1667868171 I freaking love this. Just put it as layout for my profile and I’m completely IN LOVE. This is exactly what I needed to for my pink - minimal - clean aesthetic. Thank you so much for making this. 🙏🏻💖 Report Comment My pleasure, I'm so happy you like it! :D by Rebecca Jeane; 1668954013; Report
Dalu xP	1659938821 THIS SO CUTE, probably use it Report Comment
freya ୨୧	1659580058 THIS IS SO COOL THNAK U FOR MAKING THIS ^_^ will definitely be using Report Comment
❀Clover❀	1659089820 looks awesome !! Report Comment
kittenbug69	1651230997 heyy im gonna use!! so cuteee Report Comment
r.o.u.s.	1650918172 these are really cute! is a black/gray toned one possible? i would totally use them :) Report Comment How's this one? cute grey layout by Rebecca Jeane; 1651456143; Report it's great! thank you so much! by r.o.u.s.; 1651458959; Report My pleasure! by Rebecca Jeane; 1651954858; Report
Carley <3	1649819656 This is so cute! Is there any way you could make this in red or red and black? I'd totally use those too Report Comment I got you, I'll work on that tomorrow! :) by Rebecca Jeane; 1649833518; Report Here you go: https://layouts.spacehey.com/layout?id=21170 by Rebecca Jeane; 1649869760; Report Here's another red layout you might like, it's a little darker and you did mention you'd like something red and black. https://layouts.spacehey.com/layout?id=21173 by Rebecca Jeane; 1649910508; Report
unknown	1649648551 So cute!! im gonna use Report Comment Thank you so much! Enjoy! by Rebecca Jeane; 1649722897; Report
LARKCORE	1649629828 totes using !!! Report Comment Please enjoy! It goes well with your profile pic. :) by Rebecca Jeane; 1649722935; Report