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

yuu	1776247353 using! Report Comment
C3SAR T0RR3S	1776058843 using! Report Comment
Adelaide	1775796404 using! Report Comment
♰ 𓏼 🧺 (Rudy)	1775579362 usingg Report Comment
꒰ঌ ໒꒱ pierrot / uripawaf	1775382610 usingggg !!! Report Comment
S3V3N	1775165983 Using!! <3 Report Comment
P1ERC3	1775144391 using1! Report Comment
AxL	1774907600 using Report Comment
DONEATER	1774714031 using -0- Report Comment
🍭💤 max ^^ 🏳️‍⚧️🍭	1774711701 using =] Report Comment
𝔐𝔞𝔪𝔡𝔯𝔞𝔩	1774271328 using!! ty Report Comment
Divi	1774058849 using Report Comment
InfectiousIdiot	1773818294 Using this, cuz it's coolio toolio Report Comment
Jasper !	1773718058 def using! :3 Report Comment
eco	1772856982 using! Report Comment
Marinaa	1772774363 usingggg Report Comment
manu⋆⁺‧₊𖤐	1772647809 usando Report Comment
thirteenth	1772390888 using!! Report Comment
mac.a.roni	1772075694 Using!! Tysm!! Report Comment
⋆☽₊˚.𓋹.˚₊☾⋆sapphic necromancer⋆☽₊˚.𓋹.˚₊☾⋆	1771721312 using Report Comment