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

Mix ¡!	1785972623 using ^^ Report Comment
ailuu	1784937047 using Report Comment
｡∘⁠˚⁠°D4nnx⁠∘⁠˚⁠°｡	1784602515 usando <3 Report Comment
irohaxluv	1782945481 usingg <3 Report Comment
ezgi	1782507029 usingg Report Comment
3loy Terminator	1782154519 using Report Comment
franciscvs	1781162158 USINGGG Report Comment
PearlieMWAHH	1780807858 Using Report Comment
otasa99	1778028917 using! Report Comment
WATERLEMON	1777962048 Using! Report Comment
⋆˚࿔ fifi ᖭི༏ᖫྀ	1776271012 usinggg Report Comment
Mumu☆	1776037442 Usingg >< Report Comment
𝙎𝙠𝙮𝗹4𝗿𝗿 ༄	1776026072 Usingg Report Comment
Aztrid ^_^	1775673815 using :3 Report Comment
Krispiechiken	1775258814 Using it on a blog Report Comment
mymy⋆˚࿔	1775098005 usinggxx :0 Report Comment
Kiri	1774620734 usin it Report Comment
Melo/Rowan	1774353459 Using!1 Report Comment
Felicia :3	1773425545 USING X3 ♡!! Report Comment
Ahniyah	1773340371 using! Report Comment