STREBER LAYOUT SPOOKY MONTH OMGG

Tags: spooky month, streber, sr pelo, sm, skid, pump, layout, vampire

Description:

streber from spooky dooky month omhhhgggg

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by 𝓯𝓻𝓮𝓪𝓴𝔂 billy (https://layouts.spacehey.com/layout?id=40643) -->

<div id="bloodydrip"></div>

<style>
#bloodydrip {
	background: url("https://gifdb.com/images/high/blood-drip-on-white-background-uzferz046cq2yc84.gif");
	background-position: center;
	background-repeat: repeat;
	width:600%;
	height: 500px;
	min-width:1920px;
	overflow:hidden;
	position:fixed;
	top: -10px;
	left:0px;
	z-index:100;
	pointer-events:none;
	opacity:1;
}
</style>
<style>
{
  display-image: url("https://media.tenor.com/0CUIxgbwSCoAAAAC/streber-sr.gif")
  width: 100px;
  height: 100px;
}
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
p{
    font-family: 'Sedgwick Ave Display', cursive;
    font-size: 14px;
    color: white;
}

/* the navigation is adjusted here */
nav{
    background-color: black;
    border: none;
    text-align: center;
}
.online{
    margin:auto;
    padding-bottom: 1px;
    content: url("https://media3.giphy.com/media/fQrSBv2mR1xrDJ3YUJ/giphy.gif?cid=6c09b9528tsqay5dk5ytgitk9zqgcl6l9ko81hpk5i7knaoe&ep=v1_internal_gif_by_id&rid=giphy.gif&ct=s");
    width: 50px;
    height: 50px;
}

nav .top{
    color: #15eb0e; /* line that appears between help/login/signup */
}

nav .top, nav .links {
    background-color: transparent;
}
nav .links{
    border-top:1px #15eb0e;
    border-bottom:1px #15eb0e;
}
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " ⋆ ★";
    color: #15eb0e;
}
nav img.logo{
    filter: brightness(0) saturate(100%) invert(10%) sepia(74%) saturate(5025%) hue-rotate(9deg) brightness(92%) contrast(121%) !important; 
    height:30px;
}
.search-wrapper input[type=text] {
    background-color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid darkred!important;
    color:darkred!important;
}

button{
    border: 0px solid firebrick!important;
    font-family: 'IM Fell DW Pica SC', serif;!important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    color: darkred !important;

}

/* the header section of the boxes */
.profile .contact .heading, .profile .table-section .heading,.home-actions .heading, .profile .friends .heading{
    background: black;
    background-size: contain;
    border: 1px solid black;
    font-family: 'IM Fell DW Pica SC', serif;
    font-size: 16px!important;
    font-weight: bold;
    color:black;
    text-align: center;
    text-shadow: 1px 1px 5px black;
}


/* adjusting images borders and adding styling if you want to */
.profile-pic img{
    background: black;
    background-size: 30%30%;
    padding:5px;
}

/* you can add text-align:center; if you want your friends to be centered */
.friends-grid{
    text-align: center;
}
.profile .friends .person img:not(.icon){
    border-radius: var(--curve) !important;
    height:100px;
    width:100px;
}

/* custom contact */
.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 me */
	content: "⋆ ★"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* faves? */
	content: "⋆ ★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chit chat */
	content: "⋆ ★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forwardd */
	content: "⋆ ★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant chat */
	content: "⋆ ★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: "⋆ ★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* group me */
	content: "⋆ ★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "⋆ ★"
}

/* this is the comments table scroll code. 
you can delete this if you don't want a scroll box */

.comments-table {
    display: block;
    height: 600px!important;
    overflow-y: scroll;
    border: 0px dotted #000 !important;
    outline: none !important;
    border-radius: none;
    padding:5px;
}
.comments-table td:first-child *{
    color: var(--text);
}
.comments-table td{
    border: 2px solid black;
    padding:10px;
    border-radius: 0px;
}



h1,h2,h3,h4,h5{
    font-family: 'Sedgwick Ave Display', cursive;
    font-size: 40px;
    color: rgb(143, 27, 62);
}
    body {
	background-image: url("https://i.pinimg.com/474x/28/11/f1/2811f147535dbd8f5f65a5cd57269f59.jpg");
	background-attachment: fixed;
	background-position:center;
	background-color: black;

    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(0, 0, 0, 0.45) !important;
        border-color: black;
    }
main:before {
    width: auto;
    border: 1px solid black;
    display: block;
    height: 200px;
    content: "";
    background-image: url("https://media.tenor.com/83ns6-5xV2sAAAAC/streber-vampire.gif");
    background-position: center center;
    background-size: cover;
}

footer {
    width: auto;
    border: 1px solid black;
    display: block;
    height: 200px;
    content: "";
    background-image: url("https://i.pinimg.com/originals/cf/90/8d/cf908d166ca76586bfb395f6ccd02086.gif");
    background-position: center center;
    color: rgb(191, 46, 46);
}
:root {
    --logo-blue:black;
    --darker-blue: rgb(21, 235, 14);
    --lighter-blue: black;
    --even-lighter-blue: black;
    --lightest-blue: black;
    --dark-orange: rgb(21, 235, 14);
    --light-orange: black;
    --even-lighter-orange: black;
    --green: black;
}


/* . hidden things */
.blurbs .heading {display:none;} /* hides the blurbs title */
.profile .left .table-section:last-child {display:none;} /* hides the links section */
.url-info {display:none;} /* hides url box */
.details-table td:first-child{display:none;} /* hides general, music, etc titles */
.blurbs .inner .section:nth-child(2) {display:none;} /* hides the "who I'd like to meet" */
.blog-preview h4 {display:none;} /*hides blog names */
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol19.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/22/hol19-11.html" target="_blank" title="Three Bats"><img src="https://cur.cursors-4u.net/cursor.png" alt="Three Bats" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
</style>

<style>
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.profile .friends .person img {
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%);
}
</style>

div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 0px; z-index: 200;"&gt;
<img src="https://static.wikia.nocookie.net/1ade09b1-0fe5-470f-8631-137ee0292659/scale-to-width/755" height="300"/>
<style></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 14 of 14 comments ( View all | Add Comment )

MagmaCat Undead	1740454852 Using the blood, this layout is really neat! Report Comment
Vampi!!! X3	1714954932 Using!!! X3 Report Comment
Vampi!!! X3	1714954927 Using!!! X3 Report Comment
CHAR !!!!!	1713439843 USINGGGG Report Comment
Razz★!!	1712594703 THIS IS SOO COOL, ILL PROBS BE USING THE FULL LAYOUT NEXT TIME BUT IM JUST USING THE BLOOD AND POSSIBLY THE BANNER FOR NOW BUT SUPER COOL STREBER IS MY FAV!!!!^_^ Report Comment
Lucian!!	1708525781 I NEED SOMEONE TO ANIMATE STREBER SO I CAN HAVE HIM ROAMING AROUND MY SCREEN WAAAAAAAAAAAAAAAAAAAAA Report Comment I COULD TOTALLY TRY IF U WANT! by 𝓯𝓻𝓮𝓪𝓴𝔂 billy; 1708556178; Report YAYY!!!! by Lucian!!; 1708621478; Report
kio_green_screen	1705252456 using!!! thanks :-)♡ Report Comment
totally Frank iero	1704278784 USING Report Comment
gh0stbun	1703872856 USING!!!>:3 Report Comment
eatoctos	1702663175 Using ☆ Report Comment
☆Ghost☆	1699669023 using^^ Report Comment
Glittery!!	1695061722 USIG Report Comment
@ ;; VINCENT !!	1694827204 USING YSING YSINGHDYAGEJA Report Comment
kas	1694555656 A-💥 Report Comment