Light/Dark academia

Tags: dark academia, brown, kawaii, sanrio, cute, goth, emo, mocha

Description:

I think this fits in the dark category. but im not sure? lmk wat u guys think! BTW this is my second layout

Preview:

click on the image for a larger preview

Code:

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

Made by ayano

<div class="cooki"></div>
<div class="book"></div>
<style>

/* Start https://www.cursors-4u.com */ * {cursor: url(https://gifs.crd.co/assets/images/gallery08/8fe4e8ae.gif?v=5f0408ba), auto !important;} /* End */

    .book {
        background: url(https://cdn131.picsart.com/329130765050211.png) no-repeat;
        background-size: 75%!important;
        position: fixed;
        left: 7px;
        bottom: -87px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }

    .cooki {
        background: url(https://cdn130.picsart.com/322006100117211.png) no-repeat;
        background-size: 107%!important;
        position: fixed;
        right: -30px;
        bottom: -50px;
        height: 370px;
        width: 320px;
        z-index: 1000;
        opacity: 100%;
    }

    .contact:after {
        width: 98%;
        height: 179px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url('https://i.pinimg.com/originals/82/ae/5c/82ae5cc2b6572685029d3b6a8bb5823e.gif');
        background-position: center;
        background-size: 240px;
        background-repeat: no-repeat;
    }
    
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " ★ ";
        color: white;
    }
    
    body {
        background-image: url(https://cutewallpaper.org/26/aesthetic-bedroom-gif-wallpaper/aesthetic-gif-aesthetic-discover-amp-share-gifs.gif);
        background-size: 800px;
        background-attachment: fixed;
    }
    
    nav .top {
        background-image: url(https://cutewallpaper.org/26/aesthetic-bedroom-gif-wallpaper/aesthetic-gif-aesthetic-discover-amp-share-gifs.gif);
        background-size: 380px;
        padding: 30px;
        background-position: center;
        border-radius: 30px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url('');
        background-size: 1100px;
        background-attachment: fixed;
        border-radius: 20px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 13px;
    }
    
    main {
        background-color: transparent;
        color: white;
        text-shadow: 1px 1px 0px #ffffff;
    }
    
    nav .links {
        background-color: transparent;
        text-shadow: 0px 0px 5px white; !important
    }
    
    .profile-pic {
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;

    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: brown#9e5f4a;
        border-style: dashed;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
        background-color: #9e5f4a!important;
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: brown !important;
        color: white !important;
        border-bottom: 2px dashed;
    }
    
    .container {
        border-radius: 5px 5px 0 0;
        margin-top: 15px;
    }
    
    footer {
        border-radius: 5px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://i.pinimg.com/originals/6a/f2/b7/6af2b74e96c14ce79cf4364678571758.jpg);
        display:  !important;
    }
    
    table.comments-table td {
        background-color:  #9e5f3e!important;
        border-style: dashed;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-style: dashed;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px bl;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .blog-preview p {
        font-size: 1.3rem;
        background-color: #9e5f4a;
        border-style: dashed;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: white;
        text-shadow: 1px 1px 0px #ffffff;
        font-weight: bold;
        font-size: 95%;
    }
    
    .online img {
        content: url(https://media0.giphy.com/media/iWHjJ51OBnhyxfQvJy/giphy.gif?cid=6c09b952gtef2afn63tznmeu01984mzyv58o4brfuykzjx0g&rid=giphy.gif&ct=s);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://gifs.crd.co/assets/images/gallery11/f41b3bde.png?v=5f0408ba);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: #ffffff;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    a {
        color: #ffffff;
        text-shadow: 0px 0px 10px white; !important
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    
    @keyframes blinkingText{
        0%{     color: #9e5f3e;    }
        50%{    color: cyan; }
        100%{    color: #9e5f3e; }
}
     
    .comments-table td:first-child {
        background-image: url('https://i.pinimg.com/originals/0c/8f/79/0c8f7900a7cac821bdf47550587b6aac.jpg');
        background-size: 400px;
        background-position: absolute;
    }
    
    .count {
        color: #9e5f3e;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-black);
        color: #fff;
        text-shadow: 1.3px 1.3px 0px white;
        font-weight: bold;
        width: 33%;
    }

    .profile-info {
        background-image: url('https://i.pinimg.com/originals/6a/f2/b7/6af2b74e96c14ce79cf4364678571758.jpg');
        background-size: 600px;
        border: 2px solid white;
        box-shadow: 0px 0px 10px white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }

    .profile .friends .person p {
        color: white;
        text-shadow: 1px 1px 0px #9e5f3e;
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
    
    @keyframes example {
0% {
transform:translate(0px,0.3px);
}
8% {
    transform:translate(0px,0.5px);
}

16% {
    transform:translate(0px,1px);
}

24% {
    transform:translate(0px,1.5px);
}

32% {
    transform:translate(0px,2px);
}

40% {
    transform:translate(0px,2.5px);
}

48% {
    transform:translate(0px,3px);
}

56% {
    transform:translate(0px,3.5px);
}

64% {
    transform:translate(0px,3px);
}

72% {
    transform:translate(0px,2.5px);
}

80% {
    transform:translate(0px,2px);
}

88% {
    transform:translate(0px,1.5px);
}

96% {
    transform:translate(0px,0.5px);
}

100% {
    transform:translate(0px,0.3px);
}


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

FellowHimbo	1707236925 Using! Report Comment
Luna:3	1706366006 It's cute and adorable <<3 Report Comment
ꕤ 𝓦𝓲𝓵𝓵𝓸𝔀 ꕤ	1683037021 its adorable thank youuu <3 Report Comment
coryzz	1675958273 gonnause,ty! Report Comment
Bright ✨	1670608272 Awesome I'm definitely gonna be using this Report Comment
Spoon xPP(FW)	1665086800 OMGG ITS SO CUTEEEEE Report Comment TYSM OMG >W by Ayano; 1665086852; Report