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

Apo11o 0rion	1724558692 Usingggg :3 Report Comment
roman ᶻ 𝗓 𐰁	1723961611 usiiinggg Report Comment
🍮x🥩siren	1723839757 usinggggg!!! Report Comment
jessika	1723520992 using Report Comment
☆TATIANA☆	1722921246 usinggg Report Comment
FINNSTER	1722496061 using! Report Comment
sophia ☆	1721602824 using! Report Comment
Kuro ★ ˙ ̟ !!	1721177780 usisng ;33 Report Comment
Iso	1720078964 using :D Report Comment
cass	1718335401 BEAUTIFUL! o(≧∇≦o) Report Comment
bluecat	1718153514 thank you Report Comment
Lao ⁠*⁠♡⑅	1718140468 Using! Report Comment
˖⁺‧₊˚𝐊𝐢𝐲𝐨˚₊‧⁺˖	1718022250 Using !!! thank youuu <333 Report Comment
b4llatr1x	1717745020 Using :D Report Comment
♪~Amber°✩	1717169414 AHHH tysm I've been looking for a Lily Chou Chou layout for agesTᴗT Report Comment
✧˚ ༘ ⋆｡˚ Saige ˚｡⋆ ༘˚✧	1716576051 using^^ Report Comment
Zharick	1716155577 using Report Comment
d110ry йо	1715628970 using !!!! ;3 Report Comment
kouwzx	1715203328 im gonna use it Report Comment tysm <333 by ૮₍ ˶• ༝ •˶ ₎ა ꜱᴛʀᴀᴡʙᴇʀʀʏ ʙᴜɴɴʏ ꜱᴀʟᴀᴅ; 1715236568; Report hiiii may i use thisss:33 by gia˚₊‧⁺⋆♱; 1715249326; Report yeh ofc ofc (⌒▽⌒)♡ by ૮₍ ˶• ༝ •˶ ₎ა ꜱᴛʀᴀᴡʙᴇʀʀʏ ʙᴜɴɴʏ ꜱᴀʟᴀᴅ; 1715272329; Report