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

SadGirlClubPresident	1700764964 will use for the cursor) Report Comment
cefuroxime	1698481168 gonna use for the cursor!!!! Report Comment
finn the rizzer	1694198162 Ima use this!! Report Comment
xX.I.lost.reality.Xx	1693775482 Using Report Comment
sas	1692451593 using for the cursor!! ty! Report Comment
Romi	1690918325 using!! :p Report Comment
Quinzel	1690243977 Using the cursor !! Report Comment enjoy it! It goes really good with your theme!! by TonyTheTiger🐯; 1690435912; Report
gordon † nathan	1689995196 using specifically the cursor!! Report Comment
Crimson	1689661032 using! (the cursor bit that is :3, such a cool idea!!) Report Comment
Seras Victoria	1677022957 using! Report Comment oh u made it ur own! awesome! by TonyTheTiger🐯; 1689385908; Report
Pastel	1675040272 Using! thanks sm, it's so cute Report Comment
S t e v i e	1648561975 Thank you for posting this! I'm currently using it. Report Comment
nessa <3	1647459578 so cute Report Comment thx! glad u like it by TonyTheTiger🐯; 1689385841; Report
Christine Gundy	1638373130 i love this layout i put it for mine if thats okay thank so much for making this layout Report Comment omg! thanks! sory i deleted ur friendsrequest bc it was private! i only add people that are not minors lol by TonyTheTiger🐯; 1689385786; Report
Aunty Christy	1632133990 I love the look I wish i could use it on my fetlife page Report Comment
Cambria Maeve	1632008176 Love it! Report Comment
k4tt (^_-)	1615986680 oml im gonna use this rn, thank youuu ^~^ Report Comment RAD! thanks for choosing one of my layouts! this one is def one of my faves! by TonyTheTiger🐯; 1616345860; Report
eszter <3	1614996375 this is so cute, gonna use it! thank you so much :) Report Comment Im so glad you like it! :D it looks great on your profile! by TonyTheTiger🐯; 1615051548; Report
Chinita	1613543746 I love this layout but for some reason it goes back to the regular layout any reason why that happens? Report Comment no clue! But i checked your page and it seems fine on my end? by TonyTheTiger🐯; 1613581774; Report so i just simplified the code a bit, maybe there we're some conflicting variables. just tested it and it works fine on chrome. by TonyTheTiger🐯; 1613582174; Report okay I got it thank you! by Chinita; 1613628803; Report
Stephanie Til Death	1612590314 love this! Report Comment Thanks!! ^-^ by TonyTheTiger🐯; 1612637124; Report