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

☆CHEER☆	1732428453 Am using!! Report Comment
Skyler	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
Mel	1725174139 using !! thank you Report Comment
The Goat [IC COTL]	1724874203 using <3 Report Comment
lavender! X3	1724685048 using!! :D Report Comment
Blazingjaguar	1723864138 Using Report Comment
Max	1722312804 Using <3 Report Comment
http?₍𖤐⁾	1721487790 Using Report Comment
dreaming lamb! (rus/eng)	1721135143 Using ! ↖(^ω^)↗ Report Comment
Tanjiro かまど	1720992651 using Report Comment
Hats 9999	1720054816 Hello :] Are you okay if I kind of merge my current layout and this layout? By merge I mean basic keeping it the same, but changing the waterfall to the stars on my layout. Report Comment I'm late, but I'm okay with you modifying the layout it's your profile after all. by IcyTea ; 1728857906; Report
EternalSphereOfTime	1719886545 Using! Report Comment
ghvstgirl	1719113146 using<3 Report Comment
Phantom	1717291492 using, thank u! Report Comment
kitty	1716947032 using!!! ur layouts are all so cute Report Comment
Starlight Strider	1715484375 Thank you for the beautiful and relaxing layout. The texture and elements you've added make the platform a serene and inviting space. Your attention to detail hasn't gone unnoticed, and it's greatly appreciated. Report Comment