用户:CrablePotion/CSS/动态搜索栏.css:修订间差异

// Edit via Wikiplus
(CrablePotion移动页面用户:CrablePotion/CSS/动态搜索栏用户:CrablePotion/CSS/动态搜索栏.css,不留重定向:​eeeeeeeeeeeeeeeeeee)
(// Edit via Wikiplus)
第1行: 第1行:
<includeonly>{{CSS|无预览=1|1=<nowiki>
.vector-search-box-input {
.vector-search-box-input {
     color: #000000;
     color: #000000;
第9行: 第8行:
     font-size: 0.8125em;
     font-size: 0.8125em;
     direction: ltr;
     direction: ltr;
     transition-property: border-color,box-shadow;
     transition: border-color 250ms ease-in-out, box-shadow 250ms ease-in-out;
    transition-duration: 250ms;
     width: 60%;
     width: 60%;
     background-color: #fdf6e6;
     background-color: #fdf6e6;
     background-position: 10px 10px;  
     background-position: 10px 10px;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease-in-out;
     padding: 0 0 0 6px;
    transition: all 0.4s ease-in-out;
     padding: 0 0 0 6px
}
}
.vector-search-box-input:focus {
.vector-search-box-input:focus {
     width: 100%;
     width: 100%;
}
}
.searchButton {
.searchButton {
    background-color: transparent;
     position: absolute;
     position: absolute;
     bottom: 1px;
     bottom: 1px;
第29行: 第26行:
     min-width: 28px;
     min-width: 28px;
     width: 2.45384615em;
     width: 2.45384615em;
     border: 0;
     border: none;
     padding: 0;
     padding: 0;
     cursor: pointer;
     cursor: pointer;
第40行: 第37行:
     transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
}
}
.vector-search-box-input:focus~.searchButton {
.vector-search-box-input:focus~.searchButton {
    position: absolute;
     right: 0;
     right: -0%;
   
}
}
</nowiki>}}</includeonly>
934

个编辑