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

∛ 𝑛𝑤𝑤𝓆𝐮𝐨𝐭𝐢𝐧𝑒	1782488072 using, tysm <3 Report Comment
Kaliningrad	1780503361 Using Report Comment
bleuet	1777802230 using :) Report Comment
himmel 天	1776674338 using, tysm!! Report Comment
Gabriella Dias	1772299130 using <3 Report Comment
amesy	1769374258 Using 🩷🩷 Report Comment
Ctvbanna	1767439868 using, ty! Report Comment
ssacriffice	1767336874 thank you!! this is so pretty Report Comment
etherealdoll	1766951212 using!! Report Comment
D✩in	1766834506 using!! ^^ Report Comment
charlotte	1765655555 using tsymm Report Comment
soyelmismisimo	1763419483 using the bg code!!!! Report Comment
Russel	1763382258 Using Report Comment
Viktor	1763124716 Using. Report Comment
kate 🔱🌊 🐦‍⬛🃏	1762885459 using!! Report Comment
˙✧˖°☕ ᵀᵒᵈᵈ ᴬⁿᵈᵉʳˢᵒⁿ🕯₊˚.✩｡	1759079813 Using <3 ♡ Report Comment
Bonnie	1759047642 using ^^ Report Comment
JustLin	1758057663 using Report Comment
moon	1756881481 using Report Comment
𝐋𝖔𝖜𝐏𝖔𝖎𝖓𝐭	1755413107 using Report Comment