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 38 comments ( View all | Add 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
garrick	1731276626 usinggggg Report Comment
UNDEAD WIZARD	1729705483 Using Report Comment
jub is violent XD	1729134266 using Report Comment
Foxo	1729074350 Using Report Comment
dratsaB	1728636539 usin Report Comment
IAN	1726751977 Using Report Comment