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

Cassiel Michalis	1765891602 using <3 Report Comment
Alice	1765047212 using Report Comment
💤	1764441554 usando Report Comment
Frog_🌊_King	1764083947 this is probably my favourite layout ever <3 Report Comment glad you enjoy it! by ch3rry 🍒; 1765433526; Report glad you enjoy it! by ch3rry 🍒; 1765433528; Report
jadeyes	1764064076 using <3 Report Comment
Joyxiety	1764014775 Using :PPPPPP Report Comment
PizzaCutterShark	1763956079 using! Report Comment
Kalif	1763854559 USANDO Report Comment
H3nsku <3	1763475927 using!! Report Comment
𝘦𝘭𝘭𝘪𝘰𝘵𝘵 𑣲	1762933644 using!!! Report Comment
Padpara	1762709982 Using Report Comment
Withl0veee	1762654961 using! Report Comment
daria !	1762004597 Cuteee!! Usinggg Report Comment
Yzzel.zel	1761721868 Using Report Comment
SOUPLOZER	1761367368 using!!! tq for the cool layout (ゝω・´★) Report Comment
Reiiiiii	1761226938 Using, thank you!!! Report Comment
enaNAN	1760758238 using! Report Comment
lana!!!	1760479735 using!! ty Report Comment
JayJay	1758773769 Using! Report Comment
cl0seshut✩丰	1758749360 using Report Comment