dark academia twilighty profile

Tags: dark academia, twilight, woods, forest, green, calm, dark

Description:

PLEASE READ FIRST: well here it is! this was my previous profile code! (will post a picture later) feel free to use it or any of my other ones but it'd be really cool if you could leave a comment or consider adding me so i can see it! also you're more than welcome to change whatever! (reach out if you need any help!) ^-^

Preview:

click on the image for a larger preview

Code:

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

<style>
 html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.imgur.com/QpnTsrV.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}

    :root {
        --logo-blue: #3e4935;
        --darker-blue: #785633;
        --lighter-blue: #6e7363;
        --even-lighter-blue: #785633;
        --lightest-blue: #785633;
        --dark-orange: #785633;
        --light-orange: #785633;
        --even-lighter-orange: #3e4935;
        --green: #6e7363;
    }
    * {
        font-family: Monospace;
    }
    body
        {background: url("https://wallpapertag.com/wallpaper/full/d/f/0/665464-amazing-beautiful-rainy-landscapes-wallpapers-hd-2018-1920x1080-picture.jpg")
        no-repeat fixed; background-size: cover;
     }
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }
    .blog-preview p a{
        color: #6e7c63!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(227, 217, 198, 0.70) !important;
    }
    .container {
        border-radius: 0 0 15px 15px;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(227, 217, 198, 0.70) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: rgba(227, 217, 198, 0.50) !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 1px;
    }
   .profile .friends .person img {
        border-radius: 500px;
    }
    .friends-grid img{
        opacity(50%) 
        border-radius: var(--curve) 
        filter: color:;
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
</style>
<style>
.friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img
{
border: 0px dotted gray !important;
outline: none !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 138 comments ( View all | Add Comment )

goobie >_<	1700700410 Using :3 Report Comment
kris	1700585555 using :) Report Comment
Aug :3	1700181735 USING!!! TYSM :D Report Comment
Ange1icAxe09	1700046959 Might use! Report Comment
Meowds	1699851458 Using! Thank you! Report Comment
✰ scy ✰	1699564637 using :3 Report Comment
Wyvie	1699235353 Using probably:3 Report Comment
Lio	1699183454 USING!! Report Comment
clover >_<	1698778717 using super,, cool layout!! Report Comment
Zuppinator	1698339712 Using. Really nice layout Report Comment
Thomas !	1698195921 using!! thank you!! Report Comment
TestNPCDummyCrashier	1697387476 Ayyy using!! Report Comment
RIVERS	1697225609 using!!! Report Comment
Karl !!	1697199774 oh me gee, using ! :D Report Comment
spencerweed★	1697139957 using ! Report Comment
leo	1696891923 using!! <3 Report Comment
FINN	1696810799 Using, but testing out first !!:D Report Comment
deadcrpse	1696707301 Using!! :3 Report Comment
Mylo	1696368009 Using! Report Comment
kristy !	1695596646 using ! Report Comment