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

xtaiseee	1762068923 USINGGG Report Comment
𝔖𝔬𝔭𝔥𝔦𝔞𐙚	1762022345 using Report Comment
𓏵 Vivid ↜	1761511910 using!! Report Comment
𝄞 Polly	1760472016 using Report Comment
layla	1760306636 using, this is so cute! Report Comment
°‧ 𓆝 𓆟 𓆞	1760103585 using! Report Comment
LoveBug	1759896648 using :J Report Comment
Felix_XD	1759724282 uzing!! ^^ Report Comment
nemo	1759372195 using! :3 Report Comment
mars🪼	1759047964 using! Report Comment
brody	1759010852 using Report Comment
Choco	1758941892 using Report Comment
ZombiexGutzz	1758515657 using Report Comment
Bloom	1758043284 usiiiing Report Comment
Histerry	1758027690 USING. ITS REALLY COOL Report Comment
Silentbrowniee	1757923319 usingg Report Comment
kahel +*★.•	1757905449 usingg Report Comment
Ryo	1757860498 usingg Report Comment
VIzer	1757240749 Using!! Report Comment
!!!<3ANYA<3!!!	1756282289 Using !! Report Comment