Blue Scenecore Layout

Tags: scene, scenecore, blue, emo, 2000s, alternative, alt

Description:

Blue-themed scenecore layout, the cursor is a blue star gif and the hover cursor is a blue sparkle gif feel free to change anything, just be considerate and leave credit!! CSS code used

Preview:

click on the image for a larger preview

Code:

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

post the code below into the 'about me' part of your profile, and type the actual 'about me' before or after the code

<style>
@import url('https://fonts.googleapis.com/css2?family=Rubik+Iso&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Syne+Mono&display=swap');
p{
    color: white;
    text-align: center;
    font-family: 'Syne Mono';
    font-size: 13px;
    color-hover: #0401c6;
}
h1,h2,h3,h4,h5 {
    color: white;
    color-hover: #0401c6;
    text-align: center;
    font-family: 'Rubik Iso';
    font-size: 20px;
    text-shadow: 2px 2px #000000;
}
body {
    background: url(https://64.media.tumblr.com/bbffd1562c10b1fb29051b316305d137/d38fc427aa082a6d-1a/s640x960/3dfc66b0634adb64c0e81152593755d244859c79.pnj);
    background-attachment: fixed;
}
main {
    border-radius: 10px;
    background: url(https://64.media.tumblr.com/faaefeee09421e65c652df88dc48874f/33c229576203771e-fd/s500x750/306509a0e52414ef3c97096495d04fd1ee4c60f5.gifv);
    border: solid #000000 4px;
}
.general-about {
    border-radius: 10px;
    border: solid #000000 4px;
    padding: 10px;
    height: 217px;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.general-about .profile-pic img {
    border-radius: 10px;
     border: solid #000000 3px;
     border-shadow: 2px 2px #000000;
     background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.contact .inner {
    border-radius: 10px;
    border: solid #000000 4px;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
:root {
    --logo-blue: ;
    --darker-blue: white;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: ;
}
.mood {
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 3px;
    border: solid #000000 4px;
    padding-left: 10px;
    padding-top: 5px;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.profile .left .table-section .inner {
    border-radius: 10px;
    border: solid #000000 4px;
    padding-left: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.blog-preview {
    border-radius: 10px;
    margin-top: 32px;
    border: solid #000000 4px;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.blurbs .inner {
    border-radius: 10px;
    border: solid #000000 4px;
    padding-left: 10px;
    padding-top: 10px;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.friends .inner {
    border-radius: 10px;
    border: solid #000000 4px;
    padding-left: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
table.comments-table{
    display: block;
    height: 250px!important;
    overflow-y: scroll;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.url-info {
    border-radius: 10px;
    border: var(--borders)!important;
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
:root {
    border-radius: 10px;
    --borders: solid #000000 4px;
    background: #000000;
}
nav .links {
    border-radius: 10px;
    border: solid #000000 4px;
    text-align: center;
    font-family: 'Syne Mono';
    background: url(https://64.media.tumblr.com/faaefeee09421e65c652df88dc48874f/33c229576203771e-fd/s500x750/306509a0e52414ef3c97096495d04fd1ee4c60f5.gifv);
}
.top {
    border: var(--borders);
    margin-bottom: 10px;
    font-family: 'Syne Mono';
    background: url(https://64.media.tumblr.com/fd0387d625817c61f3cb8ff4b3ba9af1/c3fbef979de3248d-61/s250x400/516ca19129c0dd1c590d6eb3f474c190cc3b56bc.gifv);
}
.profile h1 {
    text-align: center;
    background: none;
    font-size: 45px;
}
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-family: 'Syne Mono';
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "★"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "★"
}
footer{
    border-radius: 10px;
    border: solid #000000 4px;
    font-size: 15px;
    background: url(https://64.media.tumblr.com/323a1005e99b220875f58d6692ad1f5d/33c229576203771e-de/s500x750/5795364909f340d38dafd6a0a6f28aa3febc455c.gifv);
}
.friends .person img {
    border-radius: 10px;
    border: solid #000000;
}
.profile .friends .person p {
    color: white;
    font-weight: normal;
}
.comments-table td img {
    border-radius: 10px;
    border: solid #000000;
}
.comments-table td p {
    border-radius: 10px;
    font-weight: normal;
}
nav .top {
    border-radius: 10px;
    border: solid #000000 4px;
    background: url(https://64.media.tumblr.com/323a1005e99b220875f58d6692ad1f5d/33c229576203771e-de/s500x750/5795364909f340d38dafd6a0a6f28aa3febc455c.gifv);
}
.friends-grid{
    text-align: center;
    color: white;
}
.count {
    color: #ffffff;
}
button, input, optgroup, select, textarea {
    font-family: 'Syne Mono';
    font-size: 10px;
    line-height: 1.15;
    margin: 0;
    background: #000000;
    border: #000000 solid 3px;
    color: white;
}
</style>


<style>


@keyframes anicur {
    0% {
        cursor: url("data:image/x-icon;base64,AAACAAEAICACAAIAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAzGYAAAAAAAACAAAQAQAAIAHAAOAA4AHAAPgHwAB8D4AAfz+AAD//AAA//wAAH/4AAB/+AAA//wAAf/+AAP//wAH//+AD///wB///+A////wf///+AAf8AAAH+AAAA/AAAAPwAAAB4AAAAeAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAAAA+f//5/j//8f8P/8P/B/+D/4H+B/+A/Af/wDAP/8AAD//gAB//4AAf//AAP//wAD//4AAf/8AAD/+AAAf/AAAD/gAAAfwAAAD4AAAAcAAAADAAAAA//AD///4B///+Af///wP///8D////h////4f////P//f/z//z////8f///8="), auto;
    }
    50% {
        cursor: url("data:image/x-icon;base64,AAACAAEAICACAAIAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAzGYAAAAAAAACAAAQAQAAIAHAAOAA4AHAAPgHwAB8D4AAfz+AAD//AAA//wAAH/4AAB/+AAA8zwAAfA+AAP4fwAH8D+AD+AfwB/8/+A//P/wf///+AAf8AAAH+AAAA/AAAAPwAAAB4AAAAeAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAAAA+f//5/j//8f8P/8P/B/+D/4H+B/+A/Af/wDAP/8AAD//gAB//4AAf//AAP//wAD//4AAf/8AAD/+AAAf/AAAD/gAAAfwAAAD4AAAAcAAAADAAAAA//AD///4B///+Af///wP///8D////h////4f////P//f/z//z////8f///8="), auto;
    }
    100% {
        cursor: url("data:image/x-icon;base64,AAACAAEAICACAAIAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAzGYAAAAAAAACAAAQAQAAIAHAAOAA4AHAAPgHwABMDIAARziAACHhAAAkyQAAFhoAABMyAAAz8wAAc/OAAOf5wAHP/OADg/BwBwHgOA/97/wf/M/+AAbcAAAGGAAAAzAAAAMwAAAB4AAAAeAAAADAAAAAwAAAAAAAAAAAAAAAAAAAAAAA+f//5/j//8f8P/8P/B/+D/4H+B/+A/Af/wDAP/8AAD//gAB//4AAf//AAP//wAD//4AAf/8AAD/+AAAf/AAAD/gAAAfwAAAD4AAAAcAAAADAAAAA//AD///4B///+Af///wP///8D////h////4f////P//f/z//z////8f///8="), auto;
    }
}


body {
    animation: anicur 0.7s linear infinite;
}


@keyframes anicur2 {
    0% {
        cursor: url("data:image/x-icon;base64,AAACAAEAICACAAIAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAzGYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAADgAAAAQAAAAAAAQAAAAAAAAIAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAOAAIABAAHAAAAAgAAAgAAAAAAAAAAAAAAAAAAAAAAA///////////////////////3////9////+P////3////9//////7////+/////H////g//v/8f/7//v38f/79/v9/+P7/f/3//j/9//9/////f///v////7//3/8f/9/+D/+P/x/fB/+/34//v4/f///f3/f/3//z////8f///8="), auto;
    }
    100% {
        cursor: url("data:image/x-icon;base64,AAACAAEAICACAAIAAAAwAQAAFgAAACgAAAAgAAAAQAAAAAEAAQAAAAAAgAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAzGYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAcAAAACAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAAcAAAgCAAAAAAAQAAAAOAAAABAAAAAAAAAAAAAAAAAAAAAAAAAQAIAAAAAAAAAAAAAAAAAAAAAA/////////////////////////f////3////4///38H//9/j//+P9///3/f//9////////////////////f////3///f4///38H/v4/j/7/f9/8f3/f+D////x////+/////v///v/3//7/9//8f+P//v/3/f7/9/z////8f///8="), auto;
    }
}

a:hover {
    animation: anicur2 1s linear infinite;
}


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

Astro	1714568265 Using Report Comment
oliver !!	1714567319 USING !! Report Comment
sidonthefritz	1714516453 ZOMG!!! this is literally awesome :O using!!! raghhhhh Report Comment
Tokama	1714488233 using Report Comment
☆⌒(ゝω ∂)	1714349946 :3 using Report Comment
☆⌒(ゝω ∂)	1714349945 :3 using Report Comment
ryan24	1714208652 using ! Report Comment
sliczny	1714069986 using!! Report Comment
Mut4ntMichael x-x	1713933931 UUUUUSING XD Report Comment
Tabbitha Joestar	1713657154 using!! X3 Report Comment
ZACK/PIERCE (zackzzap)	1713641753 USING!!!!111!!11 Report Comment
NeskauComVodka	1713546365 USINGG XD XD Report Comment
Liam Alejandro	1713474299 USING!!! TYSM X3 Report Comment
₊˚ʚ⭐₊˚✧B✪chii^_^┆#fourkinnie💤	1713439436 Using:3 Report Comment
rowan	1713348818 UZ1NG!!! Report Comment
KaiSonicX	1713300437 using! Report Comment
tr!n!ty.gh0ul	1713266084 Usinggg Report Comment
tr!n!ty.gh0ul	1713266082 Usinggg Report Comment
hypercas	1713208220 nice layout ! using Report Comment
Typaw	1713091375 damn, this is so cool :3 Report Comment