just my layout in case i lose it on accident

Tags: hfjone, object shows, my layout idk man

Description:

sort of like a hfjone layout if you wanna count it as that i heavily edited the code from another persons layout, from here: https://layouts.spacehey.com/layout?id=80949 so like... if you actually want GOOD layouts, go to that person. the stuff they make is actually pretty cool :3 this is just for me but you can use it if you want idfk.... blinkies not included bc i have them seperated in my profile code

Preview:

click on the image for a larger preview

Code:

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

<style>
    /* fonts */

   */
  @import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
  @font-face {
      font-family: 'header';
      src: url('https://external-media.spacehey.net/media/smPo_RcgKw6ohoWFs5gvUAFyiNe_1fW3lSRa0eldvH40=/https://file.garden/X1htvgJ0DEp_tp-Z/MSPFA%20other/fontstuck.ttf');
  }
<style>
    /* text */

    .profile h1 {
        font-family: 'Reenie Beanie';
        font-size: 4.5em;
        color: white;
    }

    .profile .blurbs .heading,
    .profile .friends .heading {
       font-family: 'Reenie Beanie';
        font-size: 2.5em;
        color: white;
    }

    .profile .contact .heading,
    .profile .table-section .heading {
        font-family: 'Reenie Beanie';
        font-size: 2em
    }

    p {
        font-family: 'Reenie Beanie';
        color: white;
    }
b{
  font-family: 'Reenie Beanie';
  color: white;
}

    a,
    nav .links a {
        font-family: 'Reenie Beanie';
        color: white;
        text-shadow: none;
    }

    a:hover,
    nav .links a:hover {
        color: grey;
        text-decoration: 1.6px dotted underline;
    }

    nav .links li:not(:last-child)::after,
    footer .links li:not(:last-child)::after {
        content: " ★ "
    }

    footer .copyright {
        text-decoration: none;
      font-size: 5px;
    }

    .friends .heading a.more {
        font-size: 25px;
    }
</style>
<style>
    .profile {
        direction: rtl;
    }

    .blurbs {
        direction: ltr;
    }

    .blog-preview {
        direction: ltr;
    }

    .friends {
        direction: ltr;
    }

    .general-info {
        direction: ltr;
    }

    .contact {
        direction: ltr;
    }

    .url-info {
        direction: ltr;
    }

    .details-table {
        direction: ltr;
    }

    .profile .table-section .heading {
        direction: ltr;
      text-align: center;
    }

    .details p {
        direction: ltr;
      text-align: center;
    }

    .mood {
        direction: ltr;
      text-align: center;
    }
</style>
<style>
    body {
        background: url(https://static.wikia.nocookie.net/objectshow-one/images/b/bd/Plane_Landscape.png/revision/latest?cb=20221216002505);
        background-size: 1500px;
      background-position: center;
        backdrop-filter: invert(0);
        text-align: center;
        overflow: hidden;
    }

    main {
        background-color: rgb(99, 164, 102, 0.4);
        border-radius: 50px;
        border: white 5px double;
        color: white;
        height: 580px;
        width: auto;
        padding: 10px;
        overflow: auto;
    }

    nav .top,
    nav .links,
    footer {
        background-color: transparent;
    }

    .profile .blurbs .heading,
    .profile .friends .heading,
    .profile .contact .heading,
    .profile .table-section .heading {
        background: none;
    }

    .profile .blurbs .section p {
        border-radius: 20px;
        background: rgb(99, 164, 102, 0.7);
    }

    .profile .blurbs .section h4 {
        display: yes;
      color: white;
    }

    .profile .contact,
    .profile .table-section {
        border: white 5px double;
}

    .comments-table td:first-child,
    .comments-table td,
    .comments-table {
        border: none;
        background: none;
    }

    .details-table,
    .details-table td:first-child {
        border: none;
        background: none;
    }

    .details-table td {
        border: none;
        border-radius: 20px;
        background: rgb(0, 0, 0, 0.7);
    }

    }

    .mood p:first-child {
        display: yes;
    }
</style>
<style>
    .profile .friends .person img:not(.icon),
    .general-about .profile-pic img {
        border-radius: 100%;
    }

    .general-about .profile-pic img {
        transition: filter 5s ease;
    }

    .general-about .profile-pic img:hover {
        filter: blur(4px);
    }

    .profile .friends .person img:not(.icon) {
        transition: transform 5s ease;
    }

    .profile .friends .person img:not(.icon):hover {
        transform: translateY(-25px);
    }
</style>

<style>
div.table-section:nth-child(odd):after {
 content: url(https://media.tenor.com/Jl3FHDPE1kIAAAAi/nepeta-talksprite.gif); 
}
</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

Comments disabled.