Daytime Waterfall

Tags: simple, daytime, green, waterfall, icytea

Description:

A simple daytime waterfall layout!

If you like this layout then please comment below if you used it and let me know what other types of layouts you're interested in using.

I want to read feedback from you all!

Disclaimer: 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. At the bottom of the layout code you can remove my layout link if you wish.

Preview:

click on the image for a larger preview

Code:

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

<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: #73BE73;
  --darker-blue: #73BE73;
  --lighter-blue: #73BE73;
  --even-lighter-blue: #73BE73;
  --lightest-blue: #73BE73;
  --light-orange: #73BE73;
  --dark-orange: #F4FDF4;
  --even-lighter-orange: #F4FDF4;
  --green: #90EEBF;
  --lightgreen: #90EE90;
  --red: #8DD88D;

  --pdg_profileInfo: url(https://64.media.tumblr.com/5fa379017047c9f206c176dd351d8f32/8bfdcd004b4df9a9-0b/s2048x3072/18cdab244cc35c710bfb52329f1b71603b060b1f.gif);

}

/* Gif Background */
body{
   background-image: url(https://64.media.tumblr.com/5fa379017047c9f206c176dd351d8f32/8bfdcd004b4df9a9-0b/s2048x3072/18cdab244cc35c710bfb52329f1b71603b060b1f.gif) !important;

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

/* LINK COLORS */
a:link {
  color: lightgreen;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: lightgreen;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: #F4FDF4;
  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: #F4FDF4;
  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: #F4FDF4!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;
}

nav .links a {
    color: #F4FDF4;
    text-shadow: 0 0 7px #1bbb1d;
}

.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: #F4FDF4;
	padding:4em 0;
}
.profile-info h3 a {
	color: #F4FDF4;
        font-size: 1.4rem;
}


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

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

/* 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: #73BE73 !important;
  color: #F4FDF4 !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 p{
  color: #F4FDF4 !important;
}

.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: #F4FDF4;
  font-weight: bold;
  font-size: 95%;
}
/* "Online" Status Image Edit */
.online img{
    filter: brightness(0.8) saturate(100%) invert(11%) sepia(0%) saturate(303%) hue-rotate(395deg) brightness(96%) contrast(102%) !important;
    height:2em;
}


/* CUSTOMIZE SCROLLBAR HERE */

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

    ::-webkit-scrollbar-thumb {
    background: rgba(0, 246, 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 12 of 12 comments ( View all | Add Comment )

rextrordinary	1709583555 using tysm Report Comment
Bug	1708840895 Using!! Report Comment
🍓Adrii💫 (Autoplay)	1707330312 works great :DD using !! Report Comment
el.z	1706543852 using!! Report Comment
Jhez	1706121967 using Report Comment
jaz..	1705685952 Usando :D Report Comment
Nin_	1705246758 using, tysm Report Comment
Bash	1701145912 I was looking for studio ghibli, stardew valley, or another lofi nature art background. I love this one. I would love if you could make stardew or Ghibli too Report Comment
Purge You, Animos	1701060499 Well done background, def using. Report Comment
rin	1700971573 using Report Comment
𓎟 feli	1699676283 I’ve never used space hey before; how, and where do i add text in the “about me” section and ect ?? Report Comment The About Me Section is in the "Edit Profile" button in your home page or your own profile page. by IcyTea ; 1699679192; Report
Michael!!	1699548516 This is so sweet gonna use this :) Report Comment