starcitizen>Alistair3149 Немає опису редагування |
starcitizen>Alistair3149 (Update search) |
||
| Рядок 20: | Рядок 20: | ||
padding: 0.6rem 0.8rem; | padding: 0.6rem 0.8rem; | ||
margin: 0.8rem auto 0 auto; | margin: 0.8rem auto 0 auto; | ||
border: 1px solid; | |||
border-radius | border-color: var( --border-color-base--darker ); | ||
border-radius: var( --border-radius--pill ); | |||
color: var( --color-base--subtle ); | color: var( --color-base--subtle ); | ||
cursor: pointer; | cursor: pointer; | ||
font-size: 0.875rem; | font-size: 0.875rem; | ||
} | |||
.home-header__search:hover { | |||
background-color: var( --background-color-quiet--hover ); | |||
} | } | ||
Ревізія 04:13, 15 януара 2023
.home-header {
margin-top: -1rem;
margin-bottom: 2rem;
padding-top: 1rem;
}
.home-header__title {
margin-top: 0;
font-size: 1.5rem;
}
.home-header .home-header__subtitle {
margin-top: 0.4rem;
color: var( --color-base--subtle );
font-size: 0.875rem;
}
.home-header__search {
max-width: 600px;
padding: 0.6rem 0.8rem;
margin: 0.8rem auto 0 auto;
border: 1px solid;
border-color: var( --border-color-base--darker );
border-radius: var( --border-radius--pill );
color: var( --color-base--subtle );
cursor: pointer;
font-size: 0.875rem;
}
.home-header__search:hover {
background-color: var( --background-color-quiet--hover );
}
.home-header__searchIcon img {
margin-right: 0.5rem;
opacity: var( --opacity-icon-base );
}
.keyboard-text {
padding: 0 5px;
border: 1px solid;
margin: 0 2px;
border-radius: 4px;
}
html.skin-citizen-dark .home-header__searchIcon img {
filter: invert( 1 );
}
@media ( min-width: 682px ) {
.home-header {
text-align: center;
}
}
@media ( hover: none ) {
.desktoponly {
display: none;
}
}