Red Gothic Rose Layout

Tags: rose, goth, gothic, 2000s, layout, red, black, gif, romantic goth, spooky

Description:

As the title says. The main code is mine but the extra shit is not, code that is not mine has been credited! Comment using if you are using! Some other things the layout includes... *Profile Flouting animation *Custom rose cursor *Custom Online animation *Red screen cover

Preview:

click on the image for a larger preview

Code:

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


<!-- (c) Edited/curated Layout. Note that some of the code is not mine! Original creators are linked --> --&gt;

<div class="scarletangel"></div>
<div class="mayura2"></div>

<!-- About me section  -->

<img src="https://files.catbox.moe/xy81y4.png"/>

<img src="https://64.media.tumblr.com/5b12270b456f5a537d0a59da92756139/637642b7f8a8583c-07/s400x600/b9d0739177a7bb326aafa6e2f9124b6ccdd261ea.jpg"/>

<img src="https://64.media.tumblr.com/f080be56fda36df692beb3d0477f37e4/ca49140d28ad8b60-4d/s400x600/ef7d4a8b7b35e2a97a65ad5f5255eda28d62fd1b.jpg"/>

<img src="https://files.catbox.moe/qpl70h.png"/>

you can put your bio here!


<!-- main code -->

<style>

body {
    background-color: #e3e3e3;
    background: url(https://i.pinimg.com/564x/6d/87/1c/6d871cc02cc19daa5b469503d101a7a3.jpg);
    font-family: verdana, arial, sans-serif, helvetica;
}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

* {
    font-family: monospace;

    /* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/games/gam-1/gam79.cur), auto !important;} /* End https://www.cursors-4u.com */
}

main {
    background: url(https://i.pinimg.com/originals/35/ca/09/35ca090fcd87865779bf5ddb610a264f.gif) #0000007d;
    color: #ff6868d4;
    padding: 6px 0px;
    font-size: 80%;
    background-size: repeat;
    border: solid 3px #bc1419;
}

nav {
    color: #f70000;
    font-size: 72%;
    font-size: max(72%, 12px);
}
nav .links .special a {
    color: #ff0000;
}



.general-about .profile-pic {
    display: block;
    float: left;
    height: 150px;
    box-shadow: 0px 0px 15px #ff0707;
    border: #831919 double 5px;
}

.profile h1 {
    font-size: 2.7em;
    margin: 0 0 10px 0;
    font-family: fangsong;
    color: #ff7777;
}

.profile .friends .person img:not(.icon) {
    filter: grayscale(100%);
}

div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px #ab2d2d;
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;

}

a {
    color: #1E40AF;
    color: #648998;
    text-decoration: none;
    font-size: 10px;
}
p {
   font-size: max(0.875em, 14px);
}

nav .links a {
    text-decoration: none;
    color: #af3838;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
div.profile h1 {
    font-size: 2.5em;
    text-shadow: 2px 2px 0.5px 
    overflow: hidden;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-duration: 1.4s;
    text-shadow: 2px 2px 0.5px #ff0000;
}

b, strong {
    font-weight: bolder;
    color: #940000;
    font-size: 13.5px;
}

nav .links {
    background-color: #60A5FA;
    background-color: #000000;
    padding: 3.5px 16px 5.5px 16px;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ☆ ";
    color: #ff0202;

}

button, input {
    overflow: visible;
    background-color: #ff535363;
}

.inner {
       color: #2f6b6ade !important;
    background: url(https://gifcity.carrd.co/assets/images/gallery63/a2d27041.gif?v=d55ea43d) #650b0b96;
    border: 6px double #000;
    background-color: #3b0000;
    background-color: #000000de;
    border-radius: 0px !important;
    box-shadow: 5px 8px #ba0000 !important;
    background-blend-mode: color;
    background-size: repeat;
}

.details-table td {
    background: #DBEAFE;
    background: #7600088c;
    vertical-align: top;
    border-bottom: dashed #b71414;
    box-shadow: 2px 5px #9a1010;
    padding: 1px 12px 10px;
    border-spacing: 10px;
}


.details-table td p {
    margin: 0;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 12.5px;
}


.details-table {
    margin: 2px;
    border-spacing: 10px;
}

.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #ff08083d;
    vertical-align: top;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #f9c56c;
    background: #00000000;
    text-align: center;
    font-weight: bold;
    width: 29%;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: #000000b3;
    color: #ED0707;
    color: #72878c;

    padding: 2px 7px;
    box-shadow: 4px 5px #7b0505;
    border: inset #921d1d;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #60A5FA;
    background: #000000;
    color: #601414;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   width: 100%;
    border: 2px solid #60A5FA;
    border: 2px solid #122945;
    margin: 10px 0;
    background: url(https://gifcity.carrd.co/assets/images/gallery63/e51b6cbf.jpg?v=d55ea43d);
    background-blend-mode: color;
    background-size: cover;
    border: 9px double #000;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: url(https://i.pinimg.com/564x/eb/58/27/eb582726741c129e282f7188807e2a14.jpg) #59001ea6;
    background-size: auto;
    background-position: center;
    background-blend-mode: soft-light;
}

nav .links, footer .links {
    list-style: cambodian;
    margin-top: auto;
}

 .profile .blurbs .heading h4 {
    display: inline-block;
    font-size: 13.5px;
}


.profile .blurbs .section h4 {
    margin: 0;
    color: #ED0707;
    color: var(--dark-orange);
    font-size: 13px;
}


.details-table td:first-child {
    background: #BFDBFE;
    background: #520000;
    color: #1D4ED8;
    color: #000000;
    font-weight: bold;
    width: 33%;
    font-family: monospace;
    font-size: 3.5mm;
}

nav .top {
    background: #1D4ED8;
    background: url(https://i.pinimg.com/564x/eb/58/27/eb582726741c129e282f7188807e2a14.jpg) fixed repeat top;
    padding: 15px 10px 16px 10px;
    display: flex;
    background-size: cover;
    background-position: bottom;
}


.profile .url-info p {
    font-size: 100%;
    margin: 0;
    word-break: break-all;
    color: #8b8590;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
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);
}
.online img {
        content: url(https://64.media.tumblr.com/6cbf50d286f93d4b96856ba92dd77981/0029a9e9ab07cc70-9f/s250x400/4a0860b62ec1b04ad05b0992b722741a90636385.gifv);}
</style>

<style>

.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://gifcity.carrd.co/assets/images/gallery01/253026fc.gif?v=d55ea43d")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://gifcity.carrd.co/assets/images/gallery01/253026fc.gif?v=d55ea43d")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://files.catbox.moe/lzzlt1.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://files.catbox.moe/lzzlt1.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://gifcity.carrd.co/assets/images/gallery307/e3e7cb90.gif?v=d55ea43d")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://gifcity.carrd.co/assets/images/gallery307/e3e7cb90.gif?v=d55ea43d")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://gifcity.carrd.co/assets/images/gallery157/5eb34f56.gif?v=d55ea43d")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://gifcity.carrd.co/assets/images/gallery157/5eb34f56.gif?v=d55ea43d")
    } 

div.contact:after {
    width: 98%;
    height: 30px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/d8c73830cc0d88c6db0cf5ec01af23b2/643107419897449e-44/s400x600/721193b46dbae16976b1b697d3ca990bb4b1a9e4.gifv);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}


</style>

<style>
.online {
    content: url(https://64.media.tumblr.com/5f8558a455d56372f6b5208565681be5/d81aeaff7282566d-ed/s250x400/92cd8eb606d5080ab7e34529f04c821aad572a44.gifv);
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-4/nat350.ani), url(https://cur.cursors-4u.net/nature/nat-4/nat350.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/01/30/blooming-sparkly-red-rose.html" target="_blank" title="Blooming Sparkly Red Rose"><img src="https://cur.cursors-4u.net/cursor.png" alt="Blooming Sparkly Red Rose" 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 187 comments ( View all | Add Comment )

Adam	1738092964 using thanks for the cool layout!! Report Comment
Octobergothyc	1738077633 using!! Report Comment
frushi	1738000891 using ;) Report Comment
jeremister	1737978277 using!! Report Comment
Aari_Renae	1737937033 Using!! :) Report Comment
8eyed	1737930754 using <3 Report Comment
VENUS	1737862290 using!!! Report Comment
Val	1737832745 usinggg!! Report Comment
kiri ୭ ˚.	1737720077 USING!! THANK YOU SO SO SO MUCH ITS SO PRETTY!!!><333 Report Comment
calpol	1737658162 usingg ty!! Report Comment
Lilith	1737637011 using!! this layout is so pretty Report Comment
Jr	1737514990 Using Thxs Report Comment
maggie ♣︎	1737306418 using! ^_−☆ Report Comment
misabellaa	1737263976 using :3 Report Comment
atom	1737201418 using!! Report Comment
Xx_Bhaal_Babe_xX	1737190323 Using ^__^ Report Comment
☾ J.g. ilbart ⛤	1737174914 Using. Report Comment
sp00kz3rii	1737072932 using! Report Comment
Sh1l0h	1736967392 Using! Report Comment
A_B00ti	1736737390 using Report Comment