RPG Undertale-like layout

Tags: rpg, undertale, deltarune

Description:

I made it inspired by the Undertale / Deltarune UI but really it is just a generic RPG-like thing Also I'm not very great with CSS at all so the code may be a bit iffy

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ♥【Ｎａｏｍｉ】♥ (https://layouts.spacehey.com/layout?id=82298) -->

<style>
/* Cursor /**/
* {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=102024), auto !important;}*/

/* Top Banner */

nav {
  margin-top: 10px;
}

nav .links a:hover {
  text-decoration: underline;
  color: #FFFFAE;
}
nav .links a {
  text-decoration: none;
  color: yellow;
  text-shadow: none;
  font-size: 0.98em;
  font-size: max(0.98em, 12px);
}

nav .top {
  background: black;
}

nav .links {
  background-color: black;
}


/* Logo (DOESNT WORK BTW LOL) */
logo logo-fallback {
  src=url(xxxxx);
}

/* Background and font */

body {
  background: url(https://www.spriters-resource.com/resources/sheet_icons/172/175637.gif);
  font-family: "MS Sans Serif";
}

/* Profile headers */
.profile .blurbs .heading, .profile .friends .heading {
  font-weight: bold;
  font-size: 150%;
  background-color: black;
  color: white;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-right: 5px solid white;
}

.section h4 {
  color: #FFFF00;
  text-align: center;
}

.profile .blurbs .section p, .blog-entry .comments p, .bulletin .comments p {
  margin-left: 15px;
  margin-right: 21px;
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
  padding: 7px;
  border-left: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
}
.friends {
  margin-bottom: 10px;
}

/* Link colors */
a {
  color: #FFFF00;
  text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
  color: #FFFFAE;
  text-decoration: underline;
}

/* Main profile area */
.profile {
  font-weight: bold;
  background-color: black;
  color: white;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
  border-left: 10px solid white;
  border-right: 10px solid white;
}

/* Profile info */
.profile  .contact, .profile .url-info, .profile  .table-section, .setting-section, .home-actions {
  width: 100%;
  border: 5px solid white;
}

.online {
  color: #00FF00;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background: black;
  border-bottom: 0px solid white;
  color: white;
  padding: 2px 7px;
}

.details-table td:first-child {
  background: black;
  color: yellow;
  font-weight: bold;
  width: 33%;
}

.details-table td {
  background: black;
  vertical-align: top;
}


/* Friends */
.profile .friends .person p {
  color: yellow;
  font-weight: bold;
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  font-size: 100%;
  text-align: left;
}

friends-grid {
  font-size: 80%;
}

nav, footer {
  font-weight: bold;
  background-color: black;
  color: white;
  border: 10px solid white;
  margin-bottom: 10px;
}

iframe { 
  width: 100%;
  aspect-ratio: 16 / 9;
}

.comments-table td:first-child, .music-table td:first-child {
  background: black;
  text-align: left;
  font-weight: bold;
  border: 5px solid white;
  width: 30%;
}

.comments-table td, .music-table td {
  background: black;
  border-top: 5px solid white;
  border-bottom: 5px solid white;
  border-right: 5px solid white;
}
</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 42 comments ( View all | Add Comment )

Yammers	1733474673 Using! Thank you Report Comment
sk8e	1733398747 actually using Report Comment
AnonymouseGeek	1733195915 USINGGGGGGGGGGGGGGG!!! Report Comment
Sunnyleo	1732968946 using! Report Comment
sk8e	1732795566 usering Report Comment
Sock	1731531768 using Report Comment
ketchupandaxe	1731110684 *Using!! Report Comment
SILLY_LUMI	1731028469 Using! Report Comment
Bo	1730950552 using!!!!!!! Report Comment
Bo	1730950551 using!!!!!!! Report Comment
Bo	1730950550 using!!!!!!! Report Comment
MAR	1729404379 using!! Report Comment
petry	1729268201 I LOVE IT tTYSM USINF Report Comment
Caelum	1727254484 using <3 Report Comment
Looni	1727244753 Using Report Comment
TheLordOfJunk	1726210533 using Report Comment
BlepThe13th	1724382735 using Report Comment
cat	1724134689 using!!! :33 Report Comment
fentcel⁶	1723703374 using I guess Report Comment
EllionTheAlien	1723551510 using Report Comment

Layout published by ♥【Ｎａｏｍｉ﻿】♥

RPG Undertale-like layout

Description:

Preview:

Code:

Comments

Layout published by ♥【Ｎａｏｍｉ】♥