sun's profile picture

Published by

published

Category: Web, HTML, Tech

simple horror layout

simple horror layout

for my edgy bbs! incredibly simple layout that includes animated blood drips and bats.
this layout hides your url, friends, and comments.
includes online now
icon and cursor.
♥ if you like it/use it, please leave a comment♥

code below

<style>
@import url('https://fonts.googleapis.com/css2?family=Butcherman&display=swap');

    :root {
        --logo-blue: url("");
        --darker-blue: #000000;
        --lighter-blue: #c40404;
        --even-lighter-blue: #901c18;
        --lightest-blue: #ffffff;
        --dark-orange: #ffffff;
        --light-orange: #c40404;
        --even-lighter-orange: #ffffff;
        --green: #000000;
        
        
        
    }
    
    body {
        background: #ffffff;
        background-image: url("");
        background-size: ;
        background-attachment: repeat;
        text-transform: lowercase;
        font-family: times;
        --webkit-font-smoothing: none;
        
    }
    body .header {
        display:none!important;
    }
    .blog-preview p {
        background-color: transparent;
        padding: 0px 1px;
        border-radius: 10px;
        color: black;
    }
    
 
    
        
    }
    .blog-preview p a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: black!important;
    }
    nav {
        margin-bottom: 0px;
        border-radius: 0px 0px 0 0;
        color: black!important;
        text-align: center;
        overflow: hidden;
        border: dashed 1px;
        border-color: black!important;
        border-bottom: none!important;
    }
    
    nav .top {
        color
    }

    nav .links {
        background: transparent!important;

    }

    nav { background: #ffffff url("https://64.media.tumblr.com/tumblr_m7da2fiO1y1roozkr.gif");
        
    }
    nav img.logo{
        filter: brightness(0) saturate(100%);
    
        
    }
    .contact {
        font-size: 12px;
        font-family: times;
        border: dashed 0px!important;
        background-image: url("https://64.media.tumblr.com/tumblr_m7da2fiO1y1roozkr.gif")!important;
        background: ;
        
        border-top: 0px;
        
    }
    .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://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        /* add to favorites */
        content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        /* send Message */
        content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        /* forward to friend */
        content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        /* instant message */
        content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        /* block user */
        content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        /* add to group */
        content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        /* report user */
        content: url("https://64.media.tumblr.com/4d411ea363c264b1b168487e2fb95d7f/tumblr_inline_p93rwqQP971rhwzwl_75sq.gifv")
    }

    .profile-info{
        border: none;
        font-family: butcherman;
        font-size: 30px!important;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        color: #c40404!important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        margin-bottom: 1px;
        background-image: url("");
        line-height: 43px!important;
    }   
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: 0px!important;
        border-right: none!important;
        
    
    }
    .home-actions {
        border: none;
    }
    
    table.details-table {
        border: 0px;
        border-collapse: collapse;
        border-top: 0px;
        color: black!important;
        
        
    }
    table.details-table td {
        background: url("");
        color: black!important;
        border-bottom: #000000 dashed 1px;
        border-right: dashed 1px;
        border-top: #000000 dashed 1px;
    }
    .profile-pic {
        border-radius: 500px;
        border:none;
        overflow: hidden;
        margin-top: -20px!important;
        filter:;
    }
    .heading {
        display: block;
        margin-top: 0px;
        padding: 5px 0 !important;
        background: white!important;
        background-color: transparent!important;
        background-position: ;
        background-repeat: repeat!important;
        border: dotted px;
        color: black!important;
        font-size: 0px;
        text-align: left;
        font-family: times;
        -webkit-text-stroke-width: 0px;
        -webkit-text-stroke-color: black;
        border-bottom: dashed 0px;
        border-color: black!important;
        line-height: 0px;
    
    }
    h1 {
        background: url("");
        font-size: 50px!important;
        font-family: butcherman;
        font-weight: 200;
        transform: rotate(-10deg);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        text-shadow: 2px px grey;
        text-align: center;
        line-height: 43px!important;
        display: block;
        color: #c40404;
        padding: 10px;
        margin-top: 0px!important;
        margin-bottom: 40px!important;
        
    }
    
    main {
        border-radius: 0 0 0px 0px;
        border: dashed 1px;
        border-top: none;
        background: url("")!important;
        background-color: white!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 80px;
        margin-top: 0px;
    }
    
    footer {
        border-radius: 0px;
        border: dashed 1px;
        background: #ffffff url("https://64.media.tumblr.com/tumblr_m7da2fiO1y1roozkr.gif")!important;
        display: block !important;
        
    }
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: ;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .blog-preview p {
        font-size: .6rem;
    }
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: black!important;
        background: none;
    }
    
    a:visited {
        color: black!important;
    }
    
    a:hover {
        text-transform: lowercase;
        text-decoration-style: ;
        color: #901c18!important;
        border: none;
        
    }
    
    a:active {
     color: black;
    }

.friends-grid {
        visibility:hidden; display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

    .online {
        content: url("https://64.media.tumblr.com/bb467962e96adaecab52c3c776e3df80/tumblr_inline_mrdzernozC1qz4rgp.gif");}

    

*
 {cursor: url(https://cur.cursors-4u.net/games/gam-10/gam929.png), auto !important;}

   
</style>


0 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

stezie

stezie's profile picture

i'm not really cool enough to have this layout but idk i'm kind of obsessed with it right now.


Report Comment



hahahaha when you forget to end the italics

by stezie; ; Report

get outta town you’re hella cool

by sun; ; Report