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

🦇Dantte	1725247459 Using! Report Comment
Noobster2731	1724585662 using Report Comment
Krzectro	1718479804 Using Report Comment
Ordon	1715884549 using Report Comment
cole ★	1712581594 using Report Comment
Karrzz	1711685892 using!!! Report Comment
Rougegirl	1711144281 OMG! USING!!! Report Comment
Sent To Destroy	1710731785 Using Report Comment
kaktus1940	1709558838 no way, somebody plays doom in this app? Report Comment
Mr. McGee	1704690388 using ! Report Comment
ᶻ 𝗓 𐰁 .ᐟ	1704380836 using!! i love it <3 Report Comment
Zach Attack!	1704328924 This is awesome, using Report Comment
marigold...	1700337177 using !!! Report Comment
sTuckiN1999	1696299748 USING!! Report Comment
excerscor	1695201233 Using Report Comment
buttfart57	1693472047 Using!!1! Report Comment
ahahoraVP	1686770791 using kek Report Comment
mantis__mori	1686703749 usiiing omg i love it Report Comment