Apply disroot flavors to selector
This commit is contained in:
parent
be9ed58aa6
commit
b0ecff9170
2 changed files with 56 additions and 1 deletions
|
@ -108,6 +108,34 @@
|
|||
|
||||
@media (max-width: 900px) and (min-width:601px) {
|
||||
|
||||
/* Language menu*/
|
||||
|
||||
#language {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
right: 75px;
|
||||
}
|
||||
|
||||
.language-selector .btn {
|
||||
font-size: 1.2rem;
|
||||
padding: 19px 15px;
|
||||
}
|
||||
|
||||
.language-selector .btn i {
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
right: 20px;
|
||||
}
|
||||
|
||||
.language-selector .dropdown-menu {
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.language-selector .dropdown-menu>li>a {
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
|
|
|
@ -240,11 +240,38 @@ a:hover {
|
|||
/* hide toggle button */
|
||||
.main-nav > a.mobile-btn { display: none; }
|
||||
|
||||
/* Language selector */
|
||||
/* age selector */
|
||||
|
||||
.language-selector .btn {
|
||||
position: relative;
|
||||
top: 20px;
|
||||
color: #b9a2ab;
|
||||
background-color: #50162D;
|
||||
border-color: #50162D;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.language-selector .btn i {
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
right: 15px;
|
||||
}
|
||||
|
||||
.language-selector .dropdown-menu {
|
||||
color: #b9a2ab;
|
||||
background-color: #50162D;
|
||||
border-color: #50162D;
|
||||
right: 0px;
|
||||
left: auto;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.language-selector .dropdown-menu li:hover {
|
||||
background-color: #8EB726;
|
||||
}
|
||||
|
||||
.language-selector .dropdown-menu>li>a {
|
||||
color: #b9a2ab;
|
||||
}
|
||||
|
||||
/* Volor bar */
|
||||
|
|
Loading…
Reference in a new issue