layout the riddler (2022)

Tags: green, riddler, batman

Description:

Credits to the respective author of the profile form, I don't remember the name.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ◺➜⠁◜🌻◞ Penguin ═╣ ░ (https://layouts.spacehey.com/layout?id=99120) -->

<style>
        .online{content:url(https://gifcity.carrd.co/assets/images/gallery04/1d07c670.gif?v=26dffab5) }
    </style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/564x/d1/ed/17/d1ed17d31d43e283aaff510a4d96c63f.jpg');
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>


<style>* {cursor: url(https://gifcity.carrd.co/assets/images/gallery04/3b5cdf45.gif?v=26dffab5), url(https://gifcity.carrd.co/assets/images/gallery04/3b5cdf45.gif?v=26dffab5), auto !important;}</style>

<style>

table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "<?>";
  --topic2: "<?>";
  --topic3: "<?>";
  --topic4: "<?>";
  --topic5: "<?>";
  --topic6: "<?>";
 }

.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: 3px 4px black !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>

<style>

.logo {

content:url("");

}

</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Workbench&display=swap');
p{
  font-family: 'Workbench', sans-serif;
  font-size: 110%;
 color: #4F851B 
}
h1,h2,h3,h4,h5{
  font-family: 'Workbench', sans-serif;
  font-size: 110%;  
 color: #DDD5A2

}
body{
background-image:url(https://i.pinimg.com/originals/d3/94/eb/d394eb007b677a96305c932afd55ed01.gif);

}

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

nav .links {
background: transparent;
box-shadow: 5px 0px 10px 6px darkgreen;
}
  }

nav .links {
background: transparent;
box-shadow: 5px 0px 20px 6px black;
}

nav .top{
background: transparent;
box-shadow: 0px 5px 20px 6px black;
}

main {
background-color: black;
}


.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 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

}
:root{
  --logo-blue: #010203;
  --darker-blue:#3d663d; 
  --lighter-blue: #274908;
  --even-lighter-blue: #254526;
  --lightest-blue: #000000;
  --dark-orange: #F2E4CA;
  --light-orange:;
  --even-lighter-orange: black;
  --green: black;
}

<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: black !important;}
}
</style>

<style>
}
</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 {
	/* INSANT 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>

main:before {

width: 100%;

height: 200px;

display: block;

box-shadow: 0px 5px 20px 20px black;

content: "";

background-image: url('https://i.pinimg.com/564x/ea/e4/74/eae474e60b4f77c1fccb4c4be7610a87.jpg');

background-position: center center;

background-size: cover;

}

@media only screen and (max-width: 550px) {

main:before{

height: 150px;

</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
.general-about img {-webkit-mask-image: url(https://i.postimg.cc/vmsK63cD/2024-01-28-0wl-Kleki.png );-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/vmsK63cD/2024-01-28-0wl-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</style>
<style>

.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/vmsK63cD/2024-01-28-0wl-Kleki.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('https://gifcity.carrd.co/assets/images/gallery04/9d28db66.gif?v=26dffab5') no-repeat;
  background-size:30px;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</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 )

Yuly nygma nashton	1720420856 AAAH THANKS THANKS Report Comment
timothy	1719664810 using!! this is so cute >U< thank u so much!!! Report Comment
˚₊‧꒰ა ☆ ໒꒱ ‧₊˚ simon	1718686099 USINNGGG!!! Report Comment
vampire's coat (alehhh) 🍉	1707466334 I THOUHGGT NOBODYBE LIKED HIM ANYMOE IM SO HAPPY CAN I INFO DUMP YOIU Report Comment