classic emo blue layout

Tags: emo, blue, gif, simple, black, scene, 2000s, goth, dark, glitter

Description:

CREDIT IS VERY APPRECIATED!!! DO NOT USE AS A BASE a blue emo layout inspired by teh old myspace layout generator layouts.... always da transparent boxes n shits... ya kno :]

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by :: trixie toxxic :: (https://layouts.spacehey.com/layout?id=26052) -->

ABOUT ME GOES HERE!!!! U CAN TYPE WHATEVER U WANT HERE JUST DELETE THIS TEXT!!!! THE LAYOUT IS BELOW

<style>

body {
   background: #fff url(https://i10.glitter-graphics.org/pub/2047/2047330idotockpx7.gif);
   color: #fff;
   cursor: url(https://i10.glitter-graphics.org/pub/1969/1969880sj349n9qin.gif), auto;
}

main {
   background: #f2f0f000;
   color: #fff;
}

div.top {
   background: rgba(0, 154, 255, 0.55);
   border-top: 4px solid #fff;
   border-left: 4px solid #fff;
   border-right: 4px solid #fff;
   padding: 10px;
   margin-top: 10px;
}

.links {
   background: rgba(0, 154, 255, 0.55);
   border-bottom: 4px solid #fff;
   border-left: 4px solid #fff;
   border-right: 4px solid #fff;
   padding: 2px;
}

.blurbs, .comments-table, .url-info, .table-section, .general-about, .blog-preview, .friends-grid, .mood {
   background: rgba(0, 154, 255, 0.55);
   border: 4px solid #fff;
   padding: 2px;
}

.profile-pic img {
   width: 200px;
   padding: 10px;
}

.details {
   color: #fff;
}

.mood {
   color: #fff;
   margin-top: 15px;
   margin-bottom: 15px;
}

.contact {
   background: #000;
}


.contact .inner a img {
   filter: sepia(100%) hue-rotate(190deg) saturate(500%);
}

.comments-table {
   color: #000;
}

.general-about {
   overflow: auto;
}

.profile .url-info {
   border: 4px solid #fff;
}
.profile .contact {
   border: 4px solid #fff;
}
.profile .table-section {
   border: 4px solid #fff;
}

footer {
   color: #fff;
   background: #00000087;
   border: 4px solid #fff;
}

footer .links {
   background: rgba(0, 0, 0, 0);
   border: 0px;

}

.inner {
   color: #fff;
}

button {
   color: #fff;
   background: #000; 
   border: 2px solid #fff;
}

button:hover {
   color: #fff;
   background: #00B7FF;
}

input {
   background: linear-gradient(0deg, rgba(255,255,255,1) 31%, rgba(198,198,198,1) 100%);
   border: 2px solid #fff;
}

.count {
   color: #00B7FF;
   background: #000;
}

a:hover {
   color: #00B7FF;
}

nav .links a:hover {
  text-decoration: none;
  color: #00B7FF;
}

::selection {
   background: #fff;
   color: #000
}

.online {
   content: url(http://www.coolspacetricks.com/images/myspaceicons/045.gif);
}

h1 {
   text-align: center;
   color: #fff;
}

.logo {
   content: url(https://i.imgur.com/yeRU4Gt.png);
}

:root {
  --light-gray: #f2f0f0;
  --gray: #e3e3e3;
  --dark-gray: #919191;
  --darker-gray: #545454;
  --logo-blue: #000;
  --darker-blue: #fff;
  --lighter-blue: #000;
  --even-lighter-blue: #000;
  --lightest-blue: #00000087;
  --red: #00DBFF;
  --dark-orange: #00B7FF;
  --light-orange: #000;
  --even-lighter-orange: #00B7FF;
  --strange-yellow: #00abff;
  --green: #34D399;
  --light-green: #E6F8DD;
  --medium-green: #A0C99C;
  --dark-green: #059669;
}

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

XxSt0ner_Z0mbiexx	1765145790 Using ^_^ Report Comment
ghostgirl	1764806071 using!! tysm! Report Comment
Coco	1764539916 usinggg :) Report Comment
Shor	1764512885 using :33 Report Comment
FFantasy	1764475887 Using! Report Comment
Nicole's fault	1764101790 Using!! Report Comment
niltiaK	1763543038 usingg Report Comment
megan	1763481489 Using Report Comment
Rachel	1762833544 using Report Comment
nads	1762144447 usingg Report Comment
C0smic.N3vi🪼	1761071190 Usinggggg Report Comment
★Angiee★	1760820867 usingg Report Comment
Maximus	1760639719 using guh Report Comment
_N1GHT3O	1760555711 USING! :3 Report Comment
Denny 🛰	1760399077 Using! Report Comment
z0mb1b0mbz	1759449032 using :3 Report Comment
SETSUNA,SHADS	1759086826 Using!!! Report Comment
Benny	1758231007 Using Report Comment
deadstarcry	1757430322 USING Report Comment
TanzomatStriker	1757297760 I'm gonna use this stitched with some code for a different background image if that okay !! Report Comment