dark academia (requested)

Tags: dark academia, request, dark, black, suni

Description:

dark academia request

had a request for dark academia and i gotta say i really love how this one turned out!

the header is animated btw!

(bc the background is fixed i can't take a whole screenshot without it looking nothing like it does)

this layout will hide your

url
friends
comments (including add/view comments text)
links
profile info (the area at the top where it says "___ is your friend")

these can be reversed, pls message me if there's anything you want visible!
i'm still learning and i'll try my best to help y'all out.

includes cursor and online now icon.

**online now icon fixed!**

♥ if you like it/use it, please leave a comment and add me if you'd like!♥

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by sun (https://layouts.spacehey.com/layout?id=1889) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital@1&display=swap');

    :root {
        --logo-blue: url("");
        --darker-blue: #ffffff;
        --lighter-blue: #000000;
        --even-lighter-blue: #000000;
        --lightest-blue: #FFFFFF;
        --dark-orange: transparent!important;
        --light-orange: #dfd1f4;
        --even-lighter-orange: #FFFFFF;
        --green: #000000;
        
    }
    .section {color: black!important;}
       nav label  {display: none;} 
      
    .section {color: white!important;}
        p, h4 {color: white!important;}
    
    .search-wrapper input[type=text] {
        font-family: times;
        background-color: grey!important;
        border: 1px solid!important;
        border-radius: 0px !important;
        font-size: 9px;
        margin-top: 25px!important;
    }
    
    button{
        border-radius: 0px !important;
        border: 1px solid!important;
        text-transform: lowercase; 
        font-family: times;
        font-size: 10px!important;
        background-color: white!important;
        margin-top: 26px;
        color: black!important}
    
    body {
        background: white;
        background-image: url("https://i.ibb.co/2t8gJ0y/27aa2fbb47ec64300ef60145041de72d.jpg");
        background-size: ;
        background-attachment: fixed;
        text-transform: lowercase;
        font-family: times;
        
    }
    .blog-preview p {
        background-color: transparent;
        padding: 0px 1px;
        border-radius: 10px;
        color: black;
    }
    
  
    
        
    }
    .blog-preview p a{
        color: black!important;
    }
    .blog-preview p a:hover
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        margin-bottom: 0px;
        border-radius: 0px 0px 0 0;
        color: black!important;
        text-align: center;
        overflow: hidden;
        border: dotted 1px;
        border-color: black!important;
        border-bottom: none!important;
    }
    
    nav .top {
        color: black!important;
    }

    nav .links {
        background: black!important;
        font-size: 11px;

    }

    nav { background: #000000 url(""); 
        
    }
  
    
    .contact {
        font-size: 11px;
        font-family: times;
        border: dotted 0px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	    /* add to friends */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://i122.photobucket.com/albums/o260/mhilka/minigifs/bullet13.gif")
    } 

    .profile-info{
        display: none;
       
    }	
    
    .profile .url-info {
        display:none;
    }
    .profile .table-section {
        font-size: 11px;
        border: dotted 0px!important;
        border-right: none!important;
    
    }
    .home-actions {
        border: none;
    }
    
    table.details-table {
        border: solid 1px;
        border-color: white;
        border-collapse: collapse;
        border-top: 0px;
        background: black!important;
        
        
    }
    table.details-table td {
        background: url("");
        color: black!important;
        border-bottom: solid 1px;
        border-right: solid 1px;
        border-color: white;
        
    }
    .profile-pic {
        border-radius: 500px;
        border:none;
        overflow: hidden;
        margin-top: -20px!important;
        filter: grayscale(100);
    }
    .heading {
        margin-top: 10px;
        padding: 5px 0 !important;
        background: transparent!important;
        background-image: url("")!important;
        background-position: ;
        background-repeat: repeat!important;
        border: dotted px;
        font-size: 16px;
        text-align: left;
        font-family: Libre Baskerville;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: black;
        border-bottom: 1px solid;
        border-color: white!important;
        line-height: 20px;
    
    }
    h1 {
        background: url("");
        font-size:50px!important;
        font-family: Libre Baskerville;
        font-weight: 200;
        transform: ;
        -webkit-text-stroke-width: px;
        -webkit-text-stroke-color: black;
        font-style: ;
        text-shadow: ;
        text-align: center;
        line-height: 39px!important;
        display: block;
        color: white;
        padding: 10px;
        margin-top: 0px!important;
        margin-bottom: 40px!important;
        
    }
    
    main:before {
        background-image: url('https://data.whicdn.com/images/324766648/original.gif');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        background-color: black!important;
        display: block;
        content: "";
        width: 100;
        height: 400px;
        margin-top: -6px;
    
}
    
    main {
        border-radius: 0 0 0px 0px;
        border: dotted 1px;
        background: url("https://64.media.tumblr.com/def565f04122140abe162391304b0c8b/tumblr_pr421rpkSh1usek4yo4_500.jpg")!important;
        background-repeat: no-repeat!important;
        background-position: bottom right;
        background-color: black!important;
    }
    
    .container {
        border-radius: 0px 0px 0 0;
        overflow: hidden;
        padding: 80px;
        margin-top: 0px;
    }
    
    footer {
        border-radius: 0px;
        border: dotted 0px;
        background: url("")!important;
        background-size: 500px!important;
        background-position: top!important;
        background-repeat: no-repeat;
        display: block !important;
        line-height: 0px;
        height: 100px;
        margin-top: -10px!important;
        
    }
    table.comments-table td {
        display: none;
        background-color: white!important;
        border: dotted 1px;
        width: 10px!important;
        font-size: 11px;
        
        
    }
    .comments-table td:first-child img {
        width: 60px!important;
        border-radius: 50px;
        
    }
    .profile .friends .person img {
        width: 60px;
        border-radius: 50px;
        
        
    }
    .blog-preview p {
        font-size: .6rem;
    }
   

    a.addme {
        font-size: 4rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
 

    a:link {
        color: grey!important;
        background: none;

    }
    
    a:hover { 
        text-transform: lowercase;
        text-decoration-style: none;
        color: white!important;
        border: none;
        filter: opacity(100%);
    }
    
    a:visited {
        color: grey!important;
    
    }

.friends
{display:none;
    }



    .table-section:last-child {
         display: none !important;}
 

    .online {
        content: url("https://i.ibb.co/sjwPXVP/onlinenow.gif");}

    

*
 {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}



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

cory	1732230637 using! Report Comment
𝖅𝖊𝖗𝖔	1732154308 this is pretty! i'm probably using it c: Report Comment
⁠✧Brad✧	1730685631 Using Report Comment
·˚ ༘₊· GUS (´꒳`)	1730643802 usando :P Report Comment
who up illing they mental?!	1730112346 using!! Report Comment
asherr	1729879476 usingg Report Comment
yourlocalrhys	1728833126 Using I think [proud] Report Comment
yourlocalrhys	1728833125 Using I think [proud] Report Comment
Bernard / Zamir	1728040914 Using! Report Comment
⚘️	1727747159 Using. Report Comment i know where that pfp comes from by eli; 1728012820; Report
ˢʷᵉᵉᵗ𝐴𝑢𝑟𝑜𝑟𝑎	1727535620 Using. Report Comment
⛧☾༺♰༻☽⛧ - P U Z Z L E !	1727513902 using Report Comment
sabriri	1727216247 using!!! Report Comment
mich ౨ৎ	1727151263 using Report Comment
noah !!	1726933160 Using!! Report Comment
Susmanitaaa :33	1726596215 using!! Report Comment
Psyche : SKILLS	1725588776 using ! Report Comment
Norb	1725352327 using! Report Comment
Stevie	1724472870 Using <3 Report Comment
Dustiest_Piano	1724307656 using!! Report Comment