💀Loud Emo Kid Layout💀

Tags: emo;flashy;edgy

Description:

Hello! I made this super loud and flashy emo kid layout!! I really liked how this one turned out. There's flashing glitter text, and a flashy backround too, so **FLASH WARNING** if you use this!!!!

Preview:

Code:

<!-- (c) Layout created by 🖤Teyga🖤 (https://layouts.spacehey.com/layout?id=132) --> <style> :root{ --headers: black; --background_image: url("https://i.ibb.co/q5bg7GF/1386651ny5vnisl07.gif"); --mynamesize: 27px; --transparency: 0.9; --curve: 30px; --simple_bg:#4B5456; } h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/ h1{ background-color:var(--box_color_and_seethru) !important; border-radius: var(--curve) !important; padding: 10px !important; border: var(--borders) !important; color: BLACK; !important; } /* color of username */ .count, .friends a p{color: var(--names); !important;} /* color of names, and friends counter */ .section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */ :root{ --box_color_and_seethru: rgba(75, 84, 86, var(--transparency));} h1, h2, h3, h4, h5, a, nav label{ font-family: var(--font-family) !important; text-transform:uppercase !important; } .section,p,a{ font-family: var(--font-family) !important; } h1, h2, h3, h4, h5, p {padding-left:5px !important;} h1{ font-size: var(--mynamesize) !important; text-transform:uppercase !important; padding-middle:12px !important; } body { background-image: var(--background_image) !important; } .heading, .url-info, .blurbs, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer{ background-color:var(--box_color_and_seethru) !important; border-radius: var(--curve) !important; padding: 10px !important; border: var(--borders) !important; } .details{ background-color:var(--box_color_and_seethru) !important; border-radius: var(--curve) !important; padding: 10px !important; border: var(--borders) !important; height: 175px; } .profile-pic img{ /* the face rotation is funny, but let's comment it away for default */ /* transform: rotate(90deg) !important; */ outline:none !important; border-radius: var(--curve) !important; } .friends-grid img{ outline:none !important;filter: opacity(90%) !important; width:60% !important; height:30% !important; border-radius: var(--curve) !important; filter:hue-rotate(var(--hue)) !important; } .inner img{ outline:none !important; border-radius: var(--curve) !important; } iframe{border-radius: 60px !important;opacity: 0.66 !important;} .url-info{display:none !important;} main{border-radius: var(--curve) !important;} main{background-color:rgba(250, 41, 64, 0.0); !important;} .friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img .icon{border: NONE !important;} .mood{margin-bottom:12px !important;} .blurbs{margin-top:12px !important;} .friends{margin-top:-12px !important;} .profile-info{border-radius: var(--curve) !important;} .comments-table{border-radius: var(--curve) !important;border:none !important;} .table-section{padding-bottom:9px !important;} #comments{margin-top:40px !important;padding-bottom:40px !important} .details p:last-child{color:var(--links) !important; filter: brightness(95%); } </style> <style> /* Hides the default image */ .online img, .offline img { display: none; } .online::before { content: "😈"; } .offline::before { content: "💀"; } .online { color: purple!important; } </style> <style> body { --darker-blue: black; --lighter-blue:#4B5456; --even-lighter-blue: #FFFC5B; --lightest-blue: #B525E2; --dark-orange: #A01D2B; --light-orange: black; --even-lighter-orange: #36E830; --green: black; --logo-blue: ; } </style> <style> a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link { color: #5BF3FF; } nav .links a:hover, a:hover { font-size: 1.10em; } </style> <img src="http://i.picasion.com/gl/90/e1td.gif" width="250" height="55"/> <style> .comments-table{ display: block; height: 380px; overflow-y: scroll; Border-radius: 15px; } ⏬ ⏫ ⏬ ⏫ ⏬ ⏫ ⏬ ⏫ </style> <style> h1 { color: black; text-shadow: 2px 2px 3px purple, 0 0 25px purple, 0 0 5px yellow; } </style> <style>/*cursor made by gafcodes.com*/ body {cursor:url(https://www.gafcodes.com/premade/cursors/jspunkette/cursor50.cur), default;}</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.