Cute Red Layout

Tags: cute, red, simple

Description:

This is a red version of my pink layout, as requested by a commenter, I hope it serves her and you well. <3

Preview:

click on the image for a larger preview

Code:

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

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


body {
    background-color: mistyrose;
    font-family: Verdana;
    font-size: 13px;
    color: darkred;
}

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

a {
    color: red;
}

a:hover, .count {
    color: black;
    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: darkred;
}

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

main {
    background: mistyrose;
}

.profile {
  background-color: mistyrose;
  color: darkred;
}

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

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

.online {
    color: red;
}

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

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

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

.profile .table-section {
    background-color: darkred;
    border-color: mistyrose;
}

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

table.details-table {
    background-color: mistyrose;
    border-color: darkred;
}

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

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

.profile-info {
    border-color: indianred;
}

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

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

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


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

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

.comments-table {
    border-color: darkred;
}

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

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

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

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

.comment-replies {
    border: 1px solid indianred;
}

footer {
    background-color: darkred;
    font-size: 11px;
    color: mistyrose;
}

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

gloomystars	1701183275 TYSM USING!!! Report Comment
meji	1699414989 using! Report Comment
robin	1697081461 using! Report Comment
tori ☆	1682983630 using Report Comment
Thursday	1677247695 Ty️ Report Comment
marlee	1667767127 using Report Comment Thanks, hope you like it! :D by Rebecca Jeane; 1668954221; Report