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

丰✮ Emily ㋖	1779990704 Using! Report Comment
VIP Heartbreak	1771654987 using Report Comment
maggotbrain	1769276124 using, thank you!! Report Comment
strawbie ⊹ ࣪ ˖	1763180147 using !! Report Comment
leni	1742228255 using rn Report Comment
plumeria761	1725186277 Using! Report Comment
nora🐾	1725062204 using Report Comment
Erinchanted	1724984780 I just wanna be prt of yOUR SYMPHONYYYYY!!!!!!!! when you hold me tiiiight and noot leltt gooooo Report Comment lmaoo i quickly remembered this too by 𝗍𝗈𝗌𝗁𝗂𝗋𝗈; 1725153032; Report
britney	1724555375 Using Report Comment
Oildrinker	1722463257 Using!! Report Comment
Th1ngs.2do	1719422807 Using! Report Comment
I’mback_biggestwouser	1717019906 Using :p Report Comment
louᶻ 𝗓 𐰁 .ᐟ🎧ྀི	1715528998 using :33 Report Comment
ˢʷᵉᵉᵗ𝐴𝑢𝑟𝑜𝑟𝑎	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
Lu	1701551785 Using the base! Report Comment