Bubbles and water layout - Summer inspired

Tags: water, bubbles, blue, sea, ocean, underwater, fish, white, light blue, light

Description:

Cute water layout for those who just love the cool aesthetic

How to apply layout: In the main menu, click on "Edit Profile". In there you should see an "About me" box. Back to this tab, copy the entire code thats in the "Layout code" box. Go back to the tab with the "about me" box and paste the code you copied, into that box. When its pasted, click "save all" and then view your profile 😊

Preview:

click on the image for a larger preview

Code:

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

<style>
button, input {
    overflow: visible;
    background-color: #5CA7CF;
    opacity: 90%;
    border-style: dotted;
    border-color: #2471A3;
    border-width: 2px;
    margin: 5px 0px 0px 0px;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: ;
    border-style: full;
    border-color: #2471A3;
    border-width: 2px;
    margin: 5px 0px 0px 0px;
    color: black;
}
.comment-replies {
    padding: 0 5px;
    border: 1.8px dashed #fff;
    margin-top: 1px;
}
nav .links a:hover{
  text-decoration: underline overline wavy;
  color: bl;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: white;
    text-decoration: underline overline wavy;
}
table {
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
    border-left-color: rgb(255, 255, 255);
}
.comments-table td:first-child, .music-table td:first-child {
    background: #5CA7CF;
    background: fff;
    text-align: left;
    font-weight: light;
    width: 30%;
}
.comments-table td, .music-table td {
    background: #5CA7CF;
    background: #5CA7CF;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 2px solid ;
    margin-top: 1px;
}
nav .links .special a {
    color: ;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " ☄. *. ⋆ ";
    color: white;
    font-size: 18px;
    
}
nav .links a {
    text-decoration: underline;
    color: blueoooo;
    text-shadow: 0 0 7px ;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-align: center;
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    text-align: center;
}
.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading h4, .profile .friends .heading h4, .setting-section .heading, .home-actions .heading {
    color: white;
    background: ;
}
.details-table td {
    background-color: ;
    background-color: var(--pink); 
    vertical-align: top;
    border-style: solid;
    border-width: 0.5px;
}
main {
    background: #5CA7CF;
    opacity: 90%;
    color: white;
    padding: 6px 0px;
    font-size: 100%;
    border-style: dotted;
    border-width: 3px 3px 3px 3px;
    border-color: #2471A3;
    border-radius: 18px;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent; 
}
.container {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 9px 0px 0px 0px;
}
 body {
        background-image: url(https://i.pinimg.com/originals/3c/32/01/3c32014d67e7e7e06a545f35b04fbf04.gif);
        background-size: contain;
        background-attachment: no-repeat;
        

}

a {
     color: ;
text-shadow: 0 0 2px #2471A3;
font-family: verdana, cursive;
font-size: 17px
line-height: 50px;

}

:root {
    --logo-blue: ;
    --darker-blue: white;
    --lighter-blue: ;
    --even-lighter-blue: ;
    --lightest-blue: white;
    --dark-orange: ;
    --light-orange: #2471A3;
    --even-lighter-orange: red;
    --accent-color: red;
}

.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

	/* Add to Friends */

	content: "🫧"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

	/* Add to Favorites */

	content: "🫧"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "🫧"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward to Friend */

	content: "🫧"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

	/* Instant Message */

	content: "🫧"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */

	content: "🫧"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

	/* Add to Group */

	content: "🫧"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "🫧"

}

.count {
    color: white;
}

.profile .friends .person p {
    color: white;
    font-weight: light;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.online { visibility: hidden; } .online img { content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dcumuz1-6888ff78-d00b-453a-a984-6802f7e5cca9.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGN1bXV6MS02ODg4ZmY3OC1kMDBiLTQ1M2EtYTk4NC02ODAyZjdlNWNjYTkuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.04aHBi1K-9sE1X_WASEpxrNE8fN9C0NA1Tciogcdfa4); animation-name: none; visibility: visible; height: 80px; width: 90px; 


* {cursor: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/347b1ddd-5231-4d82-8550-1fd0f0dc4afb/d4u3u3r-a0382d31-25d4-41f3-89be-321067044778.gif), auto !important;}</style>

<style>
nav img.logo {
 
 content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1d9059de-ffc4-4479-9fcf-03972a53ab72/dacxj77-e12415a6-ab9a-45fc-8d3f-497fe1516a38.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzFkOTA1OWRlLWZmYzQtNDQ3OS05ZmNmLTAzOTcyYTUzYWI3MlwvZGFjeGo3Ny1lMTI0MTVhNi1hYjlhLTQ1ZmMtOGQzZi00OTdmZTE1MTZhMzguZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.REXVOgppOWOsPjFRZGSXgOyLBSU8XqO701rpKP7rWpI");
</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 20 of 110 comments ( View all | Add Comment )

Moonlight	1748189702 using :D Report Comment
⌜Aiven ⌟	1747445974 yewsinggg Report Comment
caffeinatedhrts	1747171758 using ^^ Report Comment
Fragile	1747006187 using :) Report Comment
sandcastlesz	1746936967 using!! Report Comment
soph🐞	1746903711 using! <3 Report Comment
Anna<3	1746665400 using <3 Report Comment
๑ChEezy๑	1746487156 Using :3 Report Comment
fia ^_^	1746357329 using! Report Comment
charlie	1746115558 using ^^ Report Comment
PudimCremoso	1746035347 USANDO EM PARTES Report Comment
navely mu	1745283805 using Report Comment
w33y@!?	1745042219 using :D Report Comment
gimmyy ☆ ( Gigi )	1745009238 usinggg Report Comment
Shay	1744937966 Using!! Report Comment
billnyethescienceguy69	1742788216 USING just adding/changing some stuff if tahts fine :) Report Comment
twinkle toes	1742701875 using! Report Comment
ｅｍｚ ᶻ 𝗓 𐰁 🐢	1742673116 using!! <3 Report Comment
ძᥲᥒძᥲᥒ‧₊˚✩彡	1742500385 using thx! Report Comment
Xengyun	1742441791 USINGGG Report Comment