🌊gif waves in tropical paradise🌊

Tags: gif, waves, blue, tropical, twilaslay0utshack, animation, sparkle, sparkly, glitter, stars

Description:

PLEASE COMMENT BELOW IF YOU USE ME OR LIKE ME ♡

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by TWILA'S LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1499) -->

<!-- (c) Layout created by TWILAS LAY0UT SHACK (https://layouts.spacehey.com/layout?id=1405) -->

<style> 

body { 

font-family: Courier;
font-size: 15pt;
font-weight: bold;
font-style: normal;
text-decoration: none;
}



h1 {
  color: transparent;
  text-shadow: 1px 1px 2px black, 0 0 25px purple, 0 0 5px gold;
} 

h1, h2, h3, h4,p {color: black;} 

:root { 

--white: black;
</style>

<style>
@import url('http://dl7.glitter-graphics.net/pub/148/148607tg6rggnb0l.gif');

.online{
    content:url(http://dl8.glitter-graphics.net/pub/1123/1123818cjfqwt8fhd.gif);
    height: 40px;
    width: 40px;
    
}

.profile{
    background-color: transparent;
}
td {
    background-color: transparent rgba(160, 170, 200, 0.15) !important;
    border-radius: none !important;
    
}
.table-section:not(:last-child) .details-table tr td:first-child p{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;
    
}
.details-table tr td:first-child p:after{
  color:transparent; !important;
  letter-spacing:normal !important;
   text-shadow: 	2px 2px black !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content:"◇";!important
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content:"◇";
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content:"◇";
}
h1{
    color:transparent;
    font-family: courier, Courier;
    text-shadow:2px 2px  black a;
}
.profile-pic img{
    border-radius:5px;
    box-shadow:4px 3px transparent;
    filter:grayscale(10%);
}
.contact {
background-image:url(http://dl7.glitter-graphics.net/pub/148/148607tg6rggnb0l.gif);
  border-radius: 0px;
  border-color: transparent !important;
  background-position:right, bottom;
  background-size: 360px 150px;
  background-repeat: repeat-y;
  padding: 20px;
  width: 200px;
  height: 150px;
}

  body, .bodyContent  { 
 background-image:url(http://dl7.glitter-graphics.net/pub/148/148607tg6rggnb0l.gif);
 background-repeat:repeat;
 background-size:100%;
 background-attachment:scroll; 
 border-color: transparent ; 
 border-width:0px; 
 border-style:0px;

 } 

p, h2{
    color: black !important;
}
a{
    color: black !important;
    
}
.friends, .count, a p{
    color: transparent !important;
    text-align:center !important;
}
.friends-grid img{
    border-radius: 0px !important;
    filter:grayscale(0%) !important;
}

h4 {
    color: lightblue !important;
}
.section h4{
    color: transparent !important;
}
.heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{
    background-color: transparent 
 rgba(10,13,20,.95) !important;
}
.table-section{
    border:none !important;
}
.heading{
    background:none !important;
    padding-bottom:0px !important;
}

.w-40 .table-section:last-child .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
  content:"◇";
  font-family:Montserrat!important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:#000000 !important;
  font-weight: bold !important;
    
}
  
.url-info {
    display:none !important;
}

.inner img{
    border:solid 0px black !important;
    filter:grayscale(60%) !important;
    border-radius: 0px !important;
}
.contact img{
    border:solid 0px!important;
}
main{
    border:outset 0px;
    border-top:none;
    padding-top:0px!important;
}
.w-40 .table-section:nth-last-child(2) .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:nth-last-child(2) .heading::after{
  content:"◇";
  font-family:Montserrat !important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:transparent !important;
  font-weight: bold !important;
}

.w-40 .contact .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .contact .heading::after{
    content:"ADD ME AS A FRIEND";
    font-family:Montserrat !important;	
    text-shadow: 	2px 2px black !important;
    text-transform:uppercase !important;
    color:transparent !important;
    font-weight: bold !important;
    background:transparent;
    
}
    
nav{
    background-image: url(http://dl7.glitter-graphics.net/pub/148/148607tg6rggnb0l.gif);
    border-radius: 0px 0px 0px 0px; !important;
    background-size:100% 100%;
    border:outset none;
    border-bottom:none;
}
nav ul{
    background: transparent !important;
    
}
nav img{
    filter: opacity(5%) !important;
    
}
nav ul a img, .mood a img{
    display:none !important;
    
}
.top{
    background:none !important;
    background-color: transparent rgba(0, 0, 0, 0.0) !important;
    
}
#comments{
    background-image: url(http://dl7.glitter-graphics.net/pub/148/148607tg6rggnb0l.gif);
    background-size: 100% 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
    background-color: transparent rgba(30,35,40,.9);
}
#comments img{
    border-radius: none !important;
    border: none !important;
}
</style>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(http://dl8.glitter-graphics.net/pub/3650/3650018mbys5bgddk.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
} </style>

<style>main:before {
	width: 100%;
	height: 1200px ;
	display: block;
	content: "";
	background-image: url('http://dl8.glitter-graphics.net/pub/2648/2648798doc5hh0c3i.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>

<style>body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('http://dl8.glitter-graphics.net/pub/2648/2648798doc5hh0c3i.gif');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
footer {
border-radius: 5px;
background-image: url(http://dl7.glitter-graphics.net/pub/148/148607tg6rggnb0l.gif);
}
</style>
















<style>
/* profile-info */

.profile-info {
    position: fixed;
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    border: 0;
    z-index: 20;
    -webkit-backdrop-filter: blur(20px);
}
.profile-info a {
    color: #FFF;
}


.profile-info { border:double 0px #Ffd1dc88;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: transparent url(http://dl9.glitter-graphics.net/pub/185/185499fkwlunybl0.gif) no-repeat center center;
background-size: contain;
    </style>



<style>:root {
        --logo-blue: light purple ;
        --darker-blue: light purple ;
        --lighter-blue: light purple ;
        --even-lighter-blue: light purple ;
        --lightest-blue: light purple ;
        --dark-orange: light purple ;
        --light-orange: light purple ;
        --even-lighter-orange: transparent ;



<style/> 

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

Comments

Displaying 17 of 17 comments ( View all | Add Comment )

Naiad	1686777905 using ! Report Comment
Ghost :3 ⛧	1685431203 Using! Report Comment
{ ✰ Matt / Mako ✰ }	1685152024 usingf :333 Report Comment
IloveK1ttyKats!	1684483907 Using!! Report Comment
skara !! ☆	1683841597 USING :33 Report Comment
hroo hraa	1683649238 Using! Report Comment
Shena Christine ⚘	1679040663 using!! <3 Report Comment
victor!! :3	1676007096 USING!! Report Comment
Mel	1674576559 using bc yes Report Comment
Jordanna	1653618887 using, thx! Report Comment
RenoXIII	1640989521 This is exactly what I needed, thank you Report Comment
Maricely	1636763039 Will try this one Report Comment
Robin	1636742262 Beautiful Gonna try Report Comment
Bethanyls306	1613931377 Tried this looks great! I was able to change the color. Wish they would give a kudos button or something for your page and layouts! Report Comment
🌸Laura Sloan-Bosworth🌸	1613864800 My Favorite!! :) Report Comment
VanillaChild	1613698596 This is gorgeous! Thank you! Report Comment