Loading...

Welcome to the Chrome Engine Modding Wiki ❤️
Uh oh I have never seen you here before, let me preload some stuff

Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:Main page/header/styles.css: Difference between revisions

Template page
Blanked the page
Tags: Blanking Manual revert Reverted
No edit summary
Tags: Manual revert Reverted
Line 1: Line 1:
.home-header {
position: relative;
padding-top: var( --space-xxl );
padding-bottom: var( --space-xxl );
line-height: var( --line-height-sm );
text-align: center;
}


.home-header__pretitle {
margin-bottom: var( --space-xxs );
    color: var( --color-subtle );
font-size: var( --font-size-small );
letter-spacing: 0.05em;
}
.home-header__title {
margin: 0;
font-size: 3rem;
text-transform: uppercase;
letter-spacing: 0.025em;
line-height: 1;
}
.home-header__subtitle {
margin-top: var( --space-xxs );
font-size: var( --font-size-small );
}
.home-header__search {
padding: var( --space-md );
margin-top: var( --space-lg );
margin-bottom: var( --space-md );
margin-left: auto;
margin-right: auto;
max-width: 600px;
background-color: var( --color-surface-2 );
border-radius: var( --border-radius-pill );
cursor: pointer;
font-size: var( --font-size-small );
font-weight: var( --font-weight-medium );
text-align: center;
}
.home-header__search .desktoponly {
margin-left: var( --space-xs );
}
.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 ) {
.home-header__search .desktoponly {
display: none;
}
}

Revision as of 19:23, 18 December 2024

.home-header { position: relative; padding-top: var( --space-xxl ); padding-bottom: var( --space-xxl ); line-height: var( --line-height-sm ); text-align: center; }

.home-header__pretitle { margin-bottom: var( --space-xxs );

   color: var( --color-subtle );

font-size: var( --font-size-small ); letter-spacing: 0.05em; }

.home-header__title { margin: 0; font-size: 3rem; text-transform: uppercase; letter-spacing: 0.025em; line-height: 1; }

.home-header__subtitle { margin-top: var( --space-xxs ); font-size: var( --font-size-small ); }

.home-header__search { padding: var( --space-md ); margin-top: var( --space-lg ); margin-bottom: var( --space-md ); margin-left: auto; margin-right: auto; max-width: 600px; background-color: var( --color-surface-2 ); border-radius: var( --border-radius-pill ); cursor: pointer; font-size: var( --font-size-small ); font-weight: var( --font-weight-medium ); text-align: center; }

.home-header__search .desktoponly { margin-left: var( --space-xs ); }

.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 ) { .home-header__search .desktoponly { display: none; } }

Cookies help us deliver our services. By using our services, you agree to our use of cookies.