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

codya	1733044765 using Report Comment
❝ Ashanr!ku - •.°༊	1732904483 Using lollz Report Comment
jamiethe_fish	1732800924 usinggg Report Comment
iEATbritishppl	1732763923 USING!! Report Comment
anglebluepop	1732274468 using ty for the code Report Comment
K40UXZ :PP	1731935648 Using Report Comment
kaiden	1731931993 OMG I LOVE THIS TYYY Report Comment
(っ◔◡◔)っ ♥ Leyland ♥	1731899550 USING Report Comment
Flowers	1731850311 I’LL BE USING THAT THANK UUUUUUUUUUUUUUUUUUUUUUUUU Report Comment
Flowers	1731850311 I’LL BE USING THAT THANK UUUUUUUUUUUUUUUUUUUUUUUUU Report Comment
4SH3R	1731809610 Using!! :3 Report Comment
knoxwaterloo	1731526777 using! Report Comment
𓆑 𝙈𝙖𝙜𝙜𝙞𝙚	1731366620 using Report Comment
Zeewilly	1731312043 Using :3 Report Comment
Isabella	1731289803 Using!! Report Comment
emily	1729887889 i'll be using this! thank you <3 Report Comment
𝐳𝐢𝐞𝐫 ✧	1729868979 usingg Report Comment
frogielf	1729797130 USING THIS! THANK YEW! Report Comment
Evan XP	1729784451 Using Report Comment
Wolfgang	1729682930 using Report Comment