scenecore layout!!

Tags: scene, scenecore, 2000's, monster energy, hyperpop

Description:

not rlly scene i dont think,,, but idk what else to put 💀 if u use pls add creds!! thx <3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=80840) -->

<style>

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

body{
background: url(https://i.pinimg.com/originals/61/ab/2d/61ab2dd16794d1c40e4c04a1a17aefcc.jpg);
background-size: contain;
}

::-webkit-scrollbar {
    width: 12.5px;
    background-color: #000;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: hotpink;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #000;
}

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(2 3 37 / 58%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

nav .top{
background: url(https://tse3.mm.bing.net/th/id/OIP.2jVYFisLUgOHJU3iu8B13gHaNL?pid=ImgDet&rs=1);
background-size: 150px;
    background-position-y: 250px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: drop-shadow(2px 4px 6px black);
}

button, input {
    overflow: visible;
    background: white;
    color: black;
    border: none;
    box-shadow: 0 0 5px white;
}

nav .links{
background: url(https://tse3.mm.bing.net/th/id/OIP.2jVYFisLUgOHJU3iu8B13gHaNL?pid=ImgDet&rs=1);
background-size: 150px;
    background-position-y: 350px;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
    margin-bottom: 20px;
    text-align: center;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 2px 2px black;
    font-size: 100%;
}

nav .links a:hover {
    text-decoration: none;
    color: #008eff;
    font-style: italic;
    font-weight: bold;
}

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

main {
    background: transparent;
    color: white;
    padding: 6px 0px;
    font-size: 100%;
}

.profile h1 {
    font-size: x-large;
    margin: 0 0 10px 0;
    text-align: center;
    text-shadow: 3px 3px black;
}

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

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
}

.general-about .details {
    display: block;
    text-shadow: 2px 2px black;
}

.profile .mood{
background: url(https://tse1.mm.bing.net/th?q=Scenecore+Stars&w=120&h=120&c=1&rs=1&qlt=90&cb=1&pid=InlineBlock&mkt=en-US&cc=US&setlang=en&adlt=strict&t=1&mw=247);
    text-align: right;
    padding-top: 10px;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px;
    margin-bottom: 10px;
    background-position: left;
    text-shadow: 2px 2px black;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
margin-bottom: 10px;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: 1px solid white;
    margin: 10px 0;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
background: url(https://tse1.mm.bing.net/th?q=Scenecore+Stars&w=120&h=120&c=1&rs=1&qlt=90&cb=1&pid=InlineBlock&mkt=en-US&cc=US&setlang=en&adlt=strict&t=1&mw=247);
    background-position-y: center;
    filter: hue-rotate(333deg);
    text-shadow: 2px 2px black;
}

.profile .url-info{
background: url(https://i.pinimg.com/originals/1f/9d/09/1f9d095a1b99f29b3e7f2c512c4f5a9a.gif);
  background-size: 300px;
    height: 303px;
    font-size: 0;
}

.details-table td:first-child {
    background: #b3e4ff59;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    width: 33%;
}

.details-table td {
    background: #bbddef7a;
    vertical-align: top;
    border-radius: 8px;
}

.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

.blog-preview {
    text-shadow: 2px 2px black;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading, .profile .contact .heading {
    background: white;
    color: black;
    padding: 2px 7px;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
    text-shadow: none;
}

.profile .blurbs {
    margin: 20px 0;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
background: url(https://i.pinimg.com/originals/42/cf/30/42cf30375429d1b482f344bf0e93c667.gif);
  background-size: 1000px;
    text-shadow: 2px 2px black;
    text-align: right;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #ffffff;
    text-shadow: 2px 2px black;
    text-transform: uppercase;
}

.friends {
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px;
    margin-bottom: 20px;
    text-shadow: 2px 2px black;
    text-align: right;
background: url(https://i.pinimg.com/originals/42/cf/30/42cf30375429d1b482f344bf0e93c667.gif);
  background-size: 1000px;
}

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

.count {
    color: #90daff;
}

tbody {
    border: transparent;
}

.comments-table td:first-child, .music-table td:first-child {
    background: transparent;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    width: 33%;
}

.comments-table td, .music-table td {
    background: transparent;
    vertical-align: top;
    border-radius: 8px;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: none;
}

.comment-replies {
    padding: 0 5px;
    border: none;
    margin-top: 10px;
    border-radius: 8px;
    background: transparent;
}

footer {
    text-align: right;
    font-size: 100%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent;
    color: white;
    text-shadow: 2px 2px black;
}


.online {
    color: hotpink;
    text-shadow: none;
    font-weight: bold;
    font-size: 100%;
    filter: saturate(0) brightness(3.5)  drop-shadow(0px 0px 4px black);
}

a {
    color: hotpink;
    text-shadow: 1px 1px black;
    text-decoration: none;
}

.icon, .award img {
    display: none;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

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

Jaden	1711767878 using Report Comment
b9ruci	1707468868 using <3 Report Comment
KeiZin XP	1706309787 USING!1!1!!!1! Report Comment
haru0xt	1702159229 using Report Comment
v0mit07X	1700432319 i use X3 Report Comment
⭐Donatello_simp⭐	1699161181 usinng >.< Report Comment
⦻ RainGlobe / RODY!!! B)	1698552923 using!!! Report Comment
amnevsemalo X3	1696942808 using!! Report Comment
M!l0	1696694823 Using and obsessed Report Comment
Kaden	1695872521 Using and I love it Report Comment
Felix <3	1695862632 using <3 Report Comment