관리-도구

편집 파일: _search.scss

@use '../utils' as *;

/*----------------------------------------*/
/*  2.16 Search css start
/*----------------------------------------*/

.search{
    $self:&;
    &__popup{
        padding: 70px;
        padding-top: 70px; 
        padding-bottom: 100px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 55%;
        background-color: rgba(0, 0, 0, 0.8);
        z-index: 99999;
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        @include transform(translateY(calc(-100% - 80px)));
        -webkit-transition: transform 0.6s ease-in-out, opacity .6s ease-in-out;
        -moz-transition: transform 0.6s ease-in-out, opacity .6s ease-in-out;
        transition: transform 0.6s ease-in-out, opacity .6s ease-in-out;
        transition-delay: .7s;
        &.search-opened{
            @include transform(translateY(0%));
            transition-delay: 0s;
            #{$self}{
                &__input{
                    @include transform(translateY(0px));
                    opacity: 1;
                    transition-delay: .3s;
                    &::after{
                        width: 100%;
                        transition-delay: .5s;
                    }
                }
            }
        }

&-2{
            background-color: var(--tp-common-black-13);    
            & #{$self}{
                &__input{
                    & .search-input-field{
            
                        &  ~ .search-focus-border{
                            background-color: var(--tp-theme-8) ;
                        }
                    }   
                }
            }        
        }
        &-3{
            & #{$self}{
                &__input{
                    & .search-input-field{
            
                        &  ~ .search-focus-border{
                            background-color: var(--tp-theme-10) ;
                        }
                    }   
                }
            }       
        }
    }
    &__top{
        margin-bottom: 80px;
    }
    &__input{
        position: relative;
        height: 80px;
        transition: all 0.3s ease-out 0s;
        transition-delay: .5s;
        opacity: 0;

&::after{
            position: absolute;
            content: '';
            left: 0;
            bottom: 0;
            width: 0%;
            height: 1px;
            background-color: rgba($color: #fff, $alpha: .3);
            transition: all 0.3s ease-out 0s;
            transition-delay: .3s;
        }

& input{
            width: 100%;
            height: 100%;
            background-color: transparent;
            border: 0;
            outline: 0;
            font-size: 24px;
            color: var(--tp-common-white);
            border-bottom: 1px solid transparent;
            padding: 0;
            padding-right: 30px;
            
            @include placeholder{
                color: rgba($color: #fff, $alpha: .5);
                font-size: 24px;
            }
        }
        & button{
            position: absolute;
            top: 50%;
            right: 0;
            @include transform(translateY(-50%));
            font-size: 18px;
            color: var(--tp-common-white);
        }

@at-root{
            & .search-input-field{
            
                &  ~ .search-focus-border{
                    position: absolute;
                    bottom: 0;
                    left: auto;
                    right: 0;
                    width: 0;
                    height: 1px;
                    background-color: var(--tp-common-orange);
                    @include transition(.5s);
                }

&:focus ~ .search-focus-border{
                    width: 100%;
                    left: 0;
                    right: auto;
                    @include transition(.5s);
                }
            }
        } 
    }
    &__close{
        &-btn{
            font-size: 25px;
            color: rgba($color: #fff, $alpha: .3);

&:hover{
                color: var(--tp-common-white);
            }
        }
    }
}

233二点多反反复复vv ふたりの住んでいる村は大変貧しく、その日暮らすのも大変でしたが、でも心の優しい人たちばかりでしたので、すぐにおなかのすいている子供のために持っているもので分けられるものをお爺さんたちにくれたのでした。他們住的村子非常貧窮，每天的生活都很艱難。但村裡的人心地善良，願意拿出自己僅有的食物給老爺爺，幫助這個餓肚子的孩子。あかたろうはなんでも喜んでぱくぱく食べるので、それを目を細めて楽しそうに見ていたおじいさんとおばあさんは、ふとあることに気が付きました。どうやらあかたろうはご飯を一膳食べるとご飯一膳分大きくなるようなのです。阿垢太郎開心地什麼都大口大口吃著，老爺爺和老奶奶高興地瞇著眼睛看著他吃，突然察覺到什麼。他們注意到阿垢太郎吃了一碗飯，身體就會長大一碗飯的份量。何日かして随分と大きくなったあかたろうはある日お爺さんにこういいました。「じ様、おら金棒がほしい。金棒をくれろや。」幾天後，阿垢太郎長大了不少。有一天，他對老爺爺說：「爺爺，我想要一根金棒，給我吧。」お爺さんとおばあさんは金棒など何にするのかと思いましたが、神さまに命を吹き込んでいただいたあかたろうです、きっとなにかわけがあるのだろうと、村の鍛冶屋へ行き、こうこうこういうわけで金棒を作ってくれないかと頼みました。老爺爺和老奶奶不知道他要金棒做什麼，但想到阿垢太郎是被神注入生命的，肯定有他的道理。於是，他們去了村裡的鐵匠鋪，請求鐵匠幫忙做一根金棒。すると鍛冶屋は、事の次第を知っていましたし、お爺さんたちと同じ考えだったので、自分から金棒を作って、あかたろうに渡してくれました。鐵匠聽了事情的來龍去脈，想法跟老爺爺他們相同，便自己製作了一根金棒給阿垢太郎。それか1らあ1かた1ろうはお爺さんとおばあさん、村の人11た1121ちに別1れを告げて、おばあさんのこし11らえてくれた赤いちゃんちゃんこを着て、1一人で金1棒11を1肩に担いで村を出て行きました。阿垢太郎告別了老1爺爺、老奶奶和村民，穿上老奶奶做的紅1色1無袖，羽織.，扛著金棒獨自離開了村子。 hghg(>^ω^<)看过哭02tehg(>^ω^<)看过哭02tehg Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root

Name	Size	Permissions	Action
📄 .htaccess	218 bytes
📁 755944	-
📄 index.php	33,708 bytes

Not Found

404

Not Found