(FIXED) Cookie Run Kingdom ☆ Black Pearl Cookie Layout!!

Tags: cookie run, cookie run kingdom, black pearl cookie, blue, dark blue, sea

Description:

(This layout was requested by 🃏♠️Nikolai♠️🃏, tysm for requesting it!!!!!!) his Layout has several things related to both Black Pearl Cookie and sea in general, it has a blinkie showing the moment when you are connected, it also has a gif of Black Pearl's gacha and other things!!!! If the layout has any errors, let me know so I can correct it as quickly as I can!!! :DD

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by R>A>M>O>N>A !! (https://layouts.spacehey.com/layout?id=98561) -->

<style>

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(45 53 57 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}

body{background:url("https://64.media.tumblr.com/2bb70ef8156ed115cc86f47ea22838c1/f9a57c47514b683d-bc/s1280x1920/7421a49fccdf3468f0dc723d33e178e8a491f418.pnj") no-repeat fixed; background-size:cover;
}


small {
font-size:100%;
}


main {
background-image: url("https://64.media.tumblr.com/c8b04f09e0d2d34cc7be5fe741119dd1/f9a57c47514b683d-40/s2048x3072/9feb4b195b0cf7c064f68f78c5a11e44f1f22757.pnj");
border: 3px solid white;
}


b {
font-size: 14px;
}


time.ago {
color: white;
}


h1{
font-size: 30px !important;
color: white;
}

.url-info{display:none !important;}

.profile .friends .inner b, .profile .friends .inner a{
color: white;
text-shadow: 3px #1d5179;
}


.profile h1{
color: white !important;
font-size: 14px;
}


.profile .blurbs .section p, .profile .friends p, .blog-entry .comments p, .bulletin .comments p {
font-size: 14px;
}


.friends p, .friends a {
color: white;
}


p{
font-size: 16px;
}


.details-table td a {
color: white;
}


.details-table td p {
color: white;
font-size: 14px;
}

.profile .table-section .heading{
background: transparent;
}


.profile .table-section .heading h4{
color: transparent;
background: transparent;
}
.profile .table-section .heading:before{ content: url(https://64.media.tumblr.com/04fff5d9f0fc3af083ef8eab02ab03d3/806457d2e5fb87fd-32/s400x600/2d79a49b7c073be1f4463da8bfc0e1a1baccb3ac.gifv);
}


.contact .heading h4{
font-size:14px;
}


.profile .contact {
  font-family: Arial, sans-serif;
background: transparent;
border: 0px solid transparent;
}


.profile .contact a{
font-size: 12px;
}


.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
display: block
}


.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border: 5px solid white;
}


.profile .friends .inner{
    text-align: center;
background-image: url("https://64.media.tumblr.com/fd4c589ae84020a8117128ed17737b29/f9a57c47514b683d-02/s1280x1920/da4b46341f5bee7c31fd2229d9e88896b7fa2dc5.pnj");
border: 3px solid white;
box-shadow: 0px 0px 10px 0px #1d5179;
background-position: center;
}


.contact .heading h4{
display:none !important;}


.contact .heading{ font-size:14px;}

.contact .heading:before{ content: url(https://64.media.tumblr.com/ab409c0bdebb003862a86c6cf09eb868/f9a57c47514b683d-c6/s400x600/6b9e50d659bc90fdcd25aef95efbc88237c15087.gifv);
overflow:hidden;
}


.blog-preview{
text-align: center;
background-image: url(https://64.media.tumblr.com/fd4c589ae84020a8117128ed17737b29/f9a57c47514b683d-02/s1280x1920/da4b46341f5bee7c31fd2229d9e88896b7fa2dc5.pnj);
color: white;
border: 2px solid white;
box-shadow: 0px 0px 10px 0px #1d5179;
}


.contact .heading h4{
font-size:14px;
}


.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px #1d5179;
border: 3px solid white;
}


.profile .blurbs .section h4 {
text-align: center;
font-size: 14px;
color: white;
border: 3px white;
}


.button {
    background: transparent;
    color: white;
}


.profile-info{
background: transparent;
border: 3px solid white;
box-shadow: 0px 0px 15px 0px #1d5179;
}


.profile-info a{
font-size: 14px;
color:white;
}


.profile-info h3{
color:white;
}


.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:transparent;
}


.profile .blurbs .inner{
background: transparent;
box-shadow: 0px 0px 10px 0px #1d5179;
border: 3px solid white;
}

.profile .contact .heading, .home-actions .heading {
background-color: transparent;
color: white;
}

.online {
    margin:auto;
    content: url(https://64.media.tumblr.com/4515ed1beb798cec24aba2429d7381ae/f9a57c47514b683d-39/s250x400/1a5a7fe6f065bc49b704964fb2b334cc7f249ae4.gifv);
}

.icon {
        content: url(https://64.media.tumblr.com/05d5c2d5eb6764f9d0f80a073ff20a91/eb7088c9bc9a98b3-58/s75x75_c1/b976ef5411335c0f514e95ad562e0b124290ca6e.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
}


h4 {
font-size: 14px !important;
color: white;
  font-family: Arial, sans-serif;
}


p {
  font-family: Arial, sans-serif;
color: white;
   }


   a {
font-size: 14px;
     color: white;
   }


a:hover {
     color: #1d5179;
}

    .count {
        color: #1d5179;
    }


.profile .friends .person p {
color: white; 
}

.profile .friends .person p:hover {
color: #1d5179; 
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add friend */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif);
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add 2 fav */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif)
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* chat */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif)
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif)
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant msg */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif)
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif)
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif)
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://64.media.tumblr.com/32aab20a9efc9c3d45e31134fa18547a/a324df92b7afeba1-bd/s75x75_c1/9fdf1b139e9e91438fac18a312dde2e7e35ccf65.gif)
}


.contact .inner a img {
font-size: 0;
}

.contact .inner a img:before {
font-size: 1em;
display: block
}


.profile .table-section .details-table td {
background:url("https://static.wikia.nocookie.net/cookierunkingdom/images/c/c3/Version_3.6_Title_Screen.png/revision/latest/scale-to-width-down/1000?cb=20220908062413.png");
background-image: center;
border: 3px solid white;
box-shadow: 0px 0px 10px 0px #1d5179;
}


.profile .friends .comments-table td {
background: transparent;
border: 2px solid #1d5179;
position: center;
}

.profile .friends .comments-table td:first-child {
background: url(https://i.pinimg.com/564x/32/e8/d5/32e8d57614dd947b57b978ac9d6dbedb.jpg);
}


.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}


.comments-table td:first-child img{
border: 1px solid #1d5179;

box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
}


.comment-replies{
border: 1px solid #1d5179;
color: white;
}


.general-about .details p:not(.online){
color: white !important;
font-size: 14px;
  font-family: Arial, sans-serif;
}


.general-about .details a{
  font-family: Arial, sans-serif;
color: white !important;
font-size: 14px;
}


.links{
width=810px;
}


nav .links {
background: transparent;
}


nav .links a:hover {
color: #1d5179;
}


nav .top label{
background: transparent;
}


nav .top label{
color: white;
}


  .search-wrapper input[type=text] {
    background: white;
  font-family: Arial, sans-serif;
    border: 3px solid white;   
  }

.profile .url-info {
border: 0px solid transparent;
color: transparent;
font-size: 0.1px;
box-shadow: 0px 0px 10px 0px #1d5179;
}

.profile .table-section {
border: none;
}


.profile .url-info {
border: 0px solid transparent;
color: transparent;
font-size: 0.1px;
box-shadow: 0px 0px 10px 0px #1d5179;
}

.profile .table-section {
border: none;
}


table.comments-table {
border: 0.5px solid #1d5179;
background: black;
}


footer p{
color: white;
font-size: 100%;
}


footer a{
color: white;
}


footer {
color: white;
box-shadow: 0px 0px 15px 6px #1d5179;
text-decoration: underline;
text-decoration-style: dotted;
background-color: #1d5179;
border: 3px solid white;
}   

<style>

    .table.comments-table:{
    border-color:#1d5179;}

</style>


<style>
table.comments-table{
background-color:black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-width: 5px;
}

</style>

<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>

<style>

h1{
animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

</style>

<style>

    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: #1d5179;}
    ::-webkit-scrollbar-track {
    background:white;}

</style>

<style>
img:hover , .url-info:hover{
  animation: shake 1s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}
</style>

<style>

:root{
/* [background color]: header on top */
--logo-blue:url(https://64.media.tumblr.com/6cfce263f2a8b05d64778585afc733fd/806457d2e5fb87fd-f1/s400x600/0539fadc1a3069b08f556e4029fe9baa7ce6a891.pnj);
}


nav .links {
    background-image:url(https://64.media.tumblr.com/6cfce263f2a8b05d64778585afc733fd/806457d2e5fb87fd-f1/s400x600/0539fadc1a3069b08f556e4029fe9baa7ce6a891.pnj);
    padding: 3.5px 16px 5.5px 16px;
}


</style>

<style>
body { cursor: url(https://64.media.tumblr.com/a779c5faf9a30c326af3be25f6d63c8c/51b03fb9b573c09b-ab/s75x75_c1/95ca931c5bc9291c1312ce5cfd93b024fac75fc9.pnj), auto; }
</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 20 comments ( View all | Add Comment )

𝙲𝚑𝚕𝚘𝚎/𝙿𝚊𝚟𝚕𝚘𝚟𝚊💞🎵	1754361981 using!!! tyy! Report Comment
ShadøwMilk	1751764139 using!! Report Comment
coral	1747144675 used this as a base if thats fine ! Report Comment
glitter / test acc	1746922283 using as a base if thats okay ! Report Comment
MizukiDiamond	1746568295 Using! Report Comment
finngawk4	1745349231 USING Report Comment
𝓡𝓮𝓷𝔂!	1744885248 using Report Comment
୨୧◞ 。Diana .ᐟ	1744311906 Using <3 Report Comment
𝒩𝒾𝓁𝓁𝒶🎀	1741491618 using! can I request a butter roll cookie one perchance? :0 Report Comment BOOMSHAKALAKAAAAAAAAAAAA SMC PFP by *g4ry sm1th (ﾟﾛﾟ)**; 1742590632; Report
Gussya!	1736398224 shabalalaloa found you. Report Comment wgat by RAMICIDE666; 1736582491; Report LMAO SORRY I WAS JUSTING COMMENTING TO USE IT LMAO by Gussya!; 1736582610; Report OHHHH SORRY I DIDN'T UNDERSTOOD my bad by RAMICIDE666; 1736582796; Report
echoado	1732831665 usin!! Report Comment
☆ Ｓｐｅｃｔｒｉ ☆	1719620521 using!! ☆☆ Report Comment
bonnie ,, 🩰	1709734990 using ^.^ Report Comment
kaden	1709265220 it wont work, it makes my profile white Report Comment
ARLET★º	1707780569 usando Report Comment
✸ R0B ◟	1707760087 white pearl cookie version? Report Comment
Scotty ^_^	1707360688 REALLY COOL LAYOUT ALSO DO YOU STILL TAKE REQUESTS ON LAYOUTS Report Comment Yeah!!!! What do you want me to make the layout of???? :333 by RAMICIDE666; 1707362802; Report ALSO SRRY FOR THE BAD ENGLISH by RAMICIDE666; 1707362823; Report THATS OKAY!! COULD U DO A LAYOUT OF CAPSAICIN COOKIE? :3 by Scotty ^_^; 1709844793; Report
asherglz	1707072502 usando :33 Report Comment
𝐃𝐀𝐍𝐘𝐈	1706850640 Q bonitoo Report Comment
ϧ᱖ etta	1706808666 You should do a frilled jellyfish cookie layout !! Report Comment I'm going to make one but probably later!!!!! :3 by RAMICIDE666; 1706810156; Report