Clowncore Layout

Tags: clown, clowncore, kid, kidcore, aesthetic, bright, neon, fun, nostalgia, pink
Description:

Clowncore aesthetic layout for anyone to use!! No credit needed but please comment below!
Preview:

click on the image for a larger preview
Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/D3VpepnO0gw//?&;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>
img {
  width: 100%;
}
</style>


<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/6915c14d-1e7e-4081-9c5d-12b40d136cce/df7s0aj-c5c92372-25ce-4ad9-a9bf-54139e82ef00.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzY5MTVjMTRkLTFlN2UtNDA4MS05YzVkLTEyYjQwZDEzNmNjZVwvZGY3czBhai1jNWM5MjM3Mi0yNWNlLTRhZDktYTliZi01NDEzOWU4MmVmMDAucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.XZqdPNZEemV8sCIpWvUNkVL1qxgIE37FQETSYXjKzxE" alt="Clowncore" style="width:317px;height:823px;"/>



<style>
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
p{
    font-family: 'Special Elite', cursive;
    font-size: 100%;
    color: #000000;
}
a{
    font-family: 'Special Elite', cursive;
    font-size: 110%;
    color:#000000!important;
}
.details-table td * {
    max-width: 100%;
}
h1,h2,h3,h4,h5{
    font-family: 'Funkhouse', cursive;
    font-size: 140%;
    color: #000000;
    
}
    body{
  background: url('https://m.media-amazon.com/images/I/116w9WF311L._AC_SY780_.jpg') no-repeat center center fixed;
  background-size: cover;
  color: #000000;
    }
.profile {
    background: url(https://i.pinimg.com/originals/b6/ac/71/b6ac7195e8cd7a99ebb8ea307c9f0d36.jpg) no-repeat center center fixed;
    background-size: cover;
    color: #000000;
}
.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}
footer {
    border-radius: 0%;
    background-image: url(https://screenshot-media.com/wp-content/uploads/2022/05/SCREENSHOT-media-Inside-clowncore-an-aesthetic-reclaiming-our-love-for-clowns-with-vibrant-humour-Swamp-full-image.jpg);
    font-size: 75%;
    color: #000000;
}
main:before {
    width: auto;
    margin-bottom: 0px
    border: 0px #000000;
    height: 300px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/736x/65/cb/0d/65cb0d21a19e5249fbc117b1da1d4aa4.jpg);
    background-position: center;
    background-size: cover;
}
main {
    background: none;
    color: #000000;
    padding: 0px 0px;
    font-size: 80%;
}
:root {
        --light-gray: #000000;
        --gray: #000000;
        --darker-gray:#000000;
        --logo-blue: transparent;
        --darker-blue: #000000;
        --lighter-blue: transparent;
        --even-lighter-blue: transparent;
        --lightest-blue: transparent;
        --red: #000000;
        --dark-orange: #000000;
        --light-orange: transparent;
        --even-lighter-orange: transparent;
        --green: #000000;
        --dark-green: #000000;
        --black: #000000;
}
.comments-table, .details-table {
	border: 0px transparent;
	border-collapse: separate;
	border-spacing: 0.5em;
	max-width: 100%;
}
.comment-replies, .comment-reply {
    padding: 0 0px;
    border: 0px transparent;
    margin-top: 0px;
}
.contact .inner a img{
    display: none;
}
.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://icons8.com/icon/reM5N2vLHlqa/willow)
}
<a ref="/requests">
::before
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* pending request */
    content: url(https://icons8.com/icon/reM5N2vLHlqa/willow);

}
<a ref="/unfriend?id=71583">
::before
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
    /* remove friend */
    content: url(https://icons8.com/icon/reM5N2vLHlqa/willow);

}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add to favorites */
	content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)
}
<a ref="/unfavorite?id=71583">
::before
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
    /* remove favorite */
    content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)

}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* send message */
	content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward to friend */
	content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant message */
	content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block user */
	content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add to group */
	content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report user */
	content: url(https://icons8.com/icon/reM5N2vLHlqa/willow)
}
.friends a p{
    color: #000000!important;
}
button, label, .logout-btn, footer p{
	  font-family: 'Special Elite';
	  font-size: 95%;
	  color:#000000;
	  background: none;
	  border: none;
}
.search-wrapper input{
	background-color: #000000;
	border: 0.0px solid #000000;
	font-size: 1rem;
	font-family: 'Special Elite', cursive;
	color: black;
}
nav img.logo{
   
}
nav .links a, .links p{
	  font-family: 'Special Elite';
	  font-size: 95%;
	  color:#000000;
}
.online{
    content: url(https://icons8.com/icon/c84A8yTomT5p/internet);
}
* {
    color: #000000;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after{
    content: " | ";
    color: #000000;
}
body {
  overflow-x: hidden; /* Hide horizontal scrollbar */
}
.logout-btn, .logout-form {
    color: #000000;
    display: inline-block;
    font-size: 100%;
}
nav .top{
    font-size: 110%;
}
</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 0 of 0 comments ( View all | Add Comment )