!!! CRICKET AND CLOVER LAYOUT !!! (read desc)

Tags: panic! at the disco, panic at the disco, p!atd, patd, cricket and clover
Description:

comment if using... or not ^_^^!! includes: cricket and clover snowflakes, floaties, yt embed vids (true love performance + nearly witches demo extended), banner, gif as pfp, premade contact icons + friend icons, and an online icon!!! enjoy!! (THERES NO PIC CUZ SPACEHEY IS BEING STUPID SO JS PLEASE TRUST THE PROCESS)
Code:

<!-- (c) Layout created by winter we fell (caspian's #1 fan) (https://layouts.spacehey.com/layout?id=107084) -->

<style>

@import url('https://fonts.googleapis.com/css2?family=BIZ+UDMincho&family=Ewert&display=swap');
   h1, h2, h3, h4, h5 {
       font-family:'Ewert';
       font-size: 20px;
       color: #ecf542;
       text-shadow: 1px 1px 1px black;
   }
   p {
       font-family: 'BIZ UDMincho';
       font-size: 13px;
       color: white;
   }

body{
background: url(https://keyassets.timeincuk.net/inspirewp/live/wp-content/uploads/sites/8/2021/03/D8YRWE-1-scaled.jpg) no-repeat fixed;
background-size: cover;
text-transform: lowercase;
background-position-y: bottom;
}

nav .top{
margin-top: 10px;
background: url(https://i.pinimg.com/736x/06/4a/29/064a29ce924c7d6b6ca376886bea2a2d.jpg);
    background-size: cover;
    background-position-y: 210px;
    border: 1px solid white;
    border-radius: 5px;
    box-shadow: 0 0 8px white;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
}

button, input {
    overflow: visible;
    background: #4ad44a;
    color: black;
    border: none;
    box-shadow: 0 0 5px white;
    border-radius: 5px;
}

nav .links {
    background-color: #4ad44a;
    padding: 3.5px 16px;
    text-align: center;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
    font-size: max(0.98em, 12px);
}

nav .links a:hover {
    text-decoration: underline;
    color: #4ad44a;
}


nav .links .special a {
    color: white;
}

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

main{
background: url(https://i.pinimg.com/736x/80/35/95/80359573285a8b7bc54b23cfd437f9b5.jpg);
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
    color: white;
    text-shadow: 1px 1px black;
    background-position-x: center;
}

nav .links a:hover {
    text-decoration: underline;
    color: #4ad44a;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent;
    color: white;
}

a {
    color: white;
    text-decoration: none;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #32a852;
    text-decoration: none;
    font-style: italic;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #a7d6ab;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: #c0eec5;
    vertical-align: top;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: white;
    color: black;
    border-radius: 8px;
    padding: 2px 7px;
    box-shadow: 0 0 10px white, 0 0 5px white;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: white;
    color: black;
    padding: 2px 7px;
    box-shadow: 0 0 5px white, 0 0 10px white;
    border-radius: 8px;
}

.url-info{
background: url(https://i.pinimg.com/736x/29/b9/ab/29b9ab4422a19899a37d02f08bda51a9.jpg);
    height: 256px;
    font-size: 0px;
    background-size: cover;
    border-radius: 8px;
    border: 1px solid white !important;
    box-shadow: 0 0 11px 4px white;

}

.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

.details-table td:first-child {
    background: #c1eec0;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    width: 33%;
    box-shadow: 0 0 10px #ffffff, inset 3px 5px #d6f1db, inset -7px -9px #69af68;
    padding: 11px;
}

.details-table td {
    background: #c1eec0;
    vertical-align: top;
    border-radius: 8px;
    box-shadow: 0 0 10px #ffffff, inset 5px 6px #ffffff61, inset -5px -7px #69af68;
    padding: 14px;
}

.profile-info{
background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/643ddc88-4dff-40c5-9d7d-bb11ac481953/df06gt6-18ed9103-6b57-42a2-bd17-b237b0bda4a8.jpg/v1/fit/w_564,h_317,q_70,strp/cottagecore_wallpaper_by_simonesheri1_df06gt6-375w-2x.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MzE3IiwicGF0aCI6IlwvZlwvNjQzZGRjODgtNGRmZi00MGM1LTlkN2QtYmIxMWFjNDgxOTUzXC9kZjA2Z3Q2LTE4ZWQ5MTAzLTZiNTctNDJhMi1iZDE3LWIyMzdiMGJkYTRhOC5qcGciLCJ3aWR0aCI6Ijw9NTY0In1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmltYWdlLm9wZXJhdGlvbnMiXX0.JSxy2ZvI1PH7Hey2HTFrtb3XAMm0s3hM-CEF_-Z837Q);
    background-position-y: -104px;
    height: 120px;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
    background-size: cover;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: white;
    text-transform: uppercase;
}

.count {
    color: white;
}

.profile .friends .person p {
    color: inherit;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

img.pfp-fallback {
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
}

::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgb(102 0 0 / 30%);
    background-color: #a5eca4;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #fff;
}

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
}

.online {
    color: #0C8C00;
    font-weight: bold;
    font-size: 95%;
}

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

</style>

<style>

main:before {
	width: 100%;
	height: 400px;
	display: block;
	content: "";
	background-image: url('https://i.ibb.co/6Dkgjj6/Screenshot-2024-05-28-at-8-37-36-PM.png');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 610px) {
	main:before{
		height: 200px;
	}
}

</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: url("https://pixels.crd.co/assets/images/gallery60/0bfbc81e.gif?v=2942f085")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://pixels.crd.co/assets/images/gallery60/0bfbc81e.gif?v=2942f085")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://pixels.crd.co/assets/images/gallery11/a5050647.gif?v=2942f085")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://pixels.crd.co/assets/images/gallery11/a5050647.gif?v=2942f085")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://pixels.crd.co/assets/images/gallery60/0bfbc81e.gif?v=2942f085")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://pixels.crd.co/assets/images/gallery60/0bfbc81e.gif?v=2942f085")
    }
    .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/gallery11/a5050647.gif?v=2942f085")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://pixels.crd.co/assets/images/gallery11/a5050647.gif?v=2942f085")
    } 
</style>

<style>
li.active .icon { content:url('https://pixels.crd.co/assets/images/gallery60/0bfbc81e.gif?v=2942f085'); width: 20PX;height: 20px;}
</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 )