Lily Chou-chou Theme Layout

Tags: layouts, gif, lily chouchou, movie, 2000s, dark

Description:

First of all, I wanna thanks to this user -> https://spacehey.com/meatbuuuuuns , using their code as a base.

Lily Chou-chou Theme:
- Yuichi background
- Dark blue/green accents
- Yuichi GIF banner
- Transparent + floating profile
- Falling disc GIF
- Philia online icon
- "Glide" BGM
- Lily Chou-chou related GIF

Feel free to adjust for your own prefernce and plssss comment if usingggg, I wanna seeeee!!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ૮₍ ˶• ༝ •˶ ₎ა ꜱᴛʀᴀᴡʙᴇʀʀʏ ʙᴜɴɴʏ ꜱᴀʟᴀᴅ (https://layouts.spacehey.com/layout?id=104981) -->

RELATED GIF

<img src="https://64.media.tumblr.com/7771a24b2687fe0eb74df96928827130/tumblr_naobjj8Qpl1qzqnxxo3_500.gifv"/>

<img src="https://64.media.tumblr.com/c6d02c7a85e831e9586892a10667bc56/tumblr_naobjj8Qpl1qzqnxxo1_r2_500.gifv"/>

<img src="https://64.media.tumblr.com/b88108ade582be40d625471736ff51ff/tumblr_naobjj8Qpl1qzqnxxo4_r1_500.gifv"/>

<img src="https://64.media.tumblr.com/c712727feeb9bfc005a60e6df2156dc3/tumblr_naobjj8Qpl1qzqnxxo6_500.gifv"/>

<img src="https://64.media.tumblr.com/0eb3b01254a49f9217bb87b6c4908c3e/tumblr_naobjj8Qpl1qzqnxxo2_500.gifv"/>

<img src="https://img1.picmix.com/output/pic/normal/3/8/0/2/11082083_f9f69.gif"/>

LAYOUTS
<style> 
:root {
        --logo-blue: #082540;
        --darker-blue: #071932;
        --lighter-blue: #023C4D;
        --even-lighter-blue: #;
        --lightest-blue: #;
        --dark-orange: #023C4D;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #;
}
body{
font-size: 18px !important;
font-family: 'Georgia';
}
body{
        background-image: url('https://i.ibb.co/JqYmGzM/ririi-shushu-bg.jpg'); 
background-position: right; background-size:;
}
main{
background-color: #c6e4ee; opacity: 80% !important;}
footer{
background-color: #c6e4ee; opacity: 80% !important;}
</style>
<div class="snowflakes">
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
<div class="snowflake"><img src="https://img1.picmix.com/output/stamp/normal/4/9/0/1/1911094_d43c7.gif"/></div>
</div>
<style>
                                        @-webkit-keyframes snowflakes-fall {
                                            0% {
                                                top: -10%
                                            }

                                            100% {
                                                top: 100%
                                            }
                                        }

                                        @-webkit-keyframes snowflakes-shake {

                                            0%,
                                            100% {
                                                -webkit-transform: translateX(0);
                                                transform: translateX(0)
                                            }

                                            50% {
                                                -webkit-transform: translateX(80px);
                                                transform: translateX(80px)
                                            }
                                        }

                                        @keyframes snowflakes-fall {
                                            0% {
                                                top: -40%
                                            }

                                            100% {
                                                top: 100%
                                            }
                                        }

                                        @keyframes snowflakes-shake {

                                            0%,
                                            100% {
                                                transform: translateX(0)
                                            }

                                            50% {
                                                transform: translateX(80px)
                                            }
                                        }

                                        .snowflake {
                                            position: fixed;
                                            top: -40%;
                                            z-index: 9999;
                                            -webkit-user-select: none;
                                            -moz-user-select: none;
                                            -ms-user-select: none;
                                            user-select: none;
                                            cursor: default;
                                            -webkit-animation-name: snowflakes-fall, snowflakes-shake;
                                            -webkit-animation-duration: 10s, 3s;
                                            -webkit-animation-timing-function: linear, ease-in-out;
                                            -webkit-animation-iteration-count: infinite, infinite;
                                            -webkit-animation-play-state: running, running;
                                            animation-name: snowflakes-fall, snowflakes-shake;
                                            animation-duration: 10s, 3s;
                                            animation-timing-function: linear, ease-in-out;
                                            animation-iteration-count: infinite, infinite;
                                            animation-play-state: running, running;

                                        }

                                        .snowflake:nth-of-type(0) {
                                            left: 0%;
                                            -webkit-animation-delay: 0s, 0s;
                                            animation-delay: 0s, 0s
                                        }

                                        .snowflake:nth-of-type(1) {
                                            left: -150%;
                                            -webkit-animation-delay: 1s, 1s;
                                            animation-delay: 1s, 1s
                                        }

                                        .snowflake:nth-of-type(2) {
                                            left: -110%;
                                            -webkit-animation-delay: 6s, .5s;
                                            animation-delay: 6s, .5s
                                        }

                                        .snowflake:nth-of-type(3) {
                                            left: 65%;
                                            -webkit-animation-delay: 4s, 2s;
                                            animation-delay: 4s, 2s
                                        }

                                        .snowflake:nth-of-type(4) {
                                            left: -140%;
                                            -webkit-animation-delay: 2s, 2s;
                                            animation-delay: 2s, 2s
                                        }

                                        .snowflake:nth-of-type(5) {
                                            left: 50%;
                                            -webkit-animation-delay: 8s, 3s;
                                            animation-delay: 8s, 3s
                                        }

                                        .snowflake:nth-of-type(6) {
                                            left: -40%;
                                            -webkit-animation-delay: 6s, 2s;
                                            animation-delay: 6s, 2s
                                        }

                                        .snowflake:nth-of-type(7) {
                                            left: -20%;
                                            -webkit-animation-delay: 2.5s, 1s;
                                            animation-delay: 2.5s, 1s
                                        }

                                        .snowflake:nth-of-type( 8 ) {
                                            left: 80%;
                                            -webkit-animation-delay: 1s, 0s;
                                            animation-delay: 1s, 0s
                                        }

                                        .snowflake:nth-of-type(9) {
                                            left: 90%;
                                            -webkit-animation-delay: 3s, 1.5s;
                                            animation-delay: 3s, 1.5s
                                        }

                                        .snowflake:nth-of-type(10) {
                                            left: 25%;
                                            -webkit-animation-delay: 2s, 0s;
                                            animation-delay: 2s, 0s
                                        }

                                        .snowflake:nth-of-type(11) {
                                            right: -55%;
                                            -webkit-animation-delay: 4s, 2.5s;
                                            animation-delay: 4s, 2.5s
                                        }
                                    </style>
<style>
main:before {
	width: 100%;
	height: 281px ;
	display: block;
	content: "";
	background-image: url('https://64.media.tumblr.com/f3bda4cd559e8bd5ea7f70cc0a5bec6d/tumblr_naobjj8Qpl1qzqnxxo5_r3_500.gifv');
	background-position: center;
	background-size: cover;
}
</style>

<style>.online{content: url("https://i.ibb.co/X30cQRT/blinkies-Cafe-gc.gif") !important;}</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/NV_R2mwrQ_w?si=TxL-z0gYWyWgKIsJ//?&;amp;;autoplay=1&;loop=1&;controls=1&quot;" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>


<style>

body::before {

}

.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);
}

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

Crownnikx	1751718182 using!! Report Comment
yoshe ;p	1751429732 usingg :)) thank youuu :) Report Comment
koom	1750506711 using Report Comment
Anzu	1750491532 the background images dont work for me? Report Comment
Teko⋆˚࿔	1749678646 USING !! Report Comment
Jaydes	1749621638 using Report Comment
♱cora♱	1749215685 using Report Comment
Poodleᶻ 𝗓 𐰁	1748664180 using!! Report Comment
chiiwaa	1748629425 usin :3 Report Comment
meshi	1748566422 usinggg Report Comment
ts13299	1748173267 using <3 Report Comment
copycatkiller	1746867858 using Report Comment
moonkrosa_	1746821686 using!! ( ˶ˆᗜˆ˵ ) Report Comment
P4rtyP0!s0n	1745873635 using Report Comment
nyan_c4t.076	1745796974 using <333 Report Comment
simone	1744952623 using! Report Comment
enia	1744569696 using, i love lily chou chou Report Comment
silly	1743951645 using!! Report Comment
ranasstinkysocks	1742298026 using Report Comment
Exoox	1742275043 usinggg Report Comment