Scenecore

Layout Details

This design was originally published on layouts.spacehey.com for SpaceHey profile pages around Feb 23, 2021 by TheJasmineSixx (LunaGloomyCore).

I created this new version by adapting the original profile layout to work specifically for SpaceHey blog posts. Following the creator's permission to modify their work with proper credit, I also cleaned up and reordered the code to fix contradictions, making it fully functional for the blog section while keeping the original essence intact.

All credits for the original design belong to its creator.

Updated and adapted for Blogs by N4TH4N43L_XP.

Code :

Copy and paste to About Me

<style>

@import url('https://fonts.googleapis.com/css2?family=Potta+One&display=swap');

html {
    filter: saturate(250%);
}

/* Body */

body {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-1.gif");
    background-repeat: repeat;
}

/* Container */

.container {
    background-color: transparent;
}

/* Nav */

nav {
    border: 12px solid #000000;
    border-radius: 12px;
}
nav .top, 
nav .links {
    background-color: #FF0075;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-2.gif");
    background-attachment: fixed;
    background-repeat: repeat;
}
nav .top .center form label,
nav .top .center form button,
nav .top .right a {
    color: #FFFFFF;
    font-family: potta one;
    text-decoration: none;
}
nav .top .center form button {
    background: none;
    border: none;
}
nav .links {
    text-align: center;
}
nav .links li:first-child {
    display: none;
}
nav .links li a {
    color: #FFFFFF;
    font-family: potta one;
    text-decoration: none;
    text-shadow: 0 0 7px #FF0075;
}
nav .links li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

/* Main */

main {
    background-color: #FF0075;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-3.jpg");
    background-repeat: repeat;
    border-radius: 12px;
    border: 12px solid #000000;
    border-radius: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Edit Info */

.blog-entry .edit-info {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-4.gif");
    background-repeat: repeat;
    border: 3px solid #FF0075;
    border-radius: 10px; 
    box-shadow: 4px 4px 0px #2d1157;
    padding: 7px 10px;
}
.blog-entry .edit-info .profile-pic img {
    width: 115px;
    height: 115px;
    max-width: 115px;
    max-height: 115px;
    object-fit: cover;
    border: 1px solid #00FFEF;
}
.blog-entry .edit-info .author-details .icon {
    display: none;
}
.blog-entry .edit-info .author-details p,
.blog-entry .edit-info .author-details b,
.blog-entry .edit-info .author-details h4 {
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .edit-info .author-details a {
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .edit-info .author-details a:hover {
    color: #2d1157;
}

/* Title */

.blog-entry .title {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-5.jpg");
    background-repeat: repeat;
    border: 3px solid #FF0075;
    border-radius: 10px; 
    box-shadow: 4px 4px 0px #2d1157;
    padding: 15px 5px;
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none;
    text-align: center;
    filter: drop-shadow(3px 3px 0 #000000);
}

/* Content */

.blog-entry .content {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-4.gif");
    background-repeat: repeat;
    border: 3px solid #FF0075;
    border-radius: 10px; 
    box-shadow: 4px 4px 0px #2d1157;
    margin-top: 10px;
    padding: 7px 10px;
}
.blog-entry .content p, 
.blog-entry .content ul, 
.blog-entry .content li,
.blog-entry .content h1, 
.blog-entry .content h2, 
.blog-entry .content h3, 
.blog-entry .content h4, 
.blog-entry .content h5, 
.blog-entry .content h6 {
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .content b,
.blog-entry .content a {
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .content a:hover {
    color: #2d1157;
}
.blog-entry .content i { 
    color: #00FFEF;
    font: italic 13pt candara; 
    letter-spacing: -0.5px; 
}
.blog-entry .content u { 
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none; 
    border-bottom: 2px solid #FF0075;
}
.blog-entry .content img {
    border: 1px solid #00FFEF;
}

/* Kudos */

.blog-entry #kudos {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-4.gif");
    background-repeat: repeat;
    border: 3px solid #FF0075;
    border-radius: 10px; 
    box-shadow: 4px 4px 0px #2d1157;
    margin-top: 10px;
    padding: 7px 10px;
}
.blog-entry #kudos p b {
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry #kudos p b .count {
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry #kudos .kudos-btn {
    background: none;
    border: none;
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry #kudos .kudos-btn:hover {
    color: #2d1157;
}

/* Comments */

.blog-entry .comments {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-4.gif");
    background-repeat: repeat;
    border: 3px solid #FF0075;
    border-radius: 10px; 
    box-shadow: 4px 4px 0px #2d1157;
    margin-top: 10px;
}
.blog-entry .comments .icon {
    display: none;
}
.blog-entry .comments .heading {
    background-color: #000000;
    border-bottom: 3px solid #FF0075;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 2px 7px;
}
.blog-entry .comments .heading h4 {
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments a { 
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments a:hover {
    color: #2d1157;
}
.blog-entry .comments .inner p b {
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments .inner p b a,
.blog-entry .comments .count {
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments .inner p b a:hover {
    color: #2d1157;
}
.blog-entry .comments .comments-table, 
.blog-entry .comments .comments-table td {
    border: none;
    background-color: transarent;
}
.blog-entry .comments .comments-table td:first-child {
    width: 28% !important;
    background-color: #000000;
    border: 1px solid #00FFEF;
}
.blog-entry .comments .comments-table td:first-child a p {
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments .comments-table td:first-child a:hover p {
    color: #2d1157;
}
.blog-entry .comments .comments-table td:first-child a, 
.blog-entry .comments .comments-table td:first-child a p {
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
}
.blog-entry .comments .comments-table td:first-child::after {
    content: url("https://creepyboom.neocities.org/Img/Online/online-(30).gif");
}
.blog-entry .comments .comments-table td:first-child .pfp-fallback {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 1px solid #00FFEF;
}
.blog-entry .comments .comments-table td:nth-child(2) {
    background-color: rgba(0,0,0,0.8);
}
.blog-entry .comments .comments-table td:nth-child(2) p, 
.blog-entry .comments .comments-table td:nth-child(2) ul, 
.blog-entry .comments .comments-table td:nth-child(2) li,
.blog-entry .comments .comments-table td:nth-child(2) h1, 
.blog-entry .comments .comments-table td:nth-child(2) h2, 
.blog-entry .comments .comments-table td:nth-child(2) h3, 
.blog-entry .comments .comments-table td:nth-child(2) h4, 
.blog-entry .comments .comments-table td:nth-child(2) h5, 
.blog-entry .comments .comments-table td:nth-child(2) h6 {
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments .comments-table td:nth-child(2) b,
.blog-entry .comments .comments-table td:nth-child(2) a {
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments .comments-table td:nth-child(2) a:hover {
    color: #2d1157;
}
.blog-entry .comments .comments-table td:nth-child(2) i { 
    color: #00FFEF;
    font: italic 13pt candara; 
    letter-spacing: -0.5px; 
}
.blog-entry .comments .comments-table td:nth-child(2) u { 
    color: #00FFEF;
    font-family: potta one;
    text-decoration: none; 
    border-bottom: 2px solid #FF0075;
}
.blog-entry .comments .comments-table td:nth-child(2) a button {
    background: none;
    border: none;
    color: #FF0075;
    font-family: potta one;
    text-decoration: none;
}
.blog-entry .comments .comments-table td:nth-child(2) a button:hover {
    color: #2d1157;
}
.blog-entry .comments .comments-table td:nth-child(2) .comment-replies {
    background-color: #000000;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-6.gif");
    background-repeat: repeat;
    border: 3px solid #FF0075;
    border-radius: 10px; 
}

/* Footer */

footer {
    background-color: #FF0075;
    background-image: url("https://file.garden/aZQEtGMXd3dvbXg4/IMG/scenecore-bg-2.gif");
    background-attachment: fixed;
    background-repeat: repeat;
    border: 12px solid #000000;
    border-radius: 12px;
}
footer a,
footer .links li a {
    color: #FFFFFF;
    font-family: potta one;
    text-decoration: none;
    text-shadow: 0 0 7px #FF0075;
}
footer a:hover,
footer .links li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
footer p,
footer .links li i { 
    color: #FFFFFF;
    font-family: potta one;
    text-decoration: none;
}

/* Credit */

.credit {
   position: fixed; 
   top: 0; 
   left: 3px;
   width: 10%;
}

/* MOBILES (Max 600px) */

@media (max-width: 600px) {

/* Credit */

.credit {
        display: none;
    }
}

</style>