Black pearl cookie layout!

Tags: black pearl cookie, cookierun, black, emo, ocean, gif

Description:

WARNING!!!!!!: Several parts of this code are separated in boxes! So I will provide those separately!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Strawberry Jammy ♤CEASEFIRE NOW♤ (https://layouts.spacehey.com/layout?id=82065) -->

Image codes for the interest boxes:

<img src="https://static.wikia.nocookie.net/cookierunkingdom/images/f/f9/Boss_passive_Duskgloom_storm.png/revision/latest?cb=20220906201957"/>

<img src="https://static.wikia.nocookie.net/cookierunkingdom/images/2/2a/Boss_skill_duskgloom_sovereign.png/revision/latest?cb=20220906202050"/>

<img src="https://static.wikia.nocookie.net/cookierunkingdom/images/0/04/Boss_skill_duskgloom_pearl.png/revision/latest?cb=20220906202024"/>


<img src="https://static.wikia.nocookie.net/cookierunkingdom/images/d/da/Boss_skill_abyssal_cage.png/revision/latest?cb=20220906202145"/>

<img src="https://static.wikia.nocookie.net/cookierunkingdom/images/5/52/Boss_skill_duskgloom_lightning.png/revision/latest?cb=20220906202203"/>

<img src="https://static.wikia.nocookie.net/cookierunkingdom/images/d/d8/Boss_skill_duskgloom_tide.png/revision/latest?cb=20220906202224"/>

People I'd like to meet box:

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/3hZRSNnMsbTlh128OasyJQ?utm_source=generator&theme=0" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

<img src="https://static.wikia.nocookie.net/cookierunkingdom/images/3/32/Battle_black_ocean.png/revision/latest?cb=20220906202424"/>


About me box:

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://static.wikia.nocookie.net/cookierunkingdom/images/9/9b/Black_pearl_crystal_jam_skill_animation.gif/revision/latest?cb=20230821235529');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1.5s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>



<style>main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://static.wikia.nocookie.net/cookierunkingdom/images/7/7d/Explore_the_Black_Pearl_Islands_visual_13.png/revision/latest/scale-to-width-down/1000?cb=20220922030427');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://static.wikia.nocookie.net/cookierunkingdom/images/f/f2/Black_pearl_title_asset_animation.gif/revision/latest?cb=20220906182356"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>


<style>


.container {
width: 90%;
max-width: 950px;
}

</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

</style>

<style>

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

</style>


<style>

.table.section .heading{
display: block;
height: 400px!important;
overflow-y: scroll;
}

</style>

<style>main{ 
background-color: #12261e;
border-radius: 25px;
border: 15px solid #366954;
box-shadow: inset 2px 3px 5px #12261e;
margin: 7em 0;
padding: 0.5em;
opacity: 1;
}</style>

<style>
:root {

      --logo-blue: #335949;

      --darker-blue: #335949;

      --lighter-blue: #335949;

      --even-lighter-blue: #335949;

      --lightest-blue: #335949;

      --dark-orange: #335949;

      --light-orange: #335949;

      --even-lighter-orange: #335949;

</style>

<style>

.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: "🌑"

}

</style>

<style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/zNpp_g0izls?loop=1&autoplay=1&controls=0&start=0&playlist=wON8K9cWKQ4&&#x201D;title=" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="&#x201D;&#x201D;">
 

</style>

<style>
body {
    background: url(https://i.ibb.co/ZhhC7k6/Untitled82-20230929102511.png);
background-position:center center;
background-attachment:fixed;
background-repeat:no-repeat;}
</style>

<style>
body {
  background-color: #16211d;
}

<style>body{font-family: "Charlesworth"!important;}</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: #6fad88;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: #6fad88!important;  
}

</style>

<style>
body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=160478);}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-6/oth580.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/02/16/sapphire-9.html" target="_blank" title="Sapphire"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sapphire" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.ibb.co/d2Np1d2/static.gif);
  background-size: 200px !important;
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
</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 8 of 8 comments ( View all | Add Comment )

Lpversi	1709924574 Using but changing!!! Report Comment
Ryun	1705455794 Using! Report Comment
Ethan	1700379689 using ! ^^ Report Comment
Ander	1699038285 I love it!!!! But- can you someday do a remake of your old White Pearl cookie theme? I like it but it feels plain, yet this one is absolutely awesome! Pls dont take this bad, im just asking if u can :33 Report Comment I already remade the White pearl cookie layout! But I'm tweaking it rn so I might repost it later! by Strawberry Jammy ♤CEASEFIRE NOW♤; 1699056824; Report Thanks for not taking it bad!! I lov ur layouts <333 by Ander; 1699067824; Report Nono! I love receiving critizim! It helps me improve! by Strawberry Jammy ♤CEASEFIRE NOW♤; 1699071868; Report
Diamond the dino plushie	1698497850 Love this! ☆☆ Report Comment
vine staff !!	1698167261 this is so cool! ^^ do you take layout requests by any chance? Report Comment
univeralstester	1697309070 using!! ^^ Report Comment
Hope	1696561703 using Report Comment