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

Mrngl.SP	1736859106 Using xP!! Report Comment
Braeden Blasphemous :3	1736821378 using Report Comment
BlueGutzz	1736756092 USINGGG Report Comment
Jay :P	1736742995 binh Report Comment
Rayoziny	1736722178 Using! Report Comment
akscroll	1736620180 USING Report Comment
☆sonic_rox☆	1736492309 using <3 ty Report Comment
ubrig	1736314690 ussingggg :) Report Comment
luinel	1736139026 using this tho its so pretty :3 Report Comment
Chaos-Collective	1736046307 using :D Report Comment
JEREMY	1735896833 usinggggggggggggggg Report Comment
zombiekidd ★	1735520382 using Report Comment
4C1D	1735391644 Usingggg :33333 Report Comment
xx_d3v1l_puppyy_xx	1735358929 Using !! Report Comment
drr0pdeeadxx	1734919297 using Report Comment
K4SP3R !!	1734718603 Using :]] Report Comment
o0kithex0o	1734230262 Using Report Comment
m4x	1734029079 using !! :3 Report Comment
Aether!!:3	1733795098 gonna usee!! sucha cool layoutt Report Comment
skull_luver39	1733243802 Using Report Comment what dose using mean? :p but thxxx ;D by b4ttxsz; 1733571148; Report