Pink and White Dolphin Layout!

Tags: ocean, pink, frutiger aero, lisa frank, dolphin, rainbow, pastel

Description:

First Layout! Comment if you're using! Feel free to change whatever you need to, just credit me. Hope you guys enjoy. Thanks!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Comfortaa:wght@500&family=Quicksand&display=swap');

.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: "🦈"
}
body{
background:url(https://pbs.twimg.com/media/Fs30TjFakAEQS2v.jpg:large)
no-repeat;
fixed;
background-position: top; 
background-size:cover;
}
 .links, button, .logout-btn{
background-image: linear-gradient(hotpink, gold, deepskyblue) !important;
border-radius: 10px;
border: 2px solid white !important;
padding: 7px;
color:white;
font-family: 'Comfortaa', cursive;
}
links a{ 
color: white!important;
text-shadow: none;
font-family: 'Comfortaa', cursive;
}
main{
background-color: transparent;
}
input#q{
border: 2px double white!important;
border-radius: 10px;
background: hotpink;
padding-bottom: 13px;
font-family: 'Comfortaa', cursive;
color:white!important;
}
input#q:hover {
  color: gold;
}
label{
color:hotpink;
text-align: center;
font-family: 'Bagel Fat One', cursive;
font-size: 15px;
}
.blurbs, .friends, .contact, .table-section, .mood, .profile-info{
background: white;
border: 2px double white!important;
border-radius: 15px;
margin-bottom: 10px!important;
}
.profile-info{
color: hotpink!important;
}
.general-about{
background-color: rgba(255, 255, 255, 0.85);
border-radius: 15px;
margin-bottom: 20px;
padding-top: 15px;
padding-bottom: 40px;
border: 2px solid white !important;
margin-bottom:10px!important;
}
.blurbs .heading, .friends .heading, .contact .heading, .table-section .heading{
font-family: 'Bagel Fat One', cursive;
border-top: 2px solid hotpink!important;
border-radius: 10px 10px 0px 0px;
background: hotpink!important;
color: white!important;
margin: 2px;
letter-spacing: 1px;
}
.table-section td{
background: white!important;
color: hotpink!important;
font-family: 'Comfortaa', cursive;
}
.comments-table td{
background: white!important;
}
p,b, .blog-preview h4, i, .url-info b, .profile .blurbs .section h4{
color: hotpink!important;
font-family: 'Comfortaa', cursive;
}
.top{
background-color: rgba(255, 255, 255, 0.4)!important;
border-radius: 15px;
border: 2px solid white!important;
margin-bottom: 10px;
}
a, span.count{
color: #ffb5da;
font-family: 'Comfortaa', cursive;
}
a:hover {
  color: gold;
}
.mood{
margin-top: 5px;
margin-bottom: 10px;
padding: 5px;
}
.blog-preview, footer, .url-info{
background-color: rgba(255, 255, 255, 0.85)!important;
border-radius: 15px;
border: 2px solid white!important;
}
.blog-preview{
padding: 10px;
border-radius: 15px;
margin-bottom:5px!important;
}
.online{
font-size:0 !important;
}
.online:before{
color:green;
content: "🐬";
font-size:.8rem;
}
.online:after{
color:hotpink;
content: "online!";
font-size:.8rem;
font-weight:bold;
animation: blinker 1s linear infinite;
}
.online{
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.general-about img, img.pfp-fallback{
        -webkit-mask-image: url(https://i.postimg.cc/fWddtcgz/8d7e22bfe4da9ba08eb4b469ea8c532f-square-rounded-square.png);
        -webkit-mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
    }
li::after{
color: white!important;
}
h1{
color: white!important;
font-family: 'Bagel Fat One', cursive;
font-size: 50px!important;
letter-spacing: 2px;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-7/nat674.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/26/irrawaddy-dolphin.html" target="_blank" title="Irrawaddy Dolphin"><img src="https://cur.cursors-4u.net/cursor.png" alt="Irrawaddy Dolphin" style="position:absolute; top: 0px; right: 0px;"/></a>

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

spongepurt 🖍🍌	1715887771 using! Report Comment
louᶻ 𝗓 𐰁 .ᐟ🎧ྀི	1715528998 using :33 Report Comment
Kitty	1711404065 Using Report Comment
custard x3	1707608233 using Report Comment
kittyA	1705977041 using!! Report Comment
jjonipp	1705866304 Using!! Report Comment
Tord	1701755873 might use! Report Comment
Rinx	1701551785 Using the base! Report Comment
Chuck	1697407384 using Report Comment
lakey	1691187366 using omfg i love this Report Comment
Lexi🎀	1690698373 using!! Report Comment
Kilian	1690002332 Using!! Report Comment
Kelly	1689624530 using :) Report Comment
FЯANKIE★	1689453994 using!! Report Comment
Chav	1689286540 Using :3 Report Comment
*ੈ✩‧₊˚ mar	1689037897 using!! Report Comment
a n g e l ! 🎢♟️	1688960824 USING OMG STRAIGHT 2 MY FAVSSS Report Comment
Etienne	1688861953 Using! This is cute af Report Comment
Rebby	1688355031 Using :D Report Comment
☥ skunk ☥	1688232454 using! Report Comment