Nature Drop Down With Bouncy Name

Tags:

Description:

Minimalistic layout, easy to adjust great for beginners.

Preview:

click on the image for a larger preview

Code:

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

<style>

:root {
        --logo-blue:000;
        --darker-blue:000;
        --lighter-blue:000;
        --even-lighter-000:;
        --lightest-blue:000;
        --dark-orange:;
        --light-orange:;
        --even-lighter-orange:;
        --green:;
    }
    #comments {display:none !important;}

.blurbs .heading{display:none !important;}

.right .section h4{display:none !important;}

.friends{display:none !important;}

.blog-preview p {display:none !important;}

.blog-preview {display:none !important}

.extendedNetwork {display:none; !important}

.online{color:black; font-family:Monospace; !important;}
   
.online { visibility:; } .online img { content: url("http://images2.fanpop.com/images/quiz/78061_1224519764566_184_228.jpg"); animation-name: none; visibility: visible; height: px; width: px;}


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

.profile .friends td {
  background:lavenderblush;
  border-radius:px
 

}

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

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: !important;
        visibility:hidden; display:none;
    }
.friends-grid {
        visibility:hidden; display:none;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
        

</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('https://media.giphy.com/media/dtA0F3TVTqWXe/giphy.gif');
	z-index: 100;
	background-size: cover;
	background-repeat: no-repeat;
	animation: slideUp 2s ease 0s 1 normal forwards;
	pointer-events: none;
}

@keyframes slideUp { 0.0%{ } 75%{ transform: translate(0,0); } 100%{ transform: translate(0,-100vh); } } 

</style>


<style>body {
  background-image: url('http://www.pixelstalk.net/wp-content/uploads/2016/08/Best-wallpaper-hd-nature-download.jpg');
}
main {
  background: #ffffff;
  opacity: 0.9;
}
.profile .heading {
  background: #FFFFFF!important;
  color: white!important;
}
.profile h4 {
  color: #000000!important;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(2,1) rotate(0deg);
    }
    50% {
        transform: scale(1.2,1.2) rotate(10deg);
    }
    100% {
        transform: scale(1,1) rotate(0deg);
    }
}
.profile .col h1 {
  font-size: 40px !important;
  animation: zoominoutsinglefeatured 1s infinite;
}
</style>


<iframe frameborder="0" width="0" height="0" src="https://www.youtube.com/embed/xUQq7gzZt-8?autoplay=1&amp;fs=0&amp;iv_load_policy=3&amp;showinfo=0&amp;rel=0&amp;cc_load_policy=0&amp;start=0&amp;end=0&amp;origin=https://youtubeembedcode.com"><div>youtubeembedcode.com/pl/</div><div></div></iframe>

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