mirror of
https://github.com/Horhik/dotfiles.git
synced 2025-01-07 00:04:14 +00:00
149 lines
3.8 KiB
CSS
149 lines
3.8 KiB
CSS
@font-face {
|
|
font-family: 'Super Glue';
|
|
src: url('./assets/fonts/SuperGlue.woff2') format('woff2'),
|
|
url('./assets/fonts/SuperGlue.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: swap;
|
|
}
|
|
|
|
|
|
|
|
:root {
|
|
--shimmer-urlbar-rounding: 100px;
|
|
}
|
|
|
|
*:not(.tabs-menu) {
|
|
scrollbar-width: thin !important;
|
|
}
|
|
|
|
.activity-stream .outer-wrapper > main, .showPrivate {
|
|
/* background: var(--newtab-background-color-secondary) !important; */
|
|
background: rgba(150, 150, 150, 0.35) !important;
|
|
border-radius: 48px;
|
|
height: auto !important;
|
|
margin-top: auto !important;
|
|
margin-bottom: auto !important;
|
|
min-width: 250px !important;
|
|
}
|
|
.activity-stream .outer-wrapper > main {
|
|
padding: 2rem 0 0 0 !important;
|
|
mix-blend-mode: luminosity !important;
|
|
}
|
|
|
|
.showPrivate {
|
|
padding: 2rem !important;
|
|
}
|
|
|
|
.activity-stream .logo, .showPrivate .logo {
|
|
display: none !important;
|
|
}
|
|
|
|
.activity-stream .logo-and-wordmark, .showPrivate .logo-and-wordmark {
|
|
margin-bottom: 24px !important;
|
|
}
|
|
|
|
.activity-stream .wordmark, .showPrivate .wordmark {
|
|
background: none !important;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
margin: 0 !important;
|
|
gap: 1.5rem !important;
|
|
}
|
|
.activity-stream .wordmark::after, .showPrivate .wordmark::after {
|
|
content: 'firefox';
|
|
font-family: 'super glue';
|
|
color: #fff !important;
|
|
filter: drop-shadow(0px 0px 1.5px rgba(0, 0, 0, 0.15));
|
|
/* mix-blend-mode: color-burn !important; */
|
|
font-size: 4.25rem;
|
|
letter-spacing: .25rem;
|
|
}
|
|
.activity-stream .wordmark::before, .showPrivate .wordmark::before {
|
|
content: '';
|
|
background: url(./assets/icons/ff.svg);
|
|
background-size: 100% 100%;
|
|
width: 100px;
|
|
height: 100px;
|
|
display: block;
|
|
}
|
|
@media only screen and (max-width: 609px) {
|
|
.activity-stream .wordmark::after, .showPrivate .wordmark::after {
|
|
display: none !important;
|
|
}
|
|
|
|
.activity-stream .outer-wrapper > main, .showPrivate {
|
|
width: 95% !important;
|
|
margin-right: auto !important;
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
.activity-stream .wordmark::before, .showPrivate .wordmark::before {
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
|
|
.activity-stream .fake-textbox, .showPrivate .fake-textbox {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
.activity-stream .search-handoff-button, .showPrivate .search-handoff-button {
|
|
border-radius: var(--shimmer-urlbar-rounding) !important;
|
|
}
|
|
.activity-stream .search-handoff-button {
|
|
mix-blend-mode: color-burn !important;
|
|
}
|
|
|
|
.activity-stream .search-inner-wrapper, .showPrivate .logo-and-wordmark {
|
|
background: transparent !important;
|
|
}
|
|
.activity-stream .search-inner-wrapper {
|
|
mix-blend-mode: color-burn !important;
|
|
}
|
|
|
|
.activity-stream .wallpaper-attribution {
|
|
position: static !important;
|
|
margin-left: auto !important;
|
|
margin-right: auto !important;
|
|
mix-blend-mode: luminosity !important;
|
|
color: #fff !important;
|
|
filter: drop-shadow(0px 0px 1.5px rgba(0, 0, 0, 0.3)) !important;
|
|
}
|
|
|
|
.activity-stream .outer-wrapper, .showPrivate .outer-wrapper {
|
|
display: flex !important;
|
|
padding: 48px !important;
|
|
}
|
|
|
|
.activity-stream .customize-menu .close-button-wrapper::before {
|
|
content: 'shimmer version 2.14, check for updates at';
|
|
display: block;
|
|
position: absolute;
|
|
top: 35%;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
.activity-stream .customize-menu .close-button-wrapper::after {
|
|
content: 'github.com/nuclearcodecat/shimmer';
|
|
display: block;
|
|
color: color-mix(in srgb, #aaa 50%, var(--lwt-sidebar-text-color) 50%);
|
|
position: absolute;
|
|
bottom: 0;
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
section[data-section-id="topsites"] {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
.wallpaper-attribution {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.showPrivate .info {
|
|
border-radius: 30px !important;
|
|
}
|
|
|