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

Silly_Fish	1759424890 using!! Report Comment
Maxwell	1758164952 Using Report Comment
Kar	1756947742 Using tysm Report Comment
Kar	1756947741 Using tysm Report Comment
Pupper	1756846940 USINGGGG Report Comment
Faust Doe	1756486166 Usin', thanks. Report Comment
PossumGhostz	1755382233 Using, thank you Report Comment
ꜛ ⭔ The Calico Collective ⁎	1754936083 Using ! :~) Report Comment
BON3MRR0W	1754796963 using Report Comment
Hal	1753727854 Using ! Report Comment
KanelaXD	1753666819 using, thanks Report Comment
Faust Doe	1753351595 Using. Many Thanks. Report Comment
Markitos ⛧	1752064751 usinggg!!! Report Comment
Markitos ⛧	1752064751 usinggg!!! Report Comment
skATErhATEr	1751741798 using.. again Report Comment
Chara Dreemurr Real!?	1751578507 why wont it work! can someone help? Report Comment
Jason	1750918455 Using this! Report Comment
skATErhATEr	1750174812 ussing Report Comment
Mikeyy	1749738694 will be using this, thank you :)) Report Comment
TheMaxx	1749671701 using## Report Comment