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 19 of 19 comments ( View all | Add 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
HistoryIsAwesomeSauce	1704569881 holy shit im using this Report Comment
ᶻ 𝗓 𐰁 .ᐟ	1704380836 using!! i love it <3 Report Comment
Zach Attack!	1704328924 This is awesome, using Report Comment
marigold...	1700337177 using !!! Report Comment
corpsegoth	1696299748 USING!! Report Comment
excerscor	1695201233 Using Report Comment
buttfart57	1693472047 Using!!1! Report Comment
Kerøsene	1688705126 Love this stuff. Using it! Report Comment
ahahoraVP	1686770791 using kek Report Comment
mantis__mori	1686703749 usiiing omg i love it Report Comment
Some dude Lol	1686498783 This fucking rocks. EXACTLY what i was searching for. You're doing gods work, homie💪 Report Comment