Ib (RPG Maker)

Tags: ib, rpg, horror, rpg maker, dark, pixel, black, pixel art

Description:

inspired by the RPG Maker game Ib

Preview:

click on the image for a larger preview

Code:

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

<div class="music">
<iframe width="300" height="50" src="https://www.youtube.com/embed/RTAPeTbOJQA//?&;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>
<p>YASUPochi Guitar - Freaky Girl Mary</p>
</div>
<style>
.music {
    position: fixed;
    left: 5px;
    bottom: 5px;
    padding: 4px;
    border: 4px #bbb258 ridge;
    background: #1F1F1F;    
}
.music p {
    padding-top: 6px !important;
    text-align: center;
    font-size: 9pt;
    color: #fff;
}

body {
    font-family: MS Mincho;
    background: #000;
}
.container {
    width: 1024px;
}
nav .top {
    background: none;
}
nav .links {
    background: none;
}
nav .links .icon {
    display: none;
}
nav .links .special {
    display: none;
}
nav .links {
    display: flex;
    justify-content: center;
    gap: 5px;
}
nav .links li:after {
    display: none;
}
nav .links li a {
    text-shadow: 1px 1px #000;
    border-image: url('https://external-media.spacehey.net/media/sY6CEV1NyxeRx2rb7yemOMvhSXVPbMqLGTAs6Y0LzEQM=/https://taiketsu.neocities.org/storage/Untitled-3.png') 8 !important;
    border: 8px solid;
    font-weight: normal !important;
    padding: 1px 10px;
    background: #000;
}
nav .links li a:hover {
    background: #4A494A;
    color: #fff;
    text-decoration: none;
}
h1 {
    color: #C8DFFE;
    font-size: 15pt !important;
    padding: 0px !important;
    margin: 0px !important;
}
h1:after, h1:before {
    content: "・・・・";
}
main {
    background: none;
}
p {
    color: #fff;
    font-size: 9pt;
    text-shadow: 1px 1px #000;
}
.profile-info {
    border-image: url('https://external-media.spacehey.net/media/sY6CEV1NyxeRx2rb7yemOMvhSXVPbMqLGTAs6Y0LzEQM=/https://taiketsu.neocities.org/storage/Untitled-3.png') 8 !important;
    border: 8px solid;  
    background: #000;
    height: 5px;
}
.profile-info a {
    color: #fff;
    font-weight: normal;
    text-shadow: 1px 1px #000;
    padding: 0px 216px;
}
.profile-info a:hover {
    background: #4A494A;
    color: #fff;
    text-decoration: none;  
    width: 100%;
    box-sizing: border;
}
h4 {
    font-weight: normal;    
    color: #fff;
    text-shadow: 1px 1px #000;
    font-size: 10pt;
}
b {
    font-weight: normal;
}
a:hover {
    text-decoration: none;
}
.profile .blurbs .section {
    padding: 4px;
    border: 4px #bbb258 ridge;
    background: #1F1F1F;
}
.section p {
    color: #A4A4A4;
    text-shadow: 1px 1px #000;
}
.blurbs .inner {
    padding: 0px !important;
}
.blurbs .heading {
    display: none;
}
.profile .blurbs .section {
    
}
.profile .blurbs .section h4 {
    color: #fff;
}
.table-section {
    padding: 0px;
    border: 8px solid !important;
    background: #000 !important;
    border-image: url('https://external-media.spacehey.net/media/sY6CEV1NyxeRx2rb7yemOMvhSXVPbMqLGTAs6Y0LzEQM=/https://taiketsu.neocities.org/storage/Untitled-3.png') 8 !important;
}
.table-section .heading {
    background: none !important;
    text-shadow: 1px 1px #000;
    margin: 3px 3px 0px;

    padding: 0px 3px !important;
}
.table-section .heading:hover {
    background: #4A494A !important;    
}
.details-table td {
    background: none !important;
    border: 0px solid #000;
    color: #fff !important;
    font-weight: normal !important;
    font-size: 9pt;
    text-shadow: 1px 1px #000;
    padding: 0px 3px !important;
}
.details-table td:hover {
    background: #4A494A !important;
}
.details-table a {
    color: #fff;
}
.details-table a:hover {
    text-decoration: none;
}
.url-info {
    padding: 0px;
    color: #fff;
    text-shadow: 1px 1px solid;
    border: 8px solid !important;
    background: #000 !important;
    border-image: url('https://external-media.spacehey.net/media/sY6CEV1NyxeRx2rb7yemOMvhSXVPbMqLGTAs6Y0LzEQM=/https://taiketsu.neocities.org/storage/Untitled-3.png') 8 !important;    
}
.url-info p:hover {
    background: #4A494A !important;       
}
.contact {
    padding: 0px;
    color: #fff;
    text-shadow: 1px 1px solid;
    border: 8px solid !important;
    background: #000 !important;
    border-image: url('https://external-media.spacehey.net/media/sY6CEV1NyxeRx2rb7yemOMvhSXVPbMqLGTAs6Y0LzEQM=/https://taiketsu.neocities.org/storage/Untitled-3.png') 8 !important;        
}
.contact .heading {
    background: none !important;
    text-shadow: 1px 1px #000;
    margin: 3px 3px 0px;
    padding: 0px 3px !important;    
    display: none;
}
.f-col a {
    color: #fff;
    font-weight: normal;
    padding: 0px 30px !important;
    width: 93% !important;
    font-size: 8pt;
    text-align: center;
    box-sizing: border-box;
    display: block;
}
.f-col .icon {
    display: none;
}
.f-col a:hover {
    text-decoration: none;
    background: #4A494A !important;
    padding: 0px 30px !important;
    text-shadow: 1px 1px #000;
}
.edit-link {
    display: none;
}
.friends .heading {
    background: none !important;
}
.friends .heading:hover {
    background: #4A494A !important;
}
.more {
    color: #fff;
    text-shadow: 1px 1px #000
}
.more:hover {
    color: #fff;
    text-decoration: none;
}
h4 a {
    color: #fff;
    padding: 1px 15px;
}
h4 a:hover {
    background: #4A494A !important; 
    color: #fff;
    text-decoration: none;
}
.mood b a {
    text-shadow: 1px 1px #000;
    border-image: url('https://external-media.spacehey.net/media/sY6CEV1NyxeRx2rb7yemOMvhSXVPbMqLGTAs6Y0LzEQM=/https://taiketsu.neocities.org/storage/Untitled-3.png') 8 !important;
    border: 8px solid;
    color: #fff;
    font-size: 9pt;
    font-weight: normal !important;
    padding: 1px 10px;
    margin-right: 5px;
    background: #000;
}
.mood b a:hover {
    background: #4A494A;
    text-decoration: none;
}
body > div.container > main > div > div.col.w-40.left > div.mood > p:nth-child(2) > b {
    display: flex;
    font-size: 0px;
}
.blog-preview p a {
    color: #fff;
    padding: 1px 15px;    
}
.blog-preview p a:hover {
    background: #4A494A !important; 
    color: #fff;
    text-decoration: none; 
}
.profile-pic .pfp-fallback {
    border: 4px #a29728 ridge;
    padding: 4px;
}
.person img {
    border: 4px #a29728 ridge;
    padding: 4px;
    width: 95px;
    height: 95px !important;
}
.comments-table .pfp-fallback {
    background: #000;
    border: 4px #a29728 ridge;
    padding: 3px;
    width: 95px;
    height: 95px !important;    
}
#comments > div.inner > table > tbody > tr > td:nth-child(1) {
    width: 120px;
    display: flex;
    flex-direction: column-reverse;
    font-weight: normal;
}
#comments > div.inner > table > tbody > tr > td:nth-child(1) a p:hover {
    background: #4A494A !important; 
    cursor: pointer;
    color: #fff;
}
#comments > div.inner > table > tbody > tr > td:nth-child(1) a:hover {
    text-decoration: none; 
    cursor: default;
}

.profile .friends-grid .person a p {
    font-weight: normal !important;    
    color: #fff !important;
}
.friends-grid .person a p:hover {
    background: #4A494A !important; 
    cursor: pointer;
    color: #fff;
    text-decoration: none !important;
}
.report a {
    font-size: 8pt;
    color: #fff;
}
.comment-reply a {
    color: #fff;    
}
.comments-table td {
    background: none !important;
    color: #fff;
}
.comment-replies {
    border-top: 1px dashed #fff !important;
    border: none;
}
#comments > div.inner > table > tbody > tr > td:nth-child(2) {
    border-image: url('https://external-media.spacehey.net/media/sY6CEV1NyxeRx2rb7yemOMvhSXVPbMqLGTAs6Y0LzEQM=/https://taiketsu.neocities.org/storage/Untitled-3.png') 8 !important;
    border: 8px solid;
}
.comments-table button {
    border: 0px;
    background: none;
    color: #fff;
    padding: 0px 5px 0px 5px;
    text-shadow: 1px 1px #000;
}
.comments-table button:hover {
    background: #4A494A !important; 
    cursor: pointer;
    color: #fff;
}
td > a:hover {
    text-decoration: none !important;
}
.comments-table {
    border: 0px #000 !important;
}
h2 {
    color: #fff;
}
footer {
    background: none;
}
footer p a {
    color: #fff;
}
footer li a {
    color: #fff;
    padding: 1px 10px;
    text-shadow: 1px 1px #000;
}
footer li a:hover {
    background: #4A494A !important; 
    color: #fff;    
}
footer li:after {
    padding: 0px;
    margin: 0px;
    color: #fff !important;
}
footer .copyright {
    font-size: 8pt;
    text-decoration: none;
}
.top .right {
    text-shadow: 1px 1px #000;
}
.logout-btn {
    text-shadow: 1px 1px #000;
    font-family: MS Mincho;
</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 7 of 7 comments ( View all | Add Comment )

fin	1705794982 using!! looks awesome Report Comment
Narwhal!	1687642312 Using! I love seeing some of my fav games getting themes now ^^ Report Comment
FATE	1678595633 using! looks awesome :) Report Comment
Luuhkenma♡	1678228521 I USE THIS! ITS MY FAV RPG MAKER GAME Report Comment Thank you! It's one of my favorites by karokazu; 1678282328; Report
Akame_N	1675616078 i'll use your layout as inspiration! thanks so much, im bad at coding TuT Report Comment
Romcorru	1674864032 Using! Report Comment
spacebombr	1673605481 Using.. Report Comment I will have to fix the image files soon. by karokazu; 1673646486; Report The images have been fixed by karokazu; 1673652764; Report