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

𝐫𝐨𝐜𝐤𝐰𝐞𝐥𝐥 ☕️	1744453457 how do i remove the banner its not appearing Report Comment
𝐫𝐨𝐜𝐤𝐰𝐞𝐥𝐥 ☕️	1744447482 usingg Report Comment
Scott	1744189588 USING Report Comment
Fyodor	1742773274 usingg <3 Report Comment
𝑑𝑎𝑣𝑖	1742747484 Using Report Comment
𓎟𓎟 𝗔DAMAS TV!!	1742170847 Usando!! Report Comment
Alucard	1740425788 Que bonito Report Comment
\|𝙍𝙊𝙇𝘼𝙉𝘿\|	1740349498 Using ^_^ Report Comment
𝐯𝐞𝐬𝐩𝐞𝐫𝐭𝐢𝐥𝐢𝐨.	1740288673 using Report Comment
🥀𝐀𝐧𝐝𝐲 🥀	1739986096 Does any1 know how to do the banner? Report Comment
astlonaut	1739983670 using Report Comment
juju ウィジュ	1739981979 using ^~~^ Report Comment
Ellen	1736949322 using! Report Comment
Blooberta	1736800667 using! Report Comment
Ps3udo :00	1736652519 using !1!! Report Comment
rook	1736541490 using ^^ Report Comment
freak_ju1ce	1736488314 omg this is a slay thanks, using!!! Report Comment
donnie :P	1736462368 AAAAAA THIS IS SO PRETTY! using tysm!! Report Comment
Keisouu	1735507577 using! :3 Report Comment
Void Coffee	1734794661 THIS IS NICE, I'm using :D Report Comment