Doom layout

Tags: doom

Description:

A layout inspired by the DOOM games! its simple but i hope you like it, I made it by combining code from different layouts and then adding my own things on the sides!

Preview:

click on the image for a larger preview

Code:

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



<style>
body {
font-family: Courier New, monospace;
background-color: black;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: red;
background-color: black;
border: 1px solid grey;
font-family: inherit;
}
p, i, b, .count {
color: red !important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: red;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid grey;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid grey;
}
body{
background-image:
url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/692c3454-9cdd-4d3d-9ee5-764f058e90d3/ddztkos-34a2ddb7-3f2e-4b70-b243-4859ea8124e5.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzY5MmMzNDU0LTljZGQtNGQzZC05ZWU1LTc2NGYwNThlOTBkM1wvZGR6dGtvcy0zNGEyZGRiNy0zZjJlLTRiNzAtYjI0My00ODU5ZWE4MTI0ZTUucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.BcSSlq-CXth6o0FQ8ogsDCeEIgLLHMz9LfGCvRzsEJc);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: red;
border-left: 2px solid grey;
border-right: 2px solid grey;
}
.heading, .url-info {
color: red !important;
background: none;
background-color: black !important;
border: 2px solid grey !important;
}
.inner {
color: red !important;
border: 2px solid grey;
border-top: none;
}
.profile-info {
border: 2px solid grey;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid grey;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: red !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid grey;
border-collapse: collapse;
}
td {
color: red !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid grey;
}
footer p {
color red !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid grey;
margin: 2px;
}
nav .info {
background: none;
}

/* resting (normal cursor) */
* {
cursor: url(https://i.ibb.co/nkrZ6B7/cursor.png), auto;
}
/* i-beam/caret/the little line that shows up when you highlight text */
input {
cursor: url(https://i.ibb.co/mH10sDH/beam.png), auto;
}
/* the rest of these are for the pointer (what shows up when you hover over a link) */
a {
cursor: url(https://i.ibb.co/kDQ9zZx/hand.png), auto;
}
button {
cursor: url(https://i.ibb.co/kDQ9zZx/hand.png), auto;
}
.logout-btn {
cursor: url(https://i.ibb.co/kDQ9zZx/hand.png), auto;
}
</style>
<style>main:before {
	width: 100%;
	height: 400px ;
	display: block;
	content: "";
	background-image: url('https://www.insidehook.com/wp-content/uploads/2020/03/doom_1993.gif?fit=1200%2C675');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</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 48 comments ( View all | Add Comment )

COMMEDIA	1754660820 this is cool, using Report Comment
★EIIRICIITOO★	1753114412 USIINGgg Report Comment
📼iamsoseal🎸	1752150637 UISNG Report Comment
WhataSpame	1750597952 This is noice!!! USING :D Report Comment
phose ☣	1749447791 USING Report Comment
Loiueboy009	1749301495 USINGGGG!!!!! Report Comment
M!M!K	1749100728 using Report Comment
MEANDMYGUN.WAD	1748439023 using Report Comment
Ghostbird	1748381098 using!!!! Report Comment
berney	1747503685 using thanks! Report Comment
Svelte	1747349379 using Report Comment
Squirtlo Onion	1745527270 Using, many thanks! Report Comment
modernpassion	1745174547 using thanks Report Comment
Depthz	1745115534 using, ty!! Report Comment
ashx_x	1743040174 using!! Report Comment
doomguy	1741547877 Using Report Comment
dean	1740136939 Using:D Report Comment
chia	1738710349 using Report Comment
purple2sip	1738089834 using Report Comment
ੈ✩‧₊˚༺nebula༻ੈ✩‧₊˚	1736928910 Using Report Comment