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

nads⋆✴︎ ̊.⋆	1775789841 using!! new to this so the formatting is confusing tf outta me but thats okayyy:)) Report Comment
Nori	1775278403 using Report Comment
from: venellaz	1771774471 using <3 Report Comment
clioO.O☆: .｡. o(≧▽≦)o .｡.:☆	1771010049 USINGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG Report Comment
Nel	1770923058 Using Report Comment
Nel	1770923058 Using Report Comment
Nel	1770923058 Using Report Comment
Nel	1770923056 Using Report Comment
Nel	1770923052 Using Report Comment
Nel	1770923052 Using Report Comment
potatoWedge	1769251648 using!!! Report Comment
じゃがいも_14	1769145966 Using :3 Report Comment
glorpstiel	1768793666 Using Report Comment
Blue_cat	1768366855 usando ^o^ Report Comment
ₓ˚. ୭ lyra ୧ .˚ₓ	1768270299 using ! Report Comment
Abakitty	1766877133 Yes!!! Useingggh Report Comment
Shiopoili.	1766387986 usingg Report Comment
akiluvr	1765419747 using! Report Comment
rley4nne	1765091418 usingg Report Comment
rley4nne	1765091418 usingg Report Comment