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

tæyah	1722041337 using Report Comment
joe	1721468194 using Report Comment
ashexxxtray	1721165297 using Report Comment
Soap 🧼	1720848990 Usinggg Report Comment
Ryo	1720631633 Using! Report Comment
Sobakskaia Kaifulia><	1720524374 очень мило°•° хочу использовать Report Comment
ׅ ׄ 🪐 ౿ 𝐋u𝗑𝗒 ִ ᨦദㅤ!	1719976961 using \(^0^)/ Report Comment
Elias	1719835672 using :) Report Comment
Adrian	1718846232 using!! Report Comment
☆[GABRIEL]☆	1718630103 Using! Report Comment
𓆝𓆩ꋪꀤꌃꍟ꓄ꀤꈤꍏ𓆪𓆝	1718617959 Usinggggg !!! Report Comment
Mel0dybug	1718063965 Using!! Report Comment
Twqlighxt	1717419207 using! Report Comment
MaskMuse	1717415451 Using. Report Comment
liz ★	1716881767 im going to use it for my blog , if thats okay with you :) thanks for making it tho !! using :D Report Comment
VIXX!	1716823020 using!!! Report Comment
ajxoo !	1716301686 gonna use this to glam up my profile!! thanks! Report Comment
muffins	1716264714 using!! thank you for creating this layout <3 Report Comment
Fawn. 𐂂	1716160045 using!! its so pretty :3 Report Comment