62 lines
No EOL
1.6 KiB
CSS
62 lines
No EOL
1.6 KiB
CSS
#sortBox{
|
|
display:flex;
|
|
flex:1;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
#sortTxt{
|
|
color:white;
|
|
font-size: 2vw;
|
|
font-family:'Wellfleet',cursive;
|
|
margin-right:1vw;
|
|
}
|
|
|
|
#selectBlock{
|
|
background:#057B26;
|
|
margin-left:1vw;
|
|
border-radius: 1.8vw;
|
|
}
|
|
|
|
#selectBox{
|
|
background: url("../../img/arrow_select.png") no-repeat;
|
|
background-size: 2.5vw;
|
|
background-position-y: center;
|
|
background-position-x: 16vw;
|
|
}
|
|
|
|
|
|
#sortSelect{
|
|
background: transparent;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
|
|
color:white;
|
|
font-family:'Wellfleet',cursive;
|
|
font-size:1.5vw;
|
|
cursor: pointer;
|
|
padding:0.3vw 3vw 0.3vw 1vw;
|
|
border: 0.2vw solid black;
|
|
border-radius: 1.8vw;
|
|
}
|
|
|
|
#sortSelect:focus{
|
|
background: transparent;
|
|
appearance: none;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
|
|
outline:none;
|
|
color:white;
|
|
font-family:'Wellfleet',cursive;
|
|
font-size:1.5vw;
|
|
cursor: pointer;
|
|
padding:0.3vw 3vw 0.3vw 1vw;
|
|
border: 0.2vw solid black;
|
|
border-radius: 1.8vw;
|
|
}
|
|
|
|
.optionSort{
|
|
background:#057B26 ;
|
|
} |