VAMPY Layout

Here's the code to my old layout, I used Mori's layout as a base

Mori:

Code:

<style>
body {
background: black no-repeat center center
;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: Arial, Verdana, sans-serif;
}
p {
color: #fff;
}
a {
color: #fff;
}
.left.col {
background: linear-gradient(#730707 0%, #000 2%);
border-radius: 5px 5px 0px 0px;
border: 0px;
padding: 5px;
color: #ffffff;
text-shadow: 2px 1px 0px #700;
font-size: 13px;
position: relative;
right: 4px;
}
.left .heading {
background: linear-gradient(#730707 0%, #000 60%) !important;
box-shadow: inset 0px 0px 5px 1px #300303;
border-radius: 5px 5px 0px 0px;
border-bottom: 1px solid #300303;
color: #ffffff;
text-shadow: 2px 1px 0px #700;
font-size: 13px;
padding: 3px !important;
}
.contact .heading {
background: none !important;
border: none !important;
box-shadow: #300303;
color: #ffffff;
text-shadow: 2px 1px 0px #700;
font-size: 13px;
}
.profile .table-section {
border-radius: 5px 5px 0px 0px;
border: 1px solid #000000;
}
.details-table td {
background: linear-gradient(#730707 0%, #000 60%) !important;
box-shadow: inset 0px 0px 0px 1px #300303, inset 0px 0px 5px 1px #300303, #000 1px 1px 10px 2px;;
border-radius: 10px 0px;
border: 0px;
padding-left: 5px !important;
color: #fffff !important;
text-shadow: 2px 1px 0px #700;
font-size: 13px;
}
.profile .contact {
border-radius: 5px 5px 0px 0px;
border: none;
background: linear-gradient(#730707 0%, #000 20%);
}
.right.col {
background: linear-gradient(#730707 0%, #000 2%);
border-radius: 5px 5px 0px 0px;
border: 0px;
padding: 5px;
position: relative;
left: 4px;
margin-left: 5px;
color: #ffffff;
text-shadow: 2px 1px 0px #700;
font-size: 13px;
}
main {
border: none;
border-radius: 5px;
padding: 10px 15px 10px 15px;
background: url(https://i.pinimg.com/736x/75/09/a9/7509a9e5d51e30d17b554be7b9fd78f9.jpg);
box-shadow: inset 0px 0px 0px 1px #730707, inset 0px 0px 10px 2px #300303;
}
nav .top {
margin-top: 10px;
border-radius: 5px;
background: linear-gradient(#730707 0%, #000 69%);
box-shadow: inset 0px 0px 0px 1px #300303, inset 0px 0px 10px 2px #300303;
border: 0px;
padding: 4px;
}
nav .links {
background: linear-gradient(#730707 0%, #000 60%) !important;
box-shadow: inset 0px 0px 0px 1px #300303, inset 0px 0px 5px 1px #300303, #000 1px 1px 10px 2px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 5px;
border: 0px;
padding-left: 10px !important;
color: #ffffff !important;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
padding: 5px;
position: relative;
gap: 5px;
justify-content: center;
}
nav .links a {
text-shadow: 1px 1px 0px #000;
}
nav .links a:hover {
color: #f00;
text-decoration: none;
text-shadow: 1px 1px 0px #000;
}
.top .right a {
text-shadow: 1px 1px 0px #700;
}
.logout-btn {
text-shadow: 1px 1px 0px #700 !important;
}
body > div.container > nav > ul > li.special {
display: none;
}
body > div.container > nav > ul > li:nth-child(12) {
display: none;
}
body > div.container > nav > ul > li:nth-child(3) {
display: none;
}
body > div.container > nav > ul > li:nth-child(13) {
border: none;
}
nav li {
font-size: 0pt;
padding-right: 5px;
border-right: 2px ridge #300303;
}
.right .heading {
background: linear-gradient(#730707 0%, #000 60%) !important;
box-shadow: inset 0px 0px 0px 1px #300303, inset 0px 0px 5px 1px #300303, #000 1px 1px 10px 2px;;
border-radius: 50px 0px;
border: 0px;
padding-left: 10px !important;
color: #ffffff !important;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
}
.comments-table {
border: 0px;
}
.comments-table td {
border: 0px;
background: linear-gradient(#730707 0%, #000 20%) !important;
border-radius: 5px 5px 0px 0px;
border: 0px;
padding: 5px;
color: #ffffff;
text-shadow: 2px 1px 0px #700;
font-size: 13px;
top: -32px;
}
.url-info {
border: none !important;
background: linear-gradient(#730707 0%, #000 40%);
border-radius: 5px 5px 0px 0px;
border: 0px;
padding: 5px;
color: #ffffff;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
top: -32px;
}
.comments-table .pfp-fallback {
border: 2px ridge #300303;
}
.person .pfp-fallback {
border: 2px ridge #300303;
}
.profile-pic .pfp-fallback {
border: 2px ridge #300303;
}
#comments > div.inner > table > tbody > tr > td:nth-child(1) {
background: none;
}
.comment-replies {
border: none;
border-top: 2px ridge #300303;
}
footer {
background: none;
}
</style>