Baby Yoda Layout

Tags: baby yoda, layout, green, katie

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=633) -->

<style>

main {
 background-color: #58844355;
 backdrop-filter: blur(2px);
 -webkit-backdrop-filter: blur(2px);
 margin-top: 1rem;
 margin-bottom: 1rem;
}

main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/40/b9/04/40b90467b637148ce471a5d4bc454151.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

Footer:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/f5/94/bf/f594bfab3dd1e110d14f796822019da1.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

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

<style>

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

nav .top {
  background: transparent;
}

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

nav { background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTiFL4MuUosnRbCON9mBhadjaxSA6mRIdqlJQ&usqp=CAU); }

body
        {background: url("https://i.pinimg.com/originals/14/39/c1/1439c1272ce7655cea9aa819f03224ff.gif")
        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 {
  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(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTiFL4MuUosnRbCON9mBhadjaxSA6mRIdqlJQ&usqp=CAU); 

</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>

.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.