Mine only (portgas d ace layout)

Tags: one piece
Description:

Mine only
Code:

<!-- (c) Layout created by ´ ཀ`)  　︵ ͜‎ ‎ ‎ ♱ (https://layouts.spacehey.com/layout?id=82486) -->

<style>
<!-- (c) Layout created by ‎honeycake ❀*⁠｡ (https://layouts.spacehey.com/layout?id=24572) -->

/*Interests Scrollbox*/
    .profile .table-section {
        display: block;
        height: 500px;
        width: AUTO;
        overflow-y: scroll;
        font-size: 12px;
        border: dotted 0px!important;
        border-right: none!important
}
<style>
body {
  background-color: #111;
}

main {
  background-color: #333;
  color: #ccc;
}

main a {
  color: var(--white);
}

.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #111;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: #bbb;
}

.profile .table-section .details-table td {
  background-color: #333;
  color: #ccc;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #444;
  color: #bbb;
}
</style>

<!-- (c) Layout created by ✭ Fren-z ✭ (https://layouts.spacehey.com/layout?id=81569) -->

<style>

body{background:url("") no-repeat fixed; background-size:cover;
background-color: black;
}

nav .links .special a {
display: none;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
content: "|";
color: darkred;
}

small {
font-size:100%;
}
 
main {
background: transparent;
}

.general-about .profile-pic img {
box-shadow: 0px 0px 15px 0px red;
 }   

b {
font-size: 14px;
}

time.ago {
color: white;
}

.profile h1{
font-size: 30px;
}

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

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

.profile .friends .inner b, .profile .friends .inner a{
text-align: center;
color: white;
text-shadow: 3px 3px 3px black;
}

.profile .mood{ 
color: white;
border: 3px inset darkred;
box-shadow: 0px 0px 10px 0px darkred;
}

.profile .mood a{
color: darkred;
} 

.profile .mood a:hover{
color: red;
} 

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

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

  .table-section .heading{ 
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;
text-shadow: 3px 3px 3px  black;
}

.profile .friends .inner{
text-align: center;
background: black;
border: 3px inset darkred;
box-shadow: 0px 0px 10px 0px darkred;
}

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

.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4{
display: none;
}

.profile-info{
background:url("") no-repeat fixed; background-size:cover;
border: 3px inset darkred;
font-family: courier;
box-shadow: 0px 0px 10px 0px darkred;
}


.profile-info a{
font-size: 14px;
color:white;
text-shadow:  3px 3px 2px black;
}

.profile-info h3{
color:white;
}

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

.profile .blurbs .inner{
background: url("");
box-shadow: 0px 0px 10px 0px darkred;
border: 3px inset darkred;
}

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

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


.contact .heading{ font-size:20px;}
.contact .heading:before{ content: url(); 
overflow:hidden;
}

  .table-section .heading{ font-size:0; }
.table-section .heading:before{ content: url(https://pixel.crd.co/assets/images/gallery05/43088950.png?v=ee6d040c); 
padding-bottom: 10px;
}

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

}
.profile .friends .person p:hover {
color: darkred;  
}

.blog-preview{
text-align: center;
background-image: url(https://i.ibb.co/hHjmTHv/ezgif-4-c3d2bd3e06.jpg);
color: white;
border: 3px inset darkred;
box-shadow: 0px 0px 10px 0px darkred;
}

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

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 15px 0px red;
}


.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://i.ibb.co/0qsMx7K/ezgif-1-a9a4a5da5b.webp);
}
  
.icon {
        content: url(https://i.ibb.co/LZ38mM2/ezgif-2-9db8b7e076.png);
        display: inline-block;
        height: 1.5em;
        width: 1.5em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
}

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

.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 friend */
	content: url(https://pixelsafari.neocities.org/favicon/horror/skull7.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favs */
	content: url(https://i.ibb.co/30qz3pw/ezgif-1-7b8225b90a.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* send message */
	content: url(https://i.ibb.co/tCBwsZX/ezgif-1-1a54c51247.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: url(https://i.ibb.co/S3LJG4L/ezgif-2-2340556114.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: url(https://pixel.crd.co/assets/images/gallery04/0399c19f.gif?v=6c952962)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://pixels.crd.co/assets/images/gallery06/902ddb74.gif?v=b22a957b)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url(https://pixels.crd.co/assets/images/gallery33/8c4c0ece.gif?v=b22a957b)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: url(https://external-media.spacehey.net/media/sGBVzOdmUsoGedi6M5Kgr51k_1s5Ls4IKjIfrqNvmJUE=/https://caterpie.crd.co/assets/images/gallery27/d85f2cb8.gif?v=08522da7)
} 

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

.profile .table-section .details-table td p{
color: white;
}

.profile .table-section .details-table td a{
color: red;
}

.profile .table-section .details-table td a:hover{
color: red;
}

.profile .table-section .details-table td a:hover{
color: darkred;
}

.profile .table-section .details-table td {
background: black;
border: 3px inset darkred;
box-shadow: 0px 0px 10px 0px darkred;
}

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

.general-about .details a{
color: white !important;
font-size: 14px;
}

nav{ 
color:white;
font-size: 13px !important;
text-transform:none;
text-align: center;
    }

.links{
width=810px;
}

nav .links {
background: transparent;
}

nav .links a:hover {
color: darkred;
}

nav .top{
background-color: transparent;
font-family: courier;
}

nav .top a{
color: white !important;
}

nav .top label{
color: white;
}

input{
color: white;
border: 2px solid darkred;
border-radius: 5px;
background: black;
}

button{
background: linear-gradient(360deg, darkred 83%, red 94%);
color: black;
border: 2px solid black;
border-radius: 5px;
font-family: courier;
}

.url-info p{
    opacity: 0.0;
}

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

nav .links a{
color: white;
font-size: 13px;
text-shadow: 0 0 7px black;
font-family: courier;
}

table .comments-table {
border: 2px inset darkred;
}

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

footer a{
color: white;
}

footer {
color: white !important;
box-shadow: 0px 0px 10px 0px darkred;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background-image: url(https://i.ibb.co/0jqxqHk/ezgif-1-fd53b18d30.webp);
border: 3px inset darkred;
  }    

</style>

<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 5px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>
table.comments-table{
background-color:black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-color:black;
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>
.profile .friends .comments-table td:first-child{
background-image: url(https://i.ibb.co/DY3fFRz/ezgif-4-9a39015dc8.jpg);

}

.comments-table td{
border-width:0;
background-color: black;
border: 3px inset darkred;
</style>

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

<style>
.online {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
</style>

<style>
body { cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur117.cur), auto; }
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/7Lh_C_Q0BH8?si=AmoNVeHaBMPHS-51//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
nav img.logo {
filter: brightness(0) saturate(100%) invert(22%) sepia(36%) saturate(3844%) hue-rotate(341deg) brightness(99%) contrast(100%); !important;
}
</style>

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

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>

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

<div style="float:  ; max-height: 100px; position: fixed; left: 13px; top: 12px; z-index: 200;">
<img src="https://media.tenor.com/kOyilUCIfmUAAAAi/one-piece-is-real.gif" height="100"/></div>
<style></style>


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

<div style="float:  ; max-height: 600px; position: fixed; right: 1px; bottom: 9px; z-index: 600;">
<img src="https://www12.lunapic.com/do-not-link-here-use-hosting-instead/169669568629109965?73594772657" width="200" height="300"/></div>
<style></style>

<!-- (c) Layout created by Sleepy!Rammie ☆ (https://layouts.spacehey.com/layout?id=26967) -->


<style>main:before {
	width: 100%;
	height: 295px ;
	display: block;
	content: "";
	background-image: url('https://media.tenor.com/IzO6F2wdrD0AAAAC/ace-one-piece-portgas-d-ace.gif');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}</style>
<style>
<!-- (c) Layout created by al3afy (https://layouts.spacehey.com/layout?id=32943) -->

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
 {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}
@keyframes textShadow {
  0% {
    text-shadow: 0.4389924193300864px 0 1px rgba(0,30,255,0.5), -0.4389924193300864px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  5% {
    text-shadow: 2.7928974010788217px 0 1px rgba(0,30,255,0.5), -2.7928974010788217px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  10% {
    text-shadow: 0.02956275843481219px 0 1px rgba(0,30,255,0.5), -0.02956275843481219px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  15% {
    text-shadow: 0.40218538552878136px 0 1px rgba(0,30,255,0.5), -0.40218538552878136px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  20% {
    text-shadow: 3.4794037899852017px 0 1px rgba(0,30,255,0.5), -3.4794037899852017px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  25% {
    text-shadow: 1.6125630401149584px 0 1px rgba(0,30,255,0.5), -1.6125630401149584px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  30% {
    text-shadow: 0.7015590085143956px 0 1px rgba(0,30,255,0.5), -0.7015590085143956px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  35% {
    text-shadow: 3.896914047650351px 0 1px rgba(0,30,255,0.5), -3.896914047650351px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  40% {
    text-shadow: 3.870905614848819px 0 1px rgba(0,30,255,0.5), -3.870905614848819px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  45% {
    text-shadow: 2.231056963361899px 0 1px rgba(0,30,255,0.5), -2.231056963361899px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  50% {
    text-shadow: 0.08084290417898504px 0 1px rgba(0,30,255,0.5), -0.08084290417898504px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  55% {
    text-shadow: 2.3758461067427543px 0 1px rgba(0,30,255,0.5), -2.3758461067427543px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  60% {
    text-shadow: 2.202193051050636px 0 1px rgba(0,30,255,0.5), -2.202193051050636px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  65% {
    text-shadow: 2.8638780614874975px 0 1px rgba(0,30,255,0.5), -2.8638780614874975px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  70% {
    text-shadow: 0.48874025155497314px 0 1px rgba(0,30,255,0.5), -0.48874025155497314px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  75% {
    text-shadow: 1.8948491305757957px 0 1px rgba(0,30,255,0.5), -1.8948491305757957px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  80% {
    text-shadow: 0.0833037308038857px 0 1px rgba(0,30,255,0.5), -0.0833037308038857px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  85% {
    text-shadow: 0.09769827255241735px 0 1px rgba(0,30,255,0.5), -0.09769827255241735px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  90% {
    text-shadow: 3.443339761481782px 0 1px rgba(0,30,255,0.5), -3.443339761481782px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  95% {
    text-shadow: 2.1841838852799786px 0 1px rgba(0,30,255,0.5), -2.1841838852799786px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
  100% {
    text-shadow: 2.6208764473832513px 0 1px rgba(0,30,255,0.5), -2.6208764473832513px 0 1px rgba(255,0,80,0.3), 0 0 3px;
  }
}
body::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(18, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}
body::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
</style>

<!-- (c) Layout created by 𝐥𝐞𝐱𝐥𝐲 (𝟐𝟕𝟕𝟕𝟓𝟐𝟐𝟎) (https://layouts.spacehey.com/layout?id=24375) -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/qZcoNeKqQBgAAAAC/portgas-ace-fire-fist.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<!-- (c) Layout created by fini hoover :3 (https://layouts.spacehey.com/layout?id=30880) -->

<style>
nav img.logo {
 
 content:url("https://media.discordapp.net/attachments/857624184989679626/1106952619576000602/450_Sem_Titulo_20230513113402.png");
    }
</style>

<style>
div.a {
  text-align: center;
}

div.b {
  text-align: right;
}
</style>

<img src="https://64.media.tumblr.com/553ef1b4768add9acc97c77eb1ddff7b/2726966a42bb57e6-f6/s500x750/1d6c33c4970768f3509d9615d9fc2a16dbe092f4.gifv"/>

<div class="a"> <img src="https://gifcity.carrd.co/assets/images/gallery01/ad3a68da.gif?v=d32b0bb8"/> ♰ he ﾉ him or none ☆ 5teen 𓂃 intp & istp ´ཀ` ) </div>

<div class="b">call me toby ﾉ tobias, evan or my irls</div>

<div class="a"> <img src="https://media.discordapp.net/attachments/913948100392009758/1095893458843074620/Untitled1644_20230412210428.png"/> spec and non binary <img src="https://maguro.carrd.co/assets/images/gallery04/4a27979d.gif?v=6d27d80b"/> </div>
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 0 of 0 comments ( View all | Add Comment )
Layout published by ´ ཀ`) ︵ ͜‎ ‎ ‎ ♱

Mine only (portgas d ace layout)

Description:

Code:

Comments

Layout published by ´ ཀ`) 　︵ ͜‎ ‎ ‎ ♱
