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 Dusk (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 193 comments ( View all | Add Comment )

Colin H.	1743296793 using !! Report Comment
cAssieCaTastrophiee	1743274079 using Report Comment
sara	1743185918 using tysm Report Comment
Fallon Oney	1743067928 im so using! Report Comment
caKe	1743047834 using tysm !! Report Comment
LusciousLotus	1742773677 using ^3^ Report Comment
𐙚ꌗꉓꂦ꓄꓄ꌩꌗꀘꂦꂦ꒒꒱	1742520803 Using Report Comment
Wezimintz	1741834885 Usinggg!! Report Comment
Su1c1dal D0m!n!k	1741037687 usinggg Report Comment
🩵Scotty🩵	1741021449 using!! Report Comment
IrizInUrComputerXD	1740966937 using! Report Comment
Puriin!><	1740922405 using Report Comment
koi	1740699731 usingg Report Comment
Robin	1740158956 Using!! Report Comment
Rae	1740146374 USING!!! Report Comment
Pr1nc3ssSt✰r	1740019939 usingggggg Report Comment
vander_1980	1740011207 usingngggg X3 Report Comment
Lynnzyy!!!!X3	1739851969 usingngggg X3 Report Comment
aslan.diorama	1739208456 using xx Report Comment
s1r3nscre4m	1739130336 using! Report Comment