Invincible Layout

Tags:

Description:

Invincible is my special interest type beat

Preview:

click on the image for a larger preview

Code:

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

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

&gt;

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

<style>
/* corner image. hidden on mobile */
.image {
    background: url('https://i.ibb.co/hM0L59w/242-E837-C-1883-44-D9-8-E1-D-50493-DB7-F23-F.gif') no-repeat;
    background-size: 100%!important;
    position: fixed;
    right: 0px;
    bottom: 0px;
    height: 320px;
    width: 300px;
    z-index: 1000;
    opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>

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

 <style>
.w-40 h1{
  font-family: 'Shojumaru';
  font-size: 50px;
  text-align: center;
  background: #FFE556;
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: yellow;
}
</style>

<style>
h1,h2,h3,h4,h5{
font-family: 'Shojumaru';
font-size= 150%;
background: transparent ;
}
p{
font-family: 'Shojumaru';
font-size= 200%
}</style>

<style>
body{background-image:url("https://media.tenor.com/nbXpHQDFKVQAAAAC/sparkle-glitter.gif");
background-attachment:fixed;
background-repeat:no-repeat;
background-position:center,center;
background-size: 110% 110%}
</style>

<style>
main {
background-color: transparent;
color: #D98437
padding 6px 0px;
font-size: 80%
background-size: 110% 110%;
background-attachement: fixed;
border:  #1a1e21;
border-radius: 30px;
}
</style>

<style>
.general-about {
  background-color: transparent;
}


</style>
<style>
@import url("https://fonts.googleapis.com/css?family=Shojumaru");

.w-40 h1{
font-family: Shojumaru;
font-size: 20px;
text-align: center;
background:#FFE556;
-webkit-background-clip: text;
-webkit-text-fill-color: #FEE556;
-webkit-text-stroke: 2px  
#00bcf0 ;
}
</style>
<style>
:root {
--logo-blue: #00bcf0;
--darker-blue:t#00bcf0;
--lighter-blue: #00bcf0;
--even-lighter-blue: #ffe556;
--lightest-blue: #00bcf0 ;
--dark-orange: transparent ;
--light-orange: #1a1e21 ;
--even-lighter-orange: #1a1e21;
--green: #B8A2DO;
}
<style/></style>

<style>

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


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

.online{
  color: dark red!important;  
}

</style>

<style>
footer {
border-radius: 15px;
background-image: url();
color: sky blue;
top: 70%
}
</style> 


<img src="https://cms-tc.pbskids.org/global/show-icons/square-transparent/400x400_sciGirls.png" width="220x200"/>

<iframe width="560" height="315" src="https://www.youtube.com/embed/u4VMLYnH_Dc?si=SrEtEUVwjm34eAy8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/dbd06e6e-b313-4acc-80d7-2f76026c8171/dfee5ls-92cd9ce5-a622-4ed6-8928-11238a0fb9ef.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2RiZDA2ZTZlLWIzMTMtNGFjYy04MGQ3LTJmNzYwMjZjODE3MVwvZGZlZTVscy05MmNkOWNlNS1hNjIyLTRlZDYtODkyOC0xMTIzOGEwZmI5ZWYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.N9If2OZOrktpIJ2Hx04QmAtS8ZLe_5QJg8dq7U1zqsQ"/>


<style>.online { visibility: hidden; } .online img { content: url("https://i.kym-cdn.com/photos/images/original/002/710/640/a06.gif"); animation-name: none; visibility: visible; height: 43px; width: 90px; }</style>


<style>

.profile-pic {
border-radius: 500px;
overflow: hidden;
}

.profile .friends .person img {
border-radius: 500px;
}
</style>

<style>
@keyframes spin{
  from{ transform: perspective(326px) rotateY(0deg); }
  to{ transform: perspective(326px) rotateY(360deg); }
}
.general-about .profile-pic img{
  animation: spin 7s infinite linear;
}
</style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('https://win98icons.alexmeub.com/icons/png/newspaper_mail.png');
</style>


<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background-image: url('https://imgix.bustle.com/uploads/image/2021/4/8/64424d92-97a5-4735-80f1-c4d2630af5cd-invincible-violence.gif');
	z-index: 100;
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: slideDown 3s ease 0s 1 normal forwards;
	pointer-events: none;
}

@keyframes slideDown { 0.0%{ } 75%{ transform: translate(0,0); } 100%{ transform: translate(0,100vh); } }

</style>

<style>

table, th, td {

border: 0px solid;

}

:root {

--topic1: "Interest Central";
--topic2: "Current Interest Hub";
--topic3: "Top Tracks Terminal";
--topic4: "Art Station";
--topic5: "Favorite Character Establishment";
--topic6: "Treasured Ao3 Stories Space";

}

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{


color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px red !important;
filter: brightness(95%) !important;


}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}

</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 4 of 4 comments ( View all | Add Comment )

Winwinny	1753713137 Using^^ Report Comment
xenia ;--;	1748984275 using👍 Report Comment
CAT_IN_A_NUTSHELL	1747556902 using :D Report Comment
ʚ silas ɞ	1742092148 using Report Comment