nice and dark

Tags: emo, black

Description:

just another layout. my best? nah. its cool tho. test here. the screnshot looks off center but the real thing is not

one last thing, where your user name is it will look like its not in the box when youre logged in but to others it will be in the profile box

update: i have no clue why there isnt an icon next to forward to friends and i will attempt to fix it soon

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by x.{finn}.x (https://layouts.spacehey.com/layout?id=25726) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

body {   
background: url(https://archive.org/download/duuuude/duuuude.jpg);
background-size: 100%;
background-position: top;
background-attachment: fixed;
font-family: 'Special Elite', cursive;
cursor: url(http://www.rw-designer.com/cursor-view/13899.png);
}

main {
border: none;
color: white;
background: transparent;
}

  nav .top {
background: linear-gradient(#ffffff30, #ffffff90, #ffffff);
background-size: 20%;
border-radius: 20px 20px 0px 0px;
margin-top: 20px;
}
  
  nav .links {
  background: linear-gradient(white, transparent);
   text-align: center;
   font-weight: bold;
}

nav .links a {
text-shadow: none;
}


  .count{
color: white;
}
 
nav .top, nav .links a, .logout-btn, .logout-form {
   color: white;
}
.search-wrapper input, button {
    color: white;
    background-color: #FFFFFF99;
    padding: 3px;
font-family: 'Special Elite', cursive;
    border: 1px solid white;
    border-radius: 3px;
}

.logout-btn {
font-family: 'Special Elite', cursive;
}

.pagination {
    width: 100%;
    font-family: 'IM Fell DW Pica', serif;
    margin: 5px 0 5px 0;
    min-height: 20px;
}

.edit-info {
   background: transparent;
border: 7px solid white;
box-shadow: inset 1px 0px 14px 4px white;
}

  .profile-info {
background: #ffffff20;
border: 4px solid white;
box-shadow: inset 1px 0px 14px 4px white;
}

.online{
background-color: transparent;
content: url(https://ia601501.us.archive.org/10/items/onlinenow_202210/onlinenow.gif);
}

/* the tables with general, music etc*/
.profile .table-section, .home-actions {
  border: 4px solid white;
background: #ffffff20;
  border-radius: 0px;
box-shadow: inset 1px 0px 14px 4px white;
}

.profile .url-info {
border: 7px solid white;
box-shadow: inset 0px 0px 15px 5px white;
background: transparent;
padding: 3px;
}

.profile .contact .heading {
color: white;
background: transparent;
text-align: center;
}

.profile .table-section .heading{
background: transparent;
text-align: center;
}
  .profile h1 {
background: transparent;
color: white;
border: none;
font-family: 'Special Elite', cursive;
padding: 8px;
padding-left: 16px;

font-weight: bold;
}

.comments-table td:first-child img:not(.icon){
  border-radius: 0px;
  }

  .profile .general-about {
background: #ffffff20;
margin-top: -50px;
padding: 10px;
padding-top: 43px;
box-shadow: inset 1px 0px 14px 4px white;
border: 4px solid white;
height: 230px;
}

.general-about .details {
padding: 5px;
}


  .profile .mood {
background: #ffffff20;
padding: 4px;
margin: 10px 0;
border: 4px solid white;
box-shadow: inset 1px 0px 14px 4px white;
}

.profile .friends{
margin: 5px;
background: #ffffff20;
border: 4px solid white;
box-shadow: inset 1px 0px 14px 4px white;
}

.friends#comments {
height: 488px!important;
}

 .profile .blurbs {
background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/b80654ca-2c31-44e2-baab-7eeacb20e540/dr5epw-91ba9ce6-bca6-4e30-af70-28d9405b4a67.jpg/v1/fill/w_600,h_450,q_75,strp/they_watch_the_murder_by_jordonhines_dr5epw-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NDUwIiwicGF0aCI6IlwvZlwvYjgwNjU0Y2EtMmMzMS00NGUyLWJhYWItN2VlYWNiMjBlNTQwXC9kcjVlcHctOTFiYTljZTYtYmNhNi00ZTMwLWFmNzAtMjhkOTQwNWI0YTY3LmpwZyIsIndpZHRoIjoiPD02MDAifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.tbR7yWcz6pAtMwP6ADEqE75va10_s2VPHujyI316BvI);
border: 4px solid white;
box-shadow: inset 1px 0px 14px 4px white;
color: black;
height: 350px;
overflow-y: scroll;
background-size: contain;
background-repeat: no-repeat;
}

.profile .blurbs .inner{
  border: none;
}

 .profile .friends .person p {
    color: white;
  }
  
  .profile .blog-preview {
    color: white;
margin-bottom: 15px;  
}
  
  .profile .blurbs .section h4 {
    color: black;
    padding: 2px;
  }
  
  .comments-table {
       display: block;
border:none;
height: 384px!important;
    overflow-y: scroll;
    outline: none !important;
}

.comment-reply {
    padding: 5px 3px;
background: #ffffff20;
  border: white 1px  solid;
}
  .comment-replies {
      padding: 10px 5px;
  border: none;
  }
 
.contact {
    background: url(https://www.palebird.com/wp-content/uploads/2018/01/set-it-off-cinematics-8.jpg);
padding: 0px;
background-size: contain;
background-repeat: no-repeat;
height: 250px;
line-height: 1.6;
background-position: center;
line-height: 30px;
font-size: 14px;
border: 4px solid white !important;
box-shadow: inset 1px 0px 14px 4px white;
}

.contact .heading {
margin-bottom: 10px;
}

.contact .inner {
display: flex;
    text-align: center;
    flex-wrap: wrap;
}
  
.details-table td:first-child, .details-table td {
    background: transparent;
}
.details-table td:first-child {
    color: black;
background:  transparent;
}
.details-table td:not(td:first-child) {
    color: white;
}

.details-table td p {
color: white;
}

  .profile .blurbs .heading{
   background: transparent;
    color: black; 
  border: none;
text-align: center;
}

.profile .friends .heading {
    background: transparent;
    color:white; 
text-align: center;
}
  
  table.details-table {
    background: transparent;
color:black;
}
  
.profile .table-section .inner{
background: transparent;
border: none;
padding: 5px;
color: white;
}


.comments-table td:first-child, .music-table td:first-child, .comments-table td, .music-table td {
background: transparent !important;
border: none;
background-size:contain;
}

.comments-table td, .music-table td {
    color: white;
background: transparent; 
}

.comments-table td:first-child a, .music-table td:first-child a {
    color: white;
}

.comments-table td:first-child img:not(.icon) {
border-radius: 0px;
}

  nav .logout-btn {
  animation: none;
  }

  footer { 
    border: none;
background: linear-gradient(white, transparent);
color: white;
}

  a{
color: white;
}

a:visited {
color: white;
}
a:hover {
text-shadow: 2px 2px 8px white;
color: white;
}

nav .links a:hover{
color: white;
}

a:active {
  color: white;
}

.contact .inner a img {
font-size: 0;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* add to friends */
	content: "✪"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: "✪"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✪"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: "✪"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: "✪"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: "✪"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: "✪"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: "✪"
} 

/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px white; 
background: #ffffff20;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: black; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00000099;
}

</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 13 of 13 comments ( View all | Add Comment )

Aloe	1699941735 usingg Report Comment
jade	1683203665 using!! Report Comment
xSEWERMULTILATE48x	1683106708 UsInG ;) Report Comment
z⟢exr0 . . 🕷️	1680443749 using :3 Report Comment
andrew	1680123201 using thx Report Comment
raven	1677778575 using :) Report Comment
Maggot Monarch	1677325155 using :3 Report Comment
Lakadaizical	1677305147 Using! ^^ Report Comment
urs✝︎ruly	1676484230 Using! :}} Report Comment
Semyon Forov	1674888587 Using Report Comment
gotta live it BIG TIME!	1674705126 using :) Report Comment
Noah_	1674693382 Using Report Comment
vee	1674582191 using this ^_^ Report Comment