Evanescence Layout

Tags: #evanescence, #amylee, #layout, #customcursor, #autoplay, #alternative, #blue, #music, #guitar, #butterfly

Description:

Band "Evanescence" with custom butterfly cursor and song "Bring Me to Life" autoplay.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Taylor ☘︎ 🃟 (https://layouts.spacehey.com/layout?id=37430) -->

<div style="float:  ; height: 100px; position: fixed; left: 2px; bottom: 400px; z-index: 30;"><img src="https://64.media.tumblr.com/07d2da595ce4f5d69994816cb1d232ac/588c64ea7a2fba68-97/s400x600/1cafbb53bced60ddc19d1fd7559c42dd479e7628.pnj"/></div>

<div style="float:  ; height: 100px; position: fixed; right: 2px; bottom: 400px; z-index: 30;"><img src="https://64.media.tumblr.com/de3f89125ec114643b018058eee25b4b/588c64ea7a2fba68-05/s400x600/943a97c3975195d24341850d8b79f0d4064d4df6.pnj"/></div>

<style>
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
body{font-family: 'Cinzel Decorative', cursive;}
</style>

<style>

body{
background: url(https://garden.spoonflower.com/c/14482301/p/f/m/HuFb1xiFAkZ-qXMyUkISPOLl2uEBQIpDUOsiNUdw1_jbxdAoOO_U/Black.jpg)
}

nav::before {
    content: ' ';
    border: 1px solid #4e8ebf;
    width: 580px;
    height: 120px;
    display: block;
    margin: 20px auto;
    top: 0;
    left: 0;
    z-index: 100;
    background: black url(https://64.media.tumblr.com/f2653eb55182b41c4af2d0881ffc96d4/19116c714a742c6f-e6/s640x960/73761d0fb969dc812356a33574b267c52a50ee81.pnj);
    background-size: cover;
    background-position: center;
}

nav .top {
    background: black;
    color: #4e8ebf;
    padding: 15px 10px 14px 10px;
    position: relative;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: brightness(100) saturate(100%) invert(30%) sepia(100%) saturate(1600%) hue-rotate(177deg) brightness(75%) contrast(100%);
}

button, input {
    overflow: visible;
    background: black;
    border: 1px solid #4e8ebf;
    color: #4e8ebf;
    font-weight: bold;
}

.logout-btn, .logout-form {
    color: #4e8ebf;
    text-transform: uppercase;
    display: inline-block;
    font-size: 100%;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "✮";
    color: #cdd8db;
}

nav .links {
    background-color: transparent;
    text-align: center;
    padding: 3.5px 16px 5.5px 16px;
}

nav .links a {
    text-decoration: none;
    color: #cdd8db;
    text-shadow: 0 0 5px #cdd8db;
    background: black;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}

nav .links .special a {
    color: #cdd8db;
}

nav .links a:hover {
    text-decoration: underline;
    color: #4e8ebf;
    font-weight: bolder;
    text-transform: uppercase;
}

main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 150px;
    display: block;
    content: "";
    background-image: url(https://64.media.tumblr.com/96616d2f6a090bd5761560d841a92eb0/c9a8ce381714f835-9e/s500x750/924ee20e1f32140364b5d1d6ec82081bf2168073.gifv);
    background-position: center center;
    background-size: cover;
}

main {
    background: black;
    color: #4e8ebf;
    border: 1px solid #4e8ebf;
    padding: 6px 0px;
    font-size: 80%;
text-align: center;
}

span {
    text-align: center;
    color: #4e8ebf;
    text-transform: uppercase;
    font-size: 170%;
}

a {
    color: #4e8ebf;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #cdd8db;
    text-transform: uppercase;
    font-weight: bolder;
    font-style: italic;
}

.edit-link {
    font-size: 90%;
    text-align: center;
}

.general-about .profile-pic {
    display: block;
    float: left;
    margin: 0 15px 8px 0;
    border: 1px solid #4e8ebf;
}

.general-about .details {
    display: flow-root;
    text-align: center;
}

.profile .mood {
    width: 100%;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.mood:after {
    content: "";
    white-space: pre-wrap;
    display: block;
    height: 50px;
    background-image: url(https://cur.glitter-graphics.net/pub/2328/2328281dfwt16f4bx.gif);
    background-position-x: center;
    background-repeat: no-repeat;
    background-size: 300px;
}


.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: transparent;
    color: #4e8ebf;
    text-align: center;
    border-bottom: 1px solid #4e8ebf;
    padding: 2px 7px;
}

.profile .contact .f-row {
    margin: 7px;
    font-weight: bold;
    font-size: 0.8em;
}

.profile .blurbs .section p {
font-size: 15px;
text-align: center;
}


.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 1px solid #4e8ebf;
    margin: 10px 0;
}

.details-table td:first-child {
    background: transparent;
    color: #4e8ebf;
    text-align: center;
    font-weight: bold;
    border: 1px solid #4e8ebf;
    width: 33%;
}

.details-table td {
    background: transparent;
    color: white;
    border: 1px solid #4e8ebf;
    vertical-align: top;
}

.profile-info {
    border: 1px solid #4e8ebf;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 30px;
    margin-bottom: 10px;
}

.profile .profile-info {
	background-image: url(https://garden.spoonflower.com/c/14482301/p/f/m/HuFb1xiFAkZ-qXMyUkISPOLl2uEBQIpDUOsiNUdw1_jbxdAoOO_U/Black.jpg);
	padding: 20px;
    border: 1px solid #4e8ebf;
    
}


.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    border-bottom: 1px solid #4e8ebf;
    color: #4e8ebf;
    padding: 2px 7px;
    text-align: center;
}

.profile .blurbs {
    margin: 20px 0;
    border: 1px solid #4e8ebf;
    
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #4e8ebf;
    text-align: center;
}

.friends {
    border: 1px solid #4e8ebf;
    
}

.count {
    color: #4e8ebf;
}

.profile .friends .person p {
    color: #4e8ebf;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 1px solid #4e8ebf;
    
}


.friends-grid {
    border-top: 1px solid #4e8ebf;
    padding-top: 10px;
}

.comments-table td:first-child, .music-table td:first-child {
    background: black;
    border: 1px solid #4e8ebf;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border: 1px solid #4e8ebf;
    
}

.comments-table td, .music-table td {
    background: #000000;
    border: 1px solid #4e8ebf;
    vertical-align: top;
}

table.comments-table {
    border: 1px solid #4e8ebf;
    
}


footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: #00000000;
    color: #cdd8db;
     
}


::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    width: 2px;
    border: 1px dotted #cdd8db;
}
::-webkit-scrollbar-thumb {
    background: #4e8ebf;
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: #4e8ebf;  
}

.online {
    content: url(https://64.media.tumblr.com/a496b71c94e4b70439e5b39f1509c6ea/4d91250f23a00349-dd/s100x200/34adc811bcf8ec5b41293fa31d0332378279bd21.gifv)
}

    .icon, .award img {
        content: url(https://64.media.tumblr.com/534f2b0b8ee1499836b1d179ab709f3a/1bf10d2268d0dc71-bd/s75x75_c1/a686a9f5785372d66c8f4fad64b794c790315dd2.gifv);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

HTML,BODY{cursor: 
url(http://www.rw-designer.com/cursor-view/167.png),
auto;}


A:hover{cursor: 
url(http://www.rw-designer.com/cursor-view/167.png),
auto;}

body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/0f63f9ea5445c53727163557ea17845f/51ef0a4d90f516de-c2/s1280x1920/744b3fe521f73c5501e402b624e3edf2c5a3178c.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

<style>  body {
text-align: center;
}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/vyzO-5vt48g//?&;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>

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 14 of 14 comments ( View all | Add Comment )

s4m_1s_m1nt	1741937887 using :0 Report Comment
nabi ♱ 🩸	1740317853 usando!! Report Comment
THEE__VHONSTER	1737593608 USING Report Comment
ZEN	1732210978 using Report Comment
Ezekiel	1723810619 USING IT!! Report Comment
Erin	1722868857 I'm going to use it Report Comment
Erin	1722868857 I'm going to use it Report Comment
Samuellittledeer	1721690564 uSING IT!!!1! Report Comment
Naomi	1707453656 Using^^ Report Comment
𝕾𝖈𝖆𝖗𝖑𝖊𝖙𝖙⛧	1703345592 USING!! TY!! Report Comment
r2d2linkin	1702924913 love it :0 Report Comment
Jay <3 !	1697861821 USING TYSM! Report Comment
Damien </3	1692474985 OMGG THIS IS SO GOOD IM GNNA USE THISS Report Comment
tori 𐙚	1691207462 USIGN OMG ILY Report Comment enjoyyyy :)) by Taylor ☘︎ 🃟; 1691210222; Report