cherry kiss ♡

Tags: coquette, red, cute, simple

Description:

simply a red version of my "pink redemption" layout. make it pretty and enjoy <3

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');

div.container {
width: 1000px; }

.online, .floating { 
animation-name: floating;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;  }
 
@keyframes floating {
0% { transform: translate(0,  0px); }
50%  { transform: translate(0, 15px); }
100%   { transform: translate(0, -0px); } }

main {
background-color: #fff;
border: 5px groove #db5658; }

main, main p {
font-family: 'balsamiq sans', cursive;
font-size: 16px;
color; black; }

div.friends b {
text-transform: lowercase; }

.profile h1 {
font-family: 'petit formal script', cursive;
font-size: 40px;
color: #f08080;
text-shadow: 2px 3px 3px #ededed;
text-align: center; }

.general-about {
border: 1px solid #db5658;
width: 300px;
height: 180px;
margin-bottom: 8px;
box-shadow: 2px 3px 3px #db5658; }

.general-about .profile-pic img {
border: 1px solid #db5658;
margin: 8px;
height: 170px;
width: 170px; }

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
border: 1px solid #db5658;
width: 90px;
height: 90px; }

body {
background-image: url(https://i.pinimg.com/564x/d2/6d/44/d26d441334c1f5e839fa293c8585e3a5.jpg);
background-size: 400px;
overflow-y: scroll; }
    
.logo {
filter: invert(98%) sepia(4%) saturate(105%) hue-rotate(332deg) brightness(116%) contrast(%); }
 
nav .top, nav .links, footer {
font-family: 'balsamiq sans', cursive;
font-size: 16px;
font-weight: normal;
color: white;
text-transform: lowercase;
background: #f08080;
margin-top: 3px;
margin-bottom: 3px;
border: 5px groove #db5658; }

footer p, footer .links, footer .links a, footer a {
font-size: 16px;
color: white; }

form>button, button {
font-weight: normal;
background-color: #f0f0f0;
border: 1px solid black;
text-transform: lowercase; }

.logout-btn {
font-family: 'balsamiq sans', cursive;
font-size: 16px;
color: white; }
    
[id='q'] {
border: 1px solid black; }
    
label {
text-transform: lowercase; }

nav .links a, nav .links .special a {
font-weight: normal;
text-transform: lowercase;
text-shadow: none; }

nav .links, footer .links {
word-spacing: 4px;
text-align: center; }

li.active icon {
content: url(https://pixels.crd.co/assets/images/gallery76/b3726703.gif?v=1987e5e0); }

nav .links li.active a {
font-weight: normal; }

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
content: " ୨୧";
font-size: 11px;
font-weight: bold;
color: white; }
    
.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading {
font-family: 'petit formal script', cursive;
text-transform: lowercase;
border-bottom: 1px solid #db5658;
text-align: center;
background-color: #f08080;
color: white; }
    
.profile .contact {
border: 1px solid #db5658;
box-shadow: 2px 3px 3px #db5658;
text-transform: lowercase; }
 
main a {
text-transform: lowercase;
color: black; }

a.more {
font-family: 'balsamiq sans', cursive; 
color: white; }

div.mood {
text-transform: lowercase; }
    
a:hover {
color: #db5658;
text-decoration: underline; }

nav .top a:hover, nav .links a:hover, footer a:hover {
color: black; }
    
.profile .url-info, div.blog-preview {
background: #fff;
box-shadow: 2px 3px 3px #db5658;
text-align: center;
border: 1px solid #db5658; }

.url-info {
text-transform: lowercase; }

div.blog-preview h4, div.blog-preview h4 a{
font-family: 'petit formal script', cursive;
text-transform: lowercase; }
    
.profile .table-section {
border: 1px solid #db5658; 
box-shadow: 2px 3px 3px #db5858; 
text-transform: lowercase; }

.details-table td {
border: 1px solid #db5658; }

.details-table td p {
color: black; }

table {
border-spacing: 4px; }
    
.profile .blurbs .heading {
background-color: #f08080;
border-bottom: 1px solid #db5658; }

.profile .blurbs, .profile .friends {
border: 1px solid #db5658;
box-shadow: 2px 3px 3px #db5658; }
    
.profile .friends .heading {
border-bottom: 1px solid #db5658;
text-align: center;
background-color: #f08080; }

div.friends {
margin-bottom: 15px; }
    
table.comments-table {
display: block;
height: 400px!important;
overflow-y: scroll; }
    
.comments-table td {
border: 1px solid #db5658; }

div.comment-replies {
border: 1px solid #db5658;
margin-bottom: 2px; }
    
.profile .blurbs .section h4 {
font-size: 15px;
text-align: center;
text-decoration: 1px underline;
text-transform: lowercase;
color: black; }

.blurbs p {
text-align: center; }

.count {
color: black; }
    
:root {
--darker-blue: black;
--even-lighter-blue: #fff;
--lightest-blue: #fff;
--dark-orange: #fff;
--light-orange: #fff;
--even-lighter-orange: #fff; }
    
.contact .inner a img {
font-size: 0px; }
    
.contact .inner a img:before {
font-size: 1em;
display: block; }

.contact .f-col>a:before {
content: url(https://static.tumblr.com/rltvkjt/7cclo4er1/favlaco.gif); }

.online { /*online icon*/
content: url(https://i9.glitter-graphics.org/pub/1549/1549829ehs537wg44.gif);
height: 20px;
width: 95px; }

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

::-webkit-scrollbar-track{
background: #ededed; }
 
::-webkit-scrollbar-thumb{
background: #fff;
border: 1px solid #db5658; }

::-webkit-scrollbar-thumb:hover{
background: #f08080; 
box-shadow: inset 0 0 3px grey; }

.profile-info {
border: 1px solid #db5658;
box-shadow: 2px 3px 3px #db5658;
text-transform: lowercase; }

.report .icon{
visibility: hidden; }

p.report {
background: url(http://lh3.ggpht.com/_NZJzdRm10Y0/TTSXS5yzNrI/AAAAAAAAAFY/cYCKZt7z-0k/s800/gif15.gif);
background-repeat: no-repeat;
display: inline-block; 
font-size: 80%;
text-transform: lowercase; }

p.report a {
font-size: 11px; }

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur271.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-red-pointer-2.html" target="_blank" title="Light Red Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Red Pointer" 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 20 of 48 comments ( View all | Add Comment )

𝓀arli	1766822950 using Report Comment
‧˚꒰ JellyKitsu ୭ ˚.	1766337550 using Report Comment
Fee ❀	1765758785 using!! Report Comment
𝐀𝐥𝐞𝐱𝐢𝐬ꨄ︎	1765609105 usingg!! ^^ Report Comment
ꜱʟɪᴍ.xᴏ🌸	1765354230 using Report Comment
marii ‪‪♡︎	1765060398 using !! Report Comment
sinnohian binch	1764626656 Using :D Report Comment
beny 🪼	1758498041 using!!! Report Comment
lemon	1754087121 usingg!! Report Comment
chlxerxseb	1753818752 using <3 Report Comment
𝓐𝓷𝓰𝓲𝓲𝓮🍎⋆˙	1749785599 Usando Report Comment
𝓐𝓷𝓰𝓲𝓲𝓮🍎⋆˙	1749785598 Usando Report Comment
otaku<3	1747567885 usingg :3 Report Comment
simon	1743637731 using ty!! Report Comment
liv	1742075332 using Report Comment
꒰ Mirvat ꒱	1739901207 usingg tyy Report Comment
Rosemary	1739678527 using Report Comment
meisu !	1739113491 usingg ! Report Comment
Melody >.<	1738755048 using! tysm for this it's sooo pretty <3 Report Comment
ginger	1736225968 using for my blog! this layout is adorable i love it so much <3 Report Comment