Waterfall Wonderment

Tags: waterfall, nature, blue, simple, icytea

Description:

Waterfall-themed Layout for those looking for a relaxing atmosphere for your profile!

If you like this layout then please comment below if you used it.

I want to read feedback from you all!

Closer Preview

Disclaimer: I have taken my time to create a simple, yet effective layout for you to modify to your heart's content. You do not need to credit me on your profile publicly. However, do not repost it as your own layout design.

Preview:

click on the image for a larger preview

Code:

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

<style>
/*Fonts used: Ubuntu*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@500&display=swap');
p{
  font-family: 'Ubuntu', cursive;
  font-size: 90%;
}
h1{
  font-family: 'Ubuntu', cursive;
  font-weight: 700;
  font-size: 300%;  
}
h2,h3,h4,h5{
  font-family: 'Ubuntu', cursive;
  font-weight: 200;
  font-size: 150%;  
}

/*Base colors and banner sources*/
/* Table of each section of the site in colors */
:root {
  --logo-blue: #16537e;
  --darker-blue: #7fcaff;
  --lighter-blue: #16537e;
  --even-lighter-blue: #16537e;
  --lightest-blue: #16537e;
  --light-orange: #e4f0fc;
  --dark-orange: #7fcaff;
  --even-lighter-orange: #e4f0fc;
  --green: #16537e;
  --red: #7fcaff;

  --pdg_profileInfo: url(https://64.media.tumblr.com/42c4c6b36b7fa2227487c5ab6d42a056/fb64ae6a8f66f432-16/s540x810/7b805bb09679a9c1fd79985e03628e2d58d1e255.gif);

}

/* Gif Background */
body{
   background-image: url(https://64.media.tumblr.com/42c4c6b36b7fa2227487c5ab6d42a056/fb64ae6a8f66f432-16/s540x810/7b805bb09679a9c1fd79985e03628e2d58d1e255.gif) !important;

        background-repeat: no-repeat !important;
	background-size: cover;
	background-position:center;
	background-attachment: fixed;
}

/* LINK COLORS */
a:link {
  color: #e4f0fc;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: #e4f0fc;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #398fd1;
  background-color: transparent;
  text-decoration: underline;
}
a:active {
  color: #398fd1;
  background-color: transparent;
  text-decoration: underline;
}

body{
  font-family: Ubuntu;
  background-color: #F0F9FF;
}

.mood a{
 font-family: Ubuntu, cursive;
}

span.count, .details-table td:first-child {
  color: #e4f0fc;
  font-size: 16px;
}

.blog-preview p {
  padding: 5px 10px;
  color: white;
    font-family: Ubuntu, cursive;
    font-size: 1rem;
    font-weight: bold;
}

.blog-preview p a:hover,
.blog-preview p a:active,
.blog-preview p a:focus, {
  color: #8debff!important;
}


table.details-table {
  border-collapse: collapse;
  border: 1px transparent;
}

table.details-table td {
  background-color: transparent !important;
  border: 1px #29bad9;
}

/* Adjust Navigation Section Here */
nav {
  border-radius: 15px 15px 0 0;
  text-align: center;
  font-size: 14px;
  overflow: hidden;
}

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


.profile h1 {
  font-family: Ubuntu, cursive;
  font-size: 2rem;
}

.heading h4{
font-family: Ubuntu, cursive;
}

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

.profile-info {
	background: var(--pdg_profileInfo);
	background-size: cover;
	background-position: center;
	box-shadow: -10px 8px 0 #0006;
	color: blue;
	padding:4em 0;
}
.profile-info h3 a {
	color: #bcdaf0;
        font-size: 1.4rem;
}


.heading {
  padding: 5px 0 !important;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: transparent !important;
  text-align: center;
  color: #7fcaff !important;
  border-bottom: 2px solid;
}

/* Main Text */
main {
	background:#00000066;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	padding:2px;
	color: #bcdaf0;
}

/* ADJUST WIDTH OF PAGE HERE */

.container {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  margin-top: 30px;
  padding: 10px;
  width: 90%;
  max-width: 900px;

}

footer {
  font-size: 12px;
  border-radius: 5px;
  background: #16537e !important;
  display: block !important;
}


table.comments-table td {
        background-color:#00000066 !important;
	padding:2px;
	color:#FFFFFF;
        border-color: black;
        border-width: 1px;
}

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

.comments-table tr td:last-child {
	height: 150px;
	display: block;
	overflow-y: scroll;
}
.profile .friends .person img {
  border-radius: 500px;
  overflow: hidden;
  color: #2986cc!important;
}

.blog-preview p {
  font-size: 1.2rem;
  font-weight: 500;
}

a.addme {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}

table,
td,
tr {
  border-color: transparent;
  border-collapse: collapse;
}

.comment-replies {
  border-color: black;
  border-width: 1px;
  margin: 5px;
  background-color: #16537e;
}

button {
  margin: 5px;
}

/*"Online" Status Color Text*/
.online {
  color: #79b8e7;
  font-weight: bold;
  font-size: 95%;
}
/* "Online" Status Image Edit */
.online img{
    filter: brightness(0) saturate(100%) invert(31%) sepia(70%) saturate(423%) hue-rotate(175deg) brightness(90%) contrast(102%) !important;
    height:2em;
}


/* CUSTOMIZE SCROLLBAR HERE */

             ::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(0, 146, 174, 1);
    }

    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    }


/* Contact IcyTea (https://spacehey.com/icytea) on SpaceHey if issues arise! */

table{background:none !important; line-height:15px !important;}
table ul li a {color: #000000 !important;}
}
</style>

<a class="two" href="https://layouts.spacehey.com/icytea" target="_blank"><div style="position:fixed; top:0; left: 2; z-index: 9; width: 120px; height: 120px;">IcyTea's Layouts</div></a>

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

Elle <3	1760625759 using! Report Comment
JayJay	1758771549 Using! Report Comment
rebzynkaa	1758703833 USING Report Comment
Jasmine	1756942651 Usingg ^^ Report Comment
awildintrovert	1755127243 Using, thank you for your work, this is beautiful! Report Comment
johnelle	1754438134 Using Report Comment
anna	1748713743 using c: Report Comment
KitToro	1744565259 Using Report Comment
ANTo ^_^	1740734850 using!! Report Comment
𓏵 ⋮ Sage Silvanus !! ₊ ⊹	1739270628 Using. Report Comment
˚•̩̩✩maya✩•̩̩͙˚	1738642548 using :D Report Comment
GRIZZ!?	1735470129 USING :] Report Comment
GRIZZ!?	1735469677 USING :] Report Comment
ChucuChucu	1733476852 using Report Comment
☆CHEER☆	1732428453 Am using!! Report Comment
5kylerx3	1731684950 Using thx!!!! <3<3 Report Comment
✨SHARKY_BOY✨	1728560672 using Report Comment
Bev	1728482426 (∿°○°)∿ ︵ using <3 Report Comment
Billy	1727362273 Using :] Report Comment
Hooligan	1726000717 using! Report Comment