Editing Template:Main page/header/styles.css
Template page
More actions
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| Line 1: | Line 1: | ||
.test {} |
|||
.home-header { |
|||
position: relative; |
|||
padding-top: 3.5rem; |
|||
padding-bottom: 3.5rem; |
|||
line-height: var( --line-height-xx-small ); |
|||
} |
|||
.home-header:before { |
|||
content: ""; |
|||
position: absolute; |
|||
top: 1rem; |
|||
bottom: 4.75rem; |
|||
left: 0; |
|||
right: 0; |
|||
opacity: 0.1; |
|||
background-image: url('https://starcitizen.tools/resources/assets/sitelogo.svg'); |
|||
background-repeat: no-repeat; |
|||
background-position: right; |
|||
pointer-events: none; |
|||
} |
|||
.home-header__pretitle { |
|||
margin-bottom: var( --space-xs ); |
|||
color: var( --color-subtle ); |
|||
font-size: 0.875rem; |
|||
letter-spacing: 0.05em; |
|||
} |
|||
.home-header__title { |
|||
margin: 0; |
|||
font-size: 3rem; |
|||
letter-spacing: 0.025em; |
|||
line-height: 1; |
|||
} |
|||
.home-header__subtitle { |
|||
margin-top: var( --space-xs ); |
|||
font-size: 0.875rem; |
|||
} |
|||
.home-header__search { |
|||
padding: var( --space-md ); |
|||
margin-top: var( --space-lg ); |
|||
margin-bottom: var( --space-md ); |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
border: 1px solid; |
|||
border-color: var( --border-color-interactive ); |
|||
border-radius: var( --border-radius-pill ); |
|||
cursor: pointer; |
|||
font-size: 0.875rem; |
|||
font-weight: var( --font-weight-medium ); |
|||
text-align: center; |
|||
} |
|||
.home-header__search:hover { |
|||
background-color: var( --background-color-button-quiet--hover ); |
|||
} |
|||
.home-header__searchIcon img { |
|||
margin-right: var( --space-md ); |
|||
opacity: var( --opacity-icon-base ); |
|||
} |
|||
/* Fix vertical alignment problem */ |
|||
.home-header__search .keyboard-key { |
|||
display: inline; |
|||
padding-top: 0.1em; |
|||
padding-bottom: 0.1em; |
|||
} |
|||
html.skin-citizen-dark .home-header:before, |
|||
html.skin-citizen-dark .home-header__searchIcon img { |
|||
filter: invert( 1 ); |
|||
} |
|||
@media ( hover: none ) { |
|||
.desktoponly { |
|||
display: none; |
|||
} |
|||
} |
|||