Limbus Company Layout

Tags: limbus company, games

Description:

A layout based on the interface of Limbus Company! (It's a good game, you should play it)

First time doing a layout, if there's any issues let me know!

(You are free to do whatever you feel like with this layout. Edit it, reupload it, break it, do whatever you want forever!)

Preview:

Code:

<!-- (c) Layout created by Pitaden (https://layouts.spacehey.com/layout?id=84477) --> <style> p, summary{ color: var(--limbus-text); } h1, h2, h3, h4, h5, h6{ color: var(--limbus-header); } a{ color: #66C6FF; } body, footer{ background-image: url("https://64.media.tumblr.com/cb8c4b9d0ae2a829d370a44a138fccf8/c1b7609279e0679f-bd/s540x810/b7504b7c145f39c4b7b36a67fa3c98bb5ede4c0c.png"); background-size: 100%; } .profile-pic:after{ content: url("https://64.media.tumblr.com/f9335206e33b8553dcb531a1e7d2fe7b/ae74f8288c65a720-4e/s250x400/6e751abec78c1441d957d275be8750c480577fad.png"); position: absolute; width: 170px; height: 170px; margin-top: -5px; margin-left: -165px; } main{ background-color: var(--limbus-background); } .profile .friends .person p{ color: var(--limbus-header) } .profile .friends .person > a:nth-child(2):after{ content: url("https://64.media.tumblr.com/223e67a6fd2caa29a4da29617e342e90/38d8948bb330c957-7c/s250x400/02e9fbe6953379d37787a5b8237de150969bdfdb.png"); position: absolute; width: 112px; height: 112px; margin-top: -103px; margin-left: -8px; } .count{ color: var(--limbus-header) } /*I don't like having it be this long... but if I'm not this specific, it will be overwritten by the original site CSS*/ .profile .blurbs .heading, .profile .contact .heading, .profile .table-section .heading, .profile .friends .heading, .profile .blog-preview > h4, .left > span > h1, .profile-info{ background-color: var(--limbus-background-red); border: 4px solid var(--limbus-frame-dark); border-radius: 5px; } table{ border-color: var(--limbus-frame-dark) } .links > li > a{ color: var(--limbus-header) } :root{ --limbus-background: #241B14; --limbus-background-red: #3D0000; --limbus-frame-light: #6C4A36; --limbus-frame-dark: #513526; --limbus-header: #FBC600; --limbus-text: #DBBC97; --logo-blue: var(--limbus-background); --lighter-blue: var(--limbus-frame-dark); /* left side boxes, header*/ --even-lighter-blue: var(--limbus-frame-dark); /* interests, left side */ --lightest-blue: var(--limbus-background); /* interests, right side */ --dark-orange: var(--limbus-header); --light-orange: var(--limbus-frame-dark); /* header class */ --even-lighter-orange: var(--limbus-background); } </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.