The Amazing Digital Circus inspired layout (POSSIBLE EYESTRAIN WARNING!)

Tags: the amazing digital circus, tadc, kidcore, clowncore

Description:

Comes with: Autoplaying music (dancing around in circles until my little feet fall off), Custom contact icons, Custom icons on header, Custom logo, Stars overlay

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Katie (autoplay!) 🍉 (https://layouts.spacehey.com/layout?id=87838) -->

<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.ibb.co/g9rQpk8/the-amazing-digital-circus-tadc.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 7s ease 0s 1 normal forwards;
pointer-events: none;

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

<style>
  
.logo {

content:url("https://files.catbox.moe/uyikc8.png");

}

body{
  background: url('https://external-media.spacehey.net/media/slwc5ygv64YyzB6kJJvE1trs97U4Y7O1CkILcFkt1HV4=/https://i.ibb.co/dg4ZtJj/ezgif-2-c324da06ed.png');
  background-repeat: no-repeat;
  background-size: cover;
}

main{
  background: url('https://kingenerator.neocities.org/img/bg/bg12.png');
  color: black;
 border-style:Ridge; 
 border-width:6px; 
 border-color:#fefe2d;
}

.friends{
  color: black;
  background: transparent
}

table.comments-table{
  color: black;
  background: transparent;
  display: block;
  border: transparent;
}

.comments-table td:first-child {
background: transparent;
}

.profile .blurbs{
  background: transparent;
  display: block;
}

.profile .mood{
}

a:hover{
  color: black;
}
a{
  color: black;
}

nav .top, nav .links{
  background: url("https://i.ibb.co/fFCqDpq/79subsb-IZfzz-doh.jpg");
  background-attachment: scroll !important;
  background-repeat: NO-REPEAT !important;
  background-position: center !important;
}
  
.nav .top , nav .links{

text-align: center;

}
  
nav .links li:not(:last-child)::after {

content: url("https://gifcity.carrd.co/assets/images/gallery13/457fe0c3.gif?v=dbe39dbe");

}
  
nav .links a, nav .links li .special a{
text-shadow: none;
color: black;
}

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

  
.logout-btn:hover, .logout-btn:active {
color: black;
}
  
.person p, .count {
color: black !important;
}
  
.profile-info {
    border: transparent;
}
  
h4 {
color: black;
}

footer{
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
  color: black;
   border-style:Ridge; 
 border-width:6px; 
 border-color:#fefe2d;
}
  
img{
filter: saturate(4);
}

:root {
--logo-blue: black;
--darker-blue: black;
--lighter-blue: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
--even-lighter-blue: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
--lightest-blue: transparent;
--dark-orange: black;
--light-orange: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
--even-lighter-orange: transparent;
--green: black;
}
  
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
}

::-webkit-scrollbar-thumb:hover {
  background: -webkit-linear-gradient(#ff0000, #ff6700, #fdff00, #09ff00, #0000ff, #7c00ff);
}
  
/* contact icons */
.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: url("https://gifcity.carrd.co/assets/images/gallery13/1ae772cd.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://gifcity.carrd.co/assets/images/gallery13/ccdcdfc3.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://gifcity.carrd.co/assets/images/gallery13/1ae772cd.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://gifcity.carrd.co/assets/images/gallery13/ccdcdfc3.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://gifcity.carrd.co/assets/images/gallery13/1ae772cd.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://gifcity.carrd.co/assets/images/gallery13/ccdcdfc3.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://gifcity.carrd.co/assets/images/gallery13/1ae772cd.gif?v=dbe39dbe")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://gifcity.carrd.co/assets/images/gallery13/ccdcdfc3.gif?v=dbe39dbe")
}

</style>

<style>
html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://bestanimations.com/media/stars/2003945031lemat-colorful-stars-falling-gif.gif);
  background-size: cover !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>

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

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

Comments disabled.