Underwater <3

Tags: underwater

Description:

underwater lake & mermaid themed background!! Please comment if you use it!! If you would like to change what is in the media players DM me and I can help you!!

Code:

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

<!-- © Layout created by tapioca -->


<iframe width="560" height="315" src="https://www.youtube.com/embed/-ILcH66zGcY//?&;amp;;autoplay=1&loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

<iframe width="560" height="315" src="https://www.youtube.com/embed/G4CKmzBf5Cs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

<style>
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300&display=swap”);
Body[font-family: “garamond” ;}
</style>

<style>
Body {
Background: url(https://i.pinimg.com/originals/45/b3/62/45b362af5453265ed24916f974a721dc.gif);
}
.profile{
background-image:url(https://i.pinimg.com/originals/45/b3/62/45b362af5453265ed24916f974a721dc.gif);
Background-repeat: repeat;
Border-radius: 12px;
}

/*username glow and shadow*/
h1
{         color: #8decfc; 
	//text-shadow: 1px 1px #000000;
	
};
	text-shadow: 2px 2px 3px #00000, 0 0 25px #000000, 0 0 5px #FFFFFF;
}

h1, h2, h3, h4,h5,a, p, nav label, .section
{
	
main, top, links, nav .top, nav .links, details-table
{
    background:  !important;
	background-image:   !important;
	background-size: cover !important;
    padding: 0 !important;
    /*font-size: 80%;*/
    color: #00d5ff;
{
.mood
text-transform:uppercase !important;
}

table, td
}
	/* border: 1px solid var(--url-pink-bg)!important; */
	border-spacing: 2px;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
{
    width: 100%;
    border: 2px solid var(--#ffd1dc);
}
table, th, td

}
   border: 1px solid #00d5ff;
   border-spacing: 2px;
}
.blog
}   
   border: 10px solid #00d5ff;
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions
}
   width: 100%;
   border: 4px outset #00d5ff;
   margin 10px 2;
}

.online
{
  color: #aee0fc!important; 
  //text-shadow: 1px 1px #00d5ff;
}
:root 
{       --logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: purple 55;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--white: ;
        
        --table-header:#00d5ff;
	--table-color: white;
	--link-text: white;
	--main-text: #00d5ff;

    }   
main 
{
  /* changes made to stuff outside of columns */
    background: transparent;
    padding: 0;
    font-size: large;
    color: transparent;
text color: #c5ecfc;
  text-shadow: 1px 1px 2px #c5ecfc, 0 0 25px #c5ecfc, 0 0 3px #00d5ff; 
}
footer 
{
background-image: url(https://i.pinimg.com/originals/e3/c7/d8/e3c7d8c1f599c2d4b56959a5e3ee9d20.gif);
}
.comments-table{
display: block;
height: 500px;
overflow-y: scroll;
Border-radius: 15px; 
background-image: url(https://i.pinimg.com/originals/e3/c7/d8/e3c7d8c1f599c2d4b56959a5e3ee9d20.gif);
color: #c5ecfc;
  text-shadow: 1px 1px 2px #c5ecfc, 0 0 25px #c5ecfc, 0 0 3px #c5ecfc; 
}
.contact {
  background-image: url(https://i.pinimg.com/originals/fd/a2/51/fda251d3fae5a1bd9dd073f63baf99ac.gif);
  background-position: right top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 310px;
Height:180px;
}

/*customising interests box*/
  .profile .table-section{
background-image: url(https://i.pinimg.com/originals/2a/bc/67/2abc67281d8b402550d6f8f480d0ec86.gif);

  }
.general-about {
	background-image: url(https://i.pinimg.com/originals/45/b3/62/45b362af5453265ed24916f974a721dc.gif);
	padding: 20px
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
	animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .46s;
}
.profile .profile-info {
	background-image: url(https://i.pinimg.com/originals/50/09/b9/5009b9e4705d1f8b05f687756c1538e4.gif);
	padding: 20px;
	border: none;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #2d1157;
	text-align: center;
animation: nineties2 2s ease 0s infinite normal none;
	animation-delay: .15s;
	border: none;
}
</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 1 of 1 comments ( View all | Add Comment )

Moira

1700316665

use :3

Report Comment