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

˗ˏˋ𝗚𝗮𝗯𝗿𝗶𝗲𝗹 ♚ˎˊ˗	1734063063 Using!!! Report Comment
deni ☆	1733510562 using ^^ Report Comment
ollie	1733377674 using Report Comment
Iris	1733181440 using Report Comment
♡Lukk♡	1732842070 usingg!! Report Comment
L0V3LY_D0V3	1732757116 Using, amazing layout btw keep up with the work Report Comment
namu_moonchild	1732696592 usingg! :D Report Comment
putr1d_lamb	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