numba 3

Tags: #swag
Description:

my third layout and my favorite of them all :)
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by STIMP!! ★☆ (https://layouts.spacehey.com/layout?id=104510) -->

<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-6/sym597.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/01/26/transparent-white-star.html" target="_blank" title="Transparent White Star"><img src="https://cur.cursors-4u.net/cursor.png" alt="Transparent White Star" style="position:absolute; top: 0px; right: 0px;"/></a>
	

<style>/* Profile Design Info */
    :root {
        --logo-blue: #da0000;
        --darker-blue: #5190E6;
        --lighter-blue: #da0000;
	}

    .top {border-radius: 25px 25px 0 0;}

    main {
        color: white !important;
        font-weight: normal !important;
        font-family: verdana !important;
        font-size: 11px !important;
        background-color: #fff !important;
        letter-spacing: .2px !important;
        border-radius: 25px 25px 25px 25px !important;
	padding: 0px 0px;
        }

	body
        {background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/32850ec0-ff7b-400e-8ea6-76b1fecfa7bb/dez3vy0-4b51442a-64a2-45a8-86e1-d55211fd3fdc.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzMyODUwZWMwLWZmN2ItNDAwZS04ZWE2LTc2YjFmZWNmYTdiYlwvZGV6M3Z5MC00YjUxNDQyYS02NGEyLTQ1YTgtODZlMS1kNTUyMTFmZDNmZGMucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.BaQXzAbuhWb9c4cgU3EjZkp1My00m89Y3FxEGuw91Iw');}
     
    .profile {
        background-color: #000; 
        color: #fff; 
        border-radius: 0 0 25px 25px !important;
        }

    .container {
        border-radius: 25px;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
        width: 860px;
        }
</style>

<style>/* Headers */
    .profile h2 {	
    	@import url('https://fonts.cdnfonts.com/css/Cheri');
	font-family: 'Cheri', cursive; 
	font-size: 25px !important; 
	direction: ltr; 
	text-align: center;
	text-transform: lowercase;
	border: none;
	border-bottom: double;
	color: #da0000;
	margin: 0 0 5px 0; 
	}

    .profile h3 {
	font-family: 'Cheri', sans-serif;
	font-size: 18px !important;
	direction: ltr;
	text align: center;
	font-weight: 700 !important;
	color: #d5d4aa;
	text-transform: uppercase;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: #d5d4aa;
	margin: 0 0 5px 0;
	}
</style>

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #841904;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Links */
    .links {
	color: #5190E6 !important;
	font-weight: normal !important;
	background-color: #000 !important;
	text-align: center !important;
	letter-spacing: .5px !important;
	margin-botto-9m: 0 !important;
	}

    .links a:hover {
	color: #0028BE !important;
	font-weight: normal !important;
	letter-spacing: .5px !important;
	}

    a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    	color: #0028BE;
    	text-decoration: none;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        }

    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " • ";
        color: #d5d4aa;
        font-size: 9px !important;
        }

    nav .links a{
        color: #5190E6 !important;
        text-shadow: none !important;
        font-weight: bolder;
        }
    
    nav .links a:hover {
        color: #2000C3 !important; 
        font-weight: bolder !important; 
        text-decoration: none;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 3.5px 3.5px;
	font-family: monospace !important;
        font-size: 4px !important;
        border: none;
        border-bottom: 3px ridge #74c755;
        }
</style>

<style>/* Friends */
    .profile .friends {text-align: center;}
    .profile .friends .inner {padding: 0px;}
    .profile .friends p {margin: 0px;}
    .count {color: #d5d4aa;}
</style>

<style>/* Flip Profile */
    .profile{direction: rtl;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
    .profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .details p{direction: ltr;}
    .mood{direction: ltr; text-align: right;}
    .contact{direction: ltr;}
</style>

<style>/* Hidden Information */
    .profile-info {visibility: hidden; display: none;}
    .contact .heading {display: none !important;}
    .url-info {display: none !important;}
    .profile .table-section {visibility: hidden; display: none;}
    .section h4{display:none;}
    .blog-preview{display:none;}
    .profile .blurbs .heading {visibility: hidden; display: none;}
    .profile .blurbs .section:nth-child(2) {display: none;}
    .friends .heading {display: none !important;}
    .friends-grid {visibility: hidden; display:none;}
    .friends#comments .heading {display: none !important;}
    .comments-table {visibility: hidden; display: none;}
    footer .links {visibility: hidden; display: none;}
</style>

<style>/* Profile Name, Profile Picture, General Details, and Contact */
    @import url('https://fonts.cdnfonts.com/css/Cheri');
    .profile .left h1 {
	font-family: 'Cheri', cursive; 
	font-size: 37px !important; 
	direction: ltr; 
	text-align: center; 
	color: #da0000; 
	text-shadow: 2px 1px 2px #5e848d; 
	letter-spacing: 0.75px;
	}

    .profile h1 {
	margin: 0 0 5px 0;
	font-family: !important;
	font-size: !important;
	font-weight: !important;
	text-align: center !important;
	padding-bottom: 5.5px !important;
	padding-top: 5.5px !important;
	}

    .general-about {
    	padding: 10px 10px 0 10px !important;
    	text-align: center !important;
    	position: relative;
    	margin-top: 5px;
    	margin-bottom: 0;
	}

    .general-about .profile-pic img {
    	max-width: 160px;
    	max-height: 160px;
	}

    .general-about .profile-pic {
    	display: block;
   	float: left;
    	margin: 0 15px 8px 0;
    	height: 160px;
	}

    .general-about .profile-pic img {
    	border-width: 5px; 
    	border-style: solid; 
    	border-image: linear-gradient(45deg, rgb(45,217,66), rgb(21,68,188)) 1;
    	}

    .profile-pic {
    	width: 100% !important;
    	border-radius: 100px;
    	overflow: hidden;
	}

    .online {visibility: hidden;} 
    .online img { 
        content: url("http://www.myspacegens.com/images/online_now/112.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 25px; 
        width: 90px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        }

    .mood {
    	text-align: center !important;
    	margin-top: 0 !important;
    	margin-bottom: 10px !important;
    	padding-top: 5px !important;
    	padding-bottom: 5px !important;
    	}

    .profile .contact {border: none;}
</style>

<style>/* Contact Icons */
    .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: "★"
    	}
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "★"
    	}
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "★"
    	}
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "★"
    	}
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "★"
    	}
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "★"
    	}
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "★"
    	}
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "★"
    	}
</style>

<style>/* Footer */
    nav, footer, .profile .contact {
    	display: inherit!important;
    	opacity: 1!important;
    	}

    footer {
    	display: none !important;
    	color: transparent !important;
    	font-size: 0px !important;
    	background-color: transparent !important;
    	margin: 10px 0 10px;
    	padding: 10px 5px;
    	}
</style>

<style>
    .profile .blurbs .section {
    	margin-bottom: 14px;
    	height: 400px;
    	width: auto;
    	font-size: 12px !important;
    	border: 0px solid black;
    	text-align: center;
    	font-weight: normal;
    	padding-left: 10px;
    	padding-right: 10px;
    	background-attachment: fixed !important;
    	overflow-y: scroll;
    	word-wrap: break-word;
    	}

    .profile .blurbs {
    	margin-bottom: 10px;
    	}
</style>

<a href="https://layouts.spacehey.com/jodymarie09" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; background-color: #000; width: 125px; height: 16px;">Jody Marie Layouts</div></a>

<h2>About Me</h2> 

°❀⋆.ೃ࿔*:･✮⋆˙
ᯓ★ introverted grungehead  
   ᯓ★ artist, gamer, nerd, legend  
      ᯓ★ the irl stimpy  
         °❀⋆.ೃ࿔*:･✮⋆˙


<br/><br/>

<h2>Likes</h2>

𖦹°‧★ 90's/2000's alternative rock
𖦹°‧★ creepypasta / lost media
𖦹°‧★ drawing my little guys
𖦹°‧★ silly cartoons 
𖦹°‧★ MONSTER TRUCKS!!!
𖦹°‧★ thrifting
𖦹°‧★ stars.......
𖦹°‧★ anyone 16+

<br/><br/>

<h2>Dislikes</h2>
★ maaaaaaaan idk........weird people ig........*inserts basic DNI list* ★

<br/><br/>

<h2>Favorites</h2>
<h3>Music:</h3>

green day, butthole surfers, primus, weezer, korn, alice in chains, nirvana, descendents, sublime, slipknot, stone temple pilots, pantera, suicidal tendencies, slayer, creed, aerosmith, and more!!!!

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/2mdjZBUwaFyb6OSuFUgLal?utm_source=generator&theme=0" width="100%" height="152" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<br/><br/>

<h3>Media:</h3>

ren and stimpy, monster jam, pokemon, life is strange, ok k.o, eddsworld, wordgirl, teen titans, tAWoG, sonic the hedgehog, clarence, horrid henry, camp camp, gravity falls, the vampire diaries, orange is the new black, steven universe, dan vs, metal family, clone high, hey arnold, shameless, MLaaTR, FNAF, Xbox, nintendo, and more!!!! :3

<br/><br/>

<h3>Kins:</h3>

mental illness
 
<img src="https://64.media.tumblr.com/19aab04eab1ea39287fcbfbf51f9dcc8/tumblr_inline_ns7zux4GG21skuj2h_400.gif" width="100 px"/>

<img src="https://64.media.tumblr.com/2cacd7fc0a92dae6af4a216732876087/f9ebb7c88b47621a-0d/s500x750/71c00fd70835d63b64f1d0a5507920f19410c119.gif" width="100 px"/>

<img src="https://media4.giphy.com/media/3o6nV5Smlwnam0IHmw/200w.gif?cid=6c09b952erqzv5olp4z1y5v8qwwh65v7usbb8kwlquqva39v&ep=v1_gifs_search&rid=200w.gif&ct=g" width="100 px"/>

<h3>★★★★★★★</h3>

<img src="https://y2k.neocities.org/blinkiez/newbatch/Blinkie_83__site_.gif" width="200 px"/>

<img src="https://web-mine.neocities.org/blinkies/self%20expression%20is%20not%20a%20crime.gif" width="200 px"/>

<img src="https://plasticdino.neocities.org/blinkie/easily.gif" width="200 px"/>

<img src="http://blinki.es/blinkies/music/i-love-rock-and-roll.gif" width="200 px"/>

<img src="https://i2.glitter-graphics.org/pub/969/969132ff3t2b4u2x.gif" width="200 px"/>

<img src="https://plasticdino.neocities.org/blinkie/iamastarblinky.gif" width="200 px"/>

<img src="https://y2k.neocities.org/blinkiez/1071338ipvpyh23ww.gif" width="200 px"/>

<img src="https://y2k.neocities.org/blinkiez/newbatch/cutiepie.gif" width="200 px"/>

<img src="https://plasticdino.neocities.org/blinkie/my%20god.gif" width="200 px"/>

<img src="https://y2k.neocities.org/blinkiez/nap.gif" width="200 px"/>

<img src="https://plasticdino.neocities.org/blinkie/tummy.gif" width="200 px"/>

<img src="https://plasticdino.neocities.org/blinkie/tails.gif" width="200 px"/>

<img src="https://64.media.tumblr.com/4b4ccdfb32b52f2672c93de7d7d96321/tumblr_inline_pdzd44VhH11v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/ee99202ac2ee7966e54be5e2e38ebec0/tumblr_inline_pdzd3q13hU1v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/3200ebf2ef6477d8b7c1af52bc9af71b/tumblr_inline_pdzekf7yse1v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/9f2c0c68e7119a4380cf16e5fb519bac/tumblr_inline_pdyts9Q7921v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/fe61c98a2b9cdc0cc4b5f121a553db62/tumblr_inline_pdzcepDGgt1v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/3bf45cf46ddd12510e6183502e40eb55/tumblr_inline_pdzdt9DyCT1v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/c1cfd702a005fca393880eb31b762f7a/tumblr_inline_pdzdvhTyQQ1v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/742e958be97909cf2c9374d0b013783a/tumblr_inline_pdzfc15B5z1v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/055ca80b2ae48ff1704b21cc520f35db/tumblr_inline_pdytkuHhaP1v11djx_500.gif" width="85 px"/>

<img src="https://64.media.tumblr.com/60f811004acd5aca9ac05894e3eb8a37/tumblr_inline_pdzdwmo3oY1v11djx_500.gif" width="85 px"/>

<marquee behavior="scroll" direction="right"><img src="https://external-media.spacehey.net/media/sfSDFaVFLcmSzEEyS4upjKFKA4nRs9CJRwSYZJz9lHfk=/https://queenbeanie.tripod.com/inch.gif" alt="wormb :)"/></marquee>

<iframe width="0" height="0" src="https://www.youtube.com/embed/EPM0-A780GQ?si=qKsOkALcI8MjePZ6//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<style>
/* customizable snowflake styling */
.snowflake {
  color: white;
  font-size: 1.5em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:2s,.3s}.snowflake:nth-of-type(3){left:30%;animation-delay:2s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:2s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:3s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:2s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake"></div><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake">★</div><div class="snowflake">★</div></div>



<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.gifer.com/origin/9d/9d52720f913e4dd237dcec816553c7c2_w200.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
<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

Comments disabled.