Nature Layout

Tags: nature, katie, layout, simple, green

Description:

If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me)

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me.

Preview:

click on the image for a larger preview

Code:

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

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

<style>

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { (); }

body
        {background: url("https://images.unsplash.com/photo-1497250681960-ef046c08a56e?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1080&fit=max")
        repeat fixed; background-size: contain ;
     }


:root {
        --logo-blue: ;
        --darker-blue: darkseagreen;
        --lighter-blue: mediumseagreen;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: seagreen;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: darkgreen;
    }

main {
  /* changes made to stuff outside of columns */
    background: #EEE8;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }



main, footer {
  background-color: transparent;
  color: lawngreen;
}

.profile h1 {color: seagreen;}

body { 

font-family: monospace;


font-size: 18px;
     

</style>

<style>

footer {
        border-radius: 15px;
background-image: url(ax); 

</style>

<style>

h1 {
  color: #f994ff ;
  text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow;
}


table, th, td {
  border: 1px solid green ;
}


.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: ;
    }

    
   

 

   a.ditto-link {
        display: block;
        margin: 10px 0;
        color: #cc3e3e;
        font-size: 1.4rem;
        font-weight: bold;
        animation: blinker 1s linear infinite;
    }

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: green !important;
        border-bottom: 2px solid;
    }

   

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    
    table.comments-table td {
        background-color: !important;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

    .blog-preview p {
        font-size: 1.4rem;
    }
</style>

<style>

.online{content:url("");}

</style>

<style>

.comment-replies {border:1px solid green}; 
</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.