Red Goth Vamp w/Red Crosshair Cursor

Tags: goth, vampire, dark, with cursor, spooky, heytony

Description:

Hey this is the first layout im posting here, but i have few more on my blog!! I also post all my themes on my pastebin so i never lose them. anyway here's my Red Vamp Goth layout. Remember you can mod if you want!

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-1/cur5.cur), auto !important;}</style>
<a href="https://www.cursors-4u.com/cursor/2005/05/07/cur5-11.html" target="_blank" title="Red Crosshair">
    <img src="https://cur.cursors-4u.net/cursor.png" alt="Red Crosshair" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
 
/* Red Goth Vamp layout w/Red Crosshair Cursor
            by TonyTheTiger (spacehey.com/heytony) */
 
/*  to start off, this part bellow will control the base of your profile.
P.S. backround attachment is the one that makes your background either stay put
or scroll with you. use "fixed" or "scroll" for that part. */
 
 
    body {
        background-color: black;
        background-image: url('https://i.pinimg.com/originals/31/21/38/3121380f4e144d83749b218d370e1a09.gif');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
    Main {
        Background-color: rgba(36,36,36,.5);
        background-size: 50%;
        background-position: right;
        background-repeat: no-repeat;
        background-attachment: scroll;
     }
    main:before {
        width: 100%;
        height: 300px;
        display: block;
        content: "";
        background-image: url('https://www.jing.fm/clipimg/full/110-1107359_kawaii-cute-black-manga-anime-girl-goth-png.png');
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
}
        @media only screen and (max-width: 600px) {
            main:before{
            height: 200px;
        }
    }
    nav .top {
        background-color: #242424;
        background-size: contain;
        background-repeat: repeat;
        background-position: center;
        background-attachment: scroll;
    }
        nav .links {
        background: maroon;
        padding: 3.5px 16px 5.5px 16px;
        }
        nav .links a { 
            color: #242424;
            text-decoration: none;
            font-size: 12px;
        }
        nav .links a:hover {
            color: grey;
            text-decoration: line-through;
        }
    footer {
        background-color: #242424;
        background-image: url('https://31.media.tumblr.com/e23aecdd8c75479d8efd3ef2d386737f/tumblr_mroij1u7NK1sfk0ybo1_500.gif');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left;
        background-attachment: scroll;
    }
    body, div {
        font-family: courier;
        color: maroon;
        font-weight: bold;
        text-decoration: none;
    }
    
 
/*  bellow this you can change the left side of your profile,
including the intrerests details' table, but only the heading! */  
    
    .profile h1 {
        background-image: url('https://data.whicdn.com/images/76994599/original.gif');
        background-position: center top;
        color: grey;
    }
    .online {
        color:red!important;
    }
    .online img,
    .offline img {
        display: none;
    }
    .online:before {
        content: "🔴"!important;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(1.0,0,0,1.0);
        animation-duration: 2s;
    }
    .blog-preview {
        background: rgba(36,36,36,.45);
    }
    .profile-pic img {
            border-radius: 5%;
        }
    .friends img {
        border-radius: 5%;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        background: rgba(36,36,36,.45);
        width: 100%;
        border: none;
        margin: 10px 0;
    }
    .profile .contact {
        background-image: url('https://media0.giphy.com/media/mEtjDFSKYbYdav9WG2/giphy.gif');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: scroll;
    }
    .profile .contact .heading,
    .profile .table-section .heading,
    .home-actions .heading {
        background-image: url('https://media2.giphy.com/media/TK4aDaZrcPvFKnn7cE/giphy.gif');
        background-position: center;
        color: grey;
        padding: 2px 7px;
    }
    
    
/*  this is the part where you tweak the right side of your profile */  
    
    .profile .blurbs {
        background: rgba(36,36,36,.45);
        margin: 20px 0px;
    }
    .profile .friends {
        background: rgba(36, 36, 36,.45);
        border-color: maroon;
        border-radius: 5px;
    }
    .profile .blurbs .heading {
        background-image: url('https://media2.giphy.com/media/TK4aDaZrcPvFKnn7cE/giphy.gif');
        background-position: center;
        color: grey;
    }
    .profile .friends .heading {
        background-image: url('https://media2.giphy.com/media/TK4aDaZrcPvFKnn7cE/giphy.gif');
        background-position: center;
        color: grey;
    }
    .profile .blurbs .section h4 {
        margin: 14px;
        color:  grey;
        font-weight: bold;
    }
    .profile .friends .person p {
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
    .count {
        color:  grey;
    }
    
    
/*  this is the part you change your comments table,
and your intrests table. 
P.S.: the ones with ":first-child" variables, will control the left side of the tables. */ 
    
    .comments-table {
        display: block;
        height: 200px;
        overflow-y: scroll;
    }
    .comments-table td,
    .music-table td {
        background: transparent;
        background-image: url('https://img1.picmix.com/output/stamp/normal/9/0/1/8/1558109_c0058.gif');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right;
        vertical-align: top;
        position: relative;
    }
    .comments-table td:first-child,
    .music-table td:first-child {
        background: rgba(36, 36, 36,.9);
        text-align: center;
        font-weight: bold;
        width: 38%;
    }
    .details-table td {
        background: rgba(36,36,36,.45);
        vertical-align: top;
    }
    .details-table td:first-child {
        background: rgba(36,36,36,.9);
        color: grey;
        font-weight: bold;
        width: 33%;
    }
    
    
/*  this is the part you can change how the links look */ 
    
    a.navbar:link, a.navbar:active, a.navbar:visited, a.navbar:hover,
    a.man:link, a.man:active, a.man:visited, a.man:hover,
    a, a:link, a:active, a:visited, a:hover,
    a.navbar:link, a.navbar:active, a.navbar:visited, a.visited:hover,
    a.text:link, a.text:active, a.text:visited, a.text:hover,
    a.searchlinksmall:link, a.searchlinksmall:active, a.searchlinksmall:visited,
    a.searchlinksmall:hover, a.redlink:link, a.redlink:active, a.redlink:visited,
    a.redlink:hover {
        color: grey;
        font-weight: bold;
        font-style: normal;
        text-decoration: none;
    }
    a.navbar:hover, a.man:hover, a:hover {
        color: red;
        font-weight: bold;
        font-style: normal;
        text-decoration: line-through;
    }
 
 
/*  Hope these coments helped you out!
and i suggest you YouTube Noah's SpaceHey CSS tutorials, if you're completely lost. 
Special thanks to Cory (spacehey.com/cory) and Katie (spacehey.com/fighttheducks) */
 
</style>

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

Chad	1730447005 using :3 Report Comment
𝖕𝖔𝖎𝖘𝖔𝖓☮	1729337326 Using🖤 Report Comment
adxreiti ·˚ ༘₊· ͟͟͞͞꒰➳	1721356959 Using<3 Report Comment
MESH	1720828363 Using! Report Comment
yoshiwara𓆩𓆪	1720281355 using<3 Report Comment
Kite Atomsku	1720168625 Using, Thank you! Report Comment
char 👁‍🗨	1719338497 using Report Comment
Graysonderuloo	1717536970 using :D Report Comment
⋆ ˚｡⋆୨୧ Manhunter⋆୨୧⋆ ˚｡⋆	1714744936 green vers plz Report Comment
ITZ M0MMA SM0KI33	1711335967 purple version when? Report Comment
yna	1709811368 using <33 Report Comment
mossy :]	1709718138 using the swaggy cursor Report Comment
riker lalonde 🍷	1708635394 using Report Comment
Ken_z	1707698253 using cursor Report Comment
Roman	1707197694 using Report Comment
asterisk*	1706447598 using for the cursor :3 Report Comment
☆▪Queen_Lillith▪☆	1702785083 Using!!!! Report Comment
xia	1702492723 using for the cursor! Report Comment
ST☆RGIRL	1700764964 will use for the cursor) Report Comment
sc4tt3rbr41n5	1698481168 gonna use for the cursor!!!! Report Comment