ANOTHER BLUE EMO/SCENE LAYOUT!!!

Tags: emo, scene, blue, 2000s

Description:

I MADE ANOTHER ONE LOLOLOL!!! AGAIN JUST COMMENT OR FRIEND ME IF USING!!! FEEL FREE 2 EDIT!!

Preview:

click on the image for a larger preview

Code:

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

<a href="https://www.glitter-graphics.com"><img src="http://dl.glitter-graphics.net/pub/1187/1187511er7guadh1i.gif" width="81" height="47"/></a>

<a href="https://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/1296/1296733zp6m2hotbs.gif" width="80" height="68"/></a>


<a href="https://www.glitter-graphics.com"><img src="http://dl3.glitter-graphics.net/pub/674/674953ulnnugdq1c.gif" width="170" height="138"/></a><br/><a href="https://www.glitter-graphics.com" target="_blank"></a>


<img src="https://i.postimg.cc/QCBqwT7n/f181b293.gif"/>

<style>

body {
   background: #fff url(https://i.pinimg.com/564x/3b/4c/56/3b4c566cb7cdeb1d5a9e77d8a5eaaa01.jpg);
   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(https://64.media.tumblr.com/1391496afb45924fc286a78532dba99f/6946c13e425088d1-93/s100x200/3cd3311d7b3c7f9b64f33da79c26225cc87cb4c8.gifv);
}

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>


<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/normal/8/7/7/0/1980778_6d787.gif" height="220"/></div>

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://www.picgifs.com/glitter-gifs/e/emo/picgifs-emo-82811.gif" height="220"/></div>


<div class="snowflakes">
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
<div class="snowflake"><img src="https://xyz.crd.co/assets/images/gallery18/cc39291c.gif?v=4ca63763"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;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%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style>

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</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 147 comments ( View all | Add Comment )

PTVBOY	1731710351 using<3 Report Comment
our vampire of sorrows	1731680838 using!! Report Comment
dindin	1731225033 using !! Report Comment
Skeleton Gloves	1731043790 uusing :) Report Comment
cross	1730430737 using! Report Comment
Crow	1730405459 Probably using ^^ Report Comment
⭒luxcii_3n ⭒	1729771210 Using :3!! Report Comment
DiasaurXD	1729389279 using!! Report Comment
lia	1729113744 using!!! Report Comment
i.luv.vampires	1729003824 Using ^_^ Report Comment
xkimikox	1728859436 using!! Report Comment
merrick <3	1728333694 using!! this is super cute :3 Report Comment
Theo	1728131870 using :) Report Comment
rawr	1728110604 usiingg Report Comment
Malik	1727964071 using! Report Comment
kelli :p	1727664374 usinggg Report Comment
KatMonstAh420	1727642291 using!! Report Comment
Elijah	1727177806 Using :3 Report Comment
plantzkillz	1727133565 using,,, Report Comment
Nash!!	1727133206 using!!11!!!!! Report Comment