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

wr3tched_rhythm	1732250244 usingg :D Report Comment
Wesphen	1731145075 Using! Report Comment
mikha	1730695193 USING :3 Report Comment
clarafragmentada	1729018867 USANDOOO Report Comment
putoente	1728888630 tysm Report Comment
Lau	1728836407 using :D Report Comment
oliver	1727496534 using Report Comment
aileen ෆ	1727223158 Using!! Report Comment
𝘼𝙉𝙂𝙀𝙇(天使)୨୧ᵎᵎ	1727188513 USING!! Report Comment
vincent	1726354426 USINGG Report Comment
Dani!!!!!	1725413463 Using Report Comment
Исач	1724876464 using! Report Comment
parker	1724702653 using!! Report Comment
nanaily3	1723402727 using!! Report Comment
🍓 yofi !	1723020978 Using! Tysm!! Report Comment
reallinaidk	1722621857 This layout is so cool!Using! Report Comment
Shindo✭	1722612265 USANDO!!!!! Report Comment
-`ღ´-🍰🍥Keykk🍥🍰-`ღ´-	1722036402 using!!!!1111!1 Report Comment
esu	1721913152 using ʕ·ᴥ·ʔ Report Comment
Zivy ⭒˚🪐*.🛸๋࣭ ⭑⚝	1720554326 Using!!! Report Comment