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 271 comments ( View all | Add Comment )

AshkeyNa	1748678222 using :)) Report Comment
Asmod3us666	1748567683 usando Report Comment
Miruna 💋	1748471526 Using!! 💋 Report Comment
Avy	1748207896 Using! Report Comment
Senaִ ࣪𖤐.ᐟ	1747966100 using! Report Comment
Rain	1747695878 using! :) Report Comment
Mahiru._.lotus	1747487429 using!! Report Comment
May_nine	1747399167 (_)$!\|\\|& Report Comment
Phimz0_o	1747117744 using Report Comment
VhempeyhreN	1746915207 using Report Comment
Vic!!!	1746567244 USING!! Report Comment
† Minxie †	1746499576 Using x3 Report Comment
Jayden	1746310851 Using :3 Report Comment
Samiilll	1746277999 Using^^ Report Comment
GummYz	1746076648 using for now! Report Comment
helga<3	1745516776 usinggg Report Comment
Kiwi_Skip	1745447285 using for now! Report Comment
⑅♡♪★Cherry flavored rat★♪⑅♡	1745415373 using Report Comment
leniii	1745382155 using!!! Report Comment
.˚✮˚.⋆-𝕜ao𝕣𝕚-⋆.˚✮˚.	1745254666 useing Report Comment