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

mashanroses	1757958261 Using!!!! Report Comment
Rainbowchaos	1757957266 Using! Report Comment
and um	1757788076 using Report Comment
KimmieKarma	1757504272 Using Report Comment
koko	1757214008 Using. Report Comment
skelethality	1757177340 using. Report Comment
Odetteismissing	1756996918 using Report Comment
CoquetteCoon	1756505222 Using! :3 Report Comment
cannibal girl	1756395612 using! Report Comment
Felix!	1755491250 Using Report Comment
xxxQUEEN-OF-RIOTxxx	1755486272 using Report Comment
Damon	1755417424 Using Report Comment
aksel 🦇🕸	1755371212 using! it's rlly pretty btw Report Comment
♯ 𝕾𝖆𝖘𝖆. 🕷 ݁ ˖ִ ࣪	1755195059 using!! ⛧ Report Comment
BubbleTeaZombie	1754589618 using Report Comment
marguerite	1754211349 using :3 Report Comment
★Jae★	1754009743 Using Report Comment
d4n13l:/	1754002924 usingg Report Comment
autopsyGrrl	1753945259 using Report Comment
Jasmine	1753835243 using ! Report Comment