Forum:
hi there, I'm a completely new user of spacehey and I noticed that it's been a long time since posting layouts are unavailable. I don't know if it's a normal idea to post it on the forum in this case, but I'll try.
I am very attracted to HTML and I was inspired by an existing layout (https://layouts.spacehey.com/layout?id=24806)
love this aesthetic very much, comment if you use it. I will be very glad if someone likes it!
code:
<style>
body {
background: url(https://i.pinimg.com/736x/c1/72/fa/c172fa5f2bfa3f12cdebebc0e15f95aa.jpg);
background-size: cover;
font-family: Arial, Verdana, sans-serif;
}
p {
color: #FFFFFF;
}
a {
color: #FF3D3D;
}
.left.col {
border-radius: 5px 5px 0px 0px;
border: 0px;
padding: 5px;
color: #850000;
opacity: 70%;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
position: relative;
right: 4px;
}
.left .heading {
background: linear-gradient(#A12121, #000 60%) !important;
box-shadow: inset 0px 0px 5px 1px #535353;
border-radius: 5px 5px 0px 0px;
border-bottom: 1px solid #808080;
color: #A12121;
opacity: 70%;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
padding: 3px !important;
}
.contact .heading {
background: linear-gradient(#A12121, #000 60%) !important;
border: none !important;
box-shadow: none;
color: #E1092E;
opacity: 70%;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
}
.profile .table-section {
background: linear-gradient(#A12121, #000 60%) !important;
border-radius: 5px 5px 0px 0px;
border: 1px solid #808080;
}
.details-table td {
background: linear-gradient(#A12121, #000 60%) !important;
box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
border-radius: 10px 0px;
border: 0px;
padding-left: 5px !important;
color: #E1092E !important;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
}
.profile .contact {
background: linear-gradient(#A12121, #000 60%) !important;
border-radius: 5px 5px 0px 0px;
border: none;
}
.right.col {
background: linear-gradient(#A12121, #000 35%) !important;
opacity: 50%;
border-radius: 5px 5px 0px 0px;
border: 0px;
padding: 5px;
position: relative;
left: 4px;
margin-left: 5px;
color: #E1092E;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
}
main {
background: url(https://i.pinimg.com/736x/1d/09/26/1d09260a1fb9149005c65d0e0d7328cb.jpg);
border: none;
border-radius: 5px;
padding: 10px 15px 10px 15px;
box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
}
nav .top {
background: linear-gradient(#A12121, #000 60%) !important;
margin-top: 10px;
border-radius: 5px;
box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
border: 0px;
padding: 4px;
}
nav .links {
background: linear-gradient(#535353 0%, #222 60%) !important;
box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #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 #000;
}
.logout-btn {
text-shadow: 1px 1px 0px #000 !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 #555555;
}
.right .heading {
background: linear-gradient(#535353 0%, #000 60%) !important;
box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #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;
border-radius: 5px 5px 0px 0px;
border: 0px;
padding: 5px;
color: #ffffff;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
top: -32px;
}
.url-info {
border: none !important;
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 #555555;
}
.person .pfp-fallback {
border: 2px ridge #555555;
}
.profile-pic .pfp-fallback {
border: 2px ridge #555555;
}
#comments > div.inner > table > tbody > tr > td:nth-child(1) {
background:none
}
.comment-replies {
border: none;
border-top: 2px ridge #555555;
}
footer {
background:none
}
</style>
Report Topic
Permalink