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 44 comments ( View all | Add 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
Phantom	1746318617 Using, thank you for making this!! 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
𐌀𐌋𐌄𐋄	1736815222 using Report Comment
𖤐𝖚𝖌𝖑𝖞𝖉𝖊𝖒𝖔𝖓𝖒𝖚𝖙𝖙𖤐	1736198243 SO FUCKING COOL! USING Report Comment
michel	1732380746 USING!!! Report Comment
SorayaEpic	1732253434 Useddddd WOW THAT WAS WOIC :OOOO Report Comment