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

Jiroqari	1702242680 the statue image above the other stuff doesn't load in for me Report Comment
miso_	1701407634 using:D Report Comment
Logan	1699895356 Oooo, I'm gonna use this Report Comment
nakoasdm	1699224552 using :] Report Comment
NeonFoxo	1698099971 Using Report Comment
SardaukarLevenbrech666	1697302382 using Report Comment
Wolferam	1696376634 using! Report Comment
V1rg1l II	1695500759 Using <333 Report Comment
✩ LOVELETTERS.JPG	1694567206 usssing Report Comment
zoey !!	1694210293 using :3 Report Comment
yang.wuxian	1692963731 using! Report Comment
vinspace	1691042138 POINTS AT MONUMENT MYTHOS IMAGE Report Comment
DR JOVIAL/ abjura	1690468122 using! Report Comment
Carol/Wally 🎨	1689846929 Using! Report Comment
xX.I.lost.reality.Xx	1688484137 using! Report Comment
Miles	1688303489 Using! Report Comment
Vannah Valentina	1687320898 Using ! love this c: Report Comment
Apollinaris	1684621644 using Report Comment
Lettuce	1682732750 Thanks I'll use Report Comment