sun's profile picture

Published by

published
updated

Category: Web, HTML, Tech

dark academia request


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!
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!♥

add a link to add comments by copying and pasting in your who i’d like to meet section (or any section!)
<a href="https://spacehey.com/addcomment?id=YOURIDHERE">leave a comment.</a>
your id is found under your account settings :^)

code below

<!-- (c) Layout created by suni (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>


4 Kudos

Comments

Displaying 3 of 3 comments ( View all | Add Comment )

Brendan

Brendan's profile picture

Thanks for your submit! I learned some of those things previously, which helped me update my https://ezlogz.com/gps-asset-tracking tool. It became more multifunctional and ease to use.


Report Comment

sarahsunny

sarahsunny's profile picture

Love your blog! Thank you. You're awesome. I love reding your blog and reviews on  https://gamblorium.com/    
Gamblorium carefully tracks online game bonuses to make sure you have access to the best discounts and promotions.


Report Comment

Rissa

Rissa's profile picture

do you have a pic of this?


Report Comment



oh dang i guess it isn't loading bc i inserted one in the text but here you go bb!! picture here.

by sun; ; Report

You’re the best!

by Rissa; ; Report

okay i'm finally gonna use this one bc i messed mine up and i can't figure out how to fix it and i angy lol

by Rissa; ; Report