579 lines
31 KiB
CSS
579 lines
31 KiB
CSS
|
/*new tab page */
|
||
|
|
@-moz-document url(about:newtab), url(about:home) {
|
||
|
|
a[href="https://mullvad.net/check/"] .tile .letter-fallback {
|
||
|
|
width: 64px !important;
|
||
|
|
height: 64px !important;
|
||
|
|
background-color: transparent !important;
|
||
|
|
background-image: url(assets/mullvad.png) !important;
|
||
|
|
background-size: 64px !important;
|
||
|
|
&::before { display: none !important; }}
|
||
|
|
a[href="https://comick.io/"] .tile .letter-fallback {
|
||
|
|
width: 58px !important;
|
||
|
|
height: 58px !important;
|
||
|
|
background-color: transparent !important;
|
||
|
|
background-image: url(assets/comick.png) !important;
|
||
|
|
background-size: 58px !important;
|
||
|
|
&::before { display: none !important; }}
|
||
|
|
@media (prefers-color-scheme: dark){
|
||
|
|
:root {
|
||
|
|
--uc-active: rgba(8,14,22, 0.8);
|
||
|
|
--uc-selected: rgba(8,14,22, 0.3);
|
||
|
|
--uc-text: #fbfbfe;
|
||
|
|
--uc-background: rgba(9,14,23, 0.6);
|
||
|
|
--uc-background-ii: rgba(8,14,22, 0.6);
|
||
|
|
--uc-background-iii: rgba(190,190,255,0.1);
|
||
|
|
--newtab-element-active-color: var(--uc-active) !important;}
|
||
|
|
body {
|
||
|
|
--newtab-background-color-secondary: transparent !important;
|
||
|
|
--newtab-element-hover-color: var(--uc-selected) !important;
|
||
|
|
--newtab-element-secondary-hover-color: var(--uc-selected) !important;
|
||
|
|
--newtab-element-secondary-active-color: var(--uc-active) !important;
|
||
|
|
--newtab-border-color: color-mix(in srgb, var(--newtab-background-color) 88%, var(--newtab-wordmark-color)) !important;
|
||
|
|
--newtab-primary-element-text-color: var(--newtab-text-primary-color) !important;
|
||
|
|
--newtab-search-icon: url("chrome://global/skin/icons/search-glass.svg") !important;
|
||
|
|
background-repeat: no-repeat !important;
|
||
|
|
background-position: center !important;
|
||
|
|
background-size: cover !important;
|
||
|
|
background-attachment: fixed !important;}
|
||
|
|
.outer-wrapper {
|
||
|
|
background-image: url(assets/wallpaper-1.png) !important; /* Image in chrome folder */
|
||
|
|
background-size: cover !important;
|
||
|
|
background-attachment: fixed !important;
|
||
|
|
color: rgb(255, 255, 255) !important; /* Text color */}
|
||
|
|
.discovery-stream.ds-layout .ds-column-grid {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;}
|
||
|
|
.section-title-container { visibility: hidden !important; }
|
||
|
|
.section-title span {
|
||
|
|
opacity: 80% !important;
|
||
|
|
font-size: 20px !important; font-weight: bold !important;
|
||
|
|
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important;}
|
||
|
|
.top-site-outer .tile {
|
||
|
|
border-radius: 18px !important;
|
||
|
|
background: transparent !important;
|
||
|
|
filter: saturate(140%) !important;
|
||
|
|
backdrop-filter: blur(33px);}
|
||
|
|
.top-site-outer .default-icon {
|
||
|
|
width: 101% !important; height: 101% !important;
|
||
|
|
background-size: 100% !important;}
|
||
|
|
.top-site-outer .tile .icon-wrapper {
|
||
|
|
/*width: 100% !important;height: 100% !important;*/
|
||
|
|
border-radius: 18px !important;}
|
||
|
|
.top-site-outer .tile .icon-wrapper::before {
|
||
|
|
translate: 0px 10px;
|
||
|
|
font-size: 100px !important;
|
||
|
|
opacity: 0.75 !important;}
|
||
|
|
.search-wrapper .logo-and-wordmark .wordmark {
|
||
|
|
width: 66vw !important;
|
||
|
|
opacity: 85% !important;
|
||
|
|
fill: var(--uc-text) !important;}
|
||
|
|
.search-inner-wrapper {
|
||
|
|
display: flex !important;
|
||
|
|
margin-top: 16px !important;
|
||
|
|
outline: none !important;
|
||
|
|
filter: saturate(140%) !important;
|
||
|
|
background-color: rgba(8,14,22, 0.1) !important;
|
||
|
|
border-radius: 18px !important;
|
||
|
|
padding: 0;
|
||
|
|
position: relative;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
background-blend-mode: overlay;
|
||
|
|
height: auto !important;}
|
||
|
|
@supports -moz-bool-pref("browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar"){
|
||
|
|
.search-inner-wrapper:not(:focus){
|
||
|
|
background: var(--newtab-pinnedsites-background) !important;
|
||
|
|
backdrop-filter: blur(33px) !important;
|
||
|
|
filter: saturate(140%) !important;}}
|
||
|
|
.search-inner-wrapper:not(:focus) input, .search-wrapper:not(:active) input:focus{
|
||
|
|
background-color: var(--newtab-pinnedsites-background) !important;
|
||
|
|
backdrop-filter: blur(33px) !important;
|
||
|
|
filter: saturate(140%) !important;
|
||
|
|
border-radius: 34px !important;}
|
||
|
|
.search-handoff-button{
|
||
|
|
border-color: transparent !important;
|
||
|
|
border-radius: 34px !important;
|
||
|
|
box-shadow: none !important;}
|
||
|
|
.search-wrapper .search-inner-wrapper:active input, .search-wrapper input:focus {
|
||
|
|
outline: 1px solid var(--button-active-bgcolor) !important;
|
||
|
|
outline-offset: -1px !important;
|
||
|
|
border: transparent !important;
|
||
|
|
margin-left: 1px !important;
|
||
|
|
z-index: 1 !important;}
|
||
|
|
.search-wrapper .search-handoff-button, .search-wrapper input {
|
||
|
|
padding-inline-start: 0px !important;
|
||
|
|
padding-inline-end: 0px !important;}
|
||
|
|
.search-wrapper .logo-and-wordmark .wordmark { margin-inline-start: 0 !important; }
|
||
|
|
.search-wrapper .search-button:focus, .search-wrapper .search-button:hover {
|
||
|
|
fill: white !important;}
|
||
|
|
|
||
|
|
.search-wrapper .search-inner-wrapper:active input,
|
||
|
|
.search-wrapper input:focus {
|
||
|
|
box-shadow: none !important;}
|
||
|
|
.search-handoff-button .fake-textbox { text-align: center !important;}
|
||
|
|
.search-wrapper .search-handoff-button { filter: grayscale(100%); }
|
||
|
|
browser[primary="true"][tabDialogShowing="true"],
|
||
|
|
#main-window[window-modal-open="true"] > body > #browser{
|
||
|
|
filter: blur(10px)}
|
||
|
|
@media (height > 700px) {
|
||
|
|
body:not(.inline-onboarding) .fixed-search .search-wrapper {
|
||
|
|
background-color: rgba(8,14,22, 0.1) !important;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
border-color: transparent !important;}}
|
||
|
|
.section-top-bar { display: block !important; }
|
||
|
|
.personalize-button { padding: 10px !important; }
|
||
|
|
.logo{ display: none !important; }
|
||
|
|
.icon.icon-settings {opacity: 85% !important;}
|
||
|
|
.context-menu {
|
||
|
|
background-color: var(--uc-background-ii) !important;
|
||
|
|
border-radius: 18px !important;
|
||
|
|
padding: 0.4rem;
|
||
|
|
position: relative;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
background-blend-mode: overlay;
|
||
|
|
display: flex;
|
||
|
|
line-height: 25px;}
|
||
|
|
.context-menu > ul > li > a, .context-menu > ul > li > button {
|
||
|
|
line-height: unset !important;
|
||
|
|
font-weight: normal !important;
|
||
|
|
color: var(--uc-text) !important;}
|
||
|
|
.context-menu > ul > li.separator {
|
||
|
|
display:flex !important;
|
||
|
|
border-bottom: none !important;
|
||
|
|
margin: 0px 0 !important;
|
||
|
|
font-size: flex !important;
|
||
|
|
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);}
|
||
|
|
button, input {
|
||
|
|
color: inherit !important;
|
||
|
|
font-size: unset !important;}
|
||
|
|
@media (min-width: 1122px) and (max-width: 1506px) {
|
||
|
|
.top-sites-list :nth-child(8n) .context-menu {
|
||
|
|
font-size: unset !important;
|
||
|
|
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5) !important;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;}}
|
||
|
|
.customize-menu.customize-animate-enter-done,
|
||
|
|
.customize-menu.customize-animate-enter-active,
|
||
|
|
.customize-menu.customize-animate-exit-active,
|
||
|
|
.customize-menu.customize-animate-exit-done
|
||
|
|
{ box-shadow: 0 0px 15px rgb(0 0 0 / 35%) !important; }
|
||
|
|
.context-menu > ul > li > button:is(:focus, :hover) {
|
||
|
|
border-radius: 10px;
|
||
|
|
background: var(--uc-background-ii) !important;}
|
||
|
|
.customize-menu {
|
||
|
|
background-color: var(--uc-background-ii) !important;
|
||
|
|
border-radius: 12px !important;
|
||
|
|
padding: 0.4rem;
|
||
|
|
position: relative;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
background-blend-mode: overlay;
|
||
|
|
margin: 10px 10px 10px 0px !important;
|
||
|
|
height: auto !important;
|
||
|
|
font-weight: normal !important;
|
||
|
|
box-shadow: unset !important;}
|
||
|
|
.top-site-outer .context-menu-button { transform: scale(1.3); }
|
||
|
|
.home-section .divider { border-top: unset !important; }
|
||
|
|
.home-section .section .selector {
|
||
|
|
border: none !important;
|
||
|
|
box-shadow: 3px 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
background: url("icons/down.svg") right no-repeat !important;
|
||
|
|
background-origin: content-box !important;}
|
||
|
|
.home-section .external-link { text-decoration: none !important; }
|
||
|
|
.toggle-button {
|
||
|
|
--toggle-dot-background-color: #fefefe !important;
|
||
|
|
--toggle-dot-background-color-on-pressed: #fefefe !important;
|
||
|
|
--toggle-border-color: #fefefe !important;
|
||
|
|
--toggle-border-radius: var(--border-radius-circle);
|
||
|
|
--toggle-border-width: var(--border-width);
|
||
|
|
--toggle-height: var(--size-item-small);
|
||
|
|
--toggle-width: calc(var(--size-item-large)*0.9) !important;
|
||
|
|
--toggle-dot-margin: -1px !important;
|
||
|
|
--toggle-dot-height: calc(var(--toggle-height)) !important;
|
||
|
|
--toggle-dot-width: var(--toggle-dot-height) !important;
|
||
|
|
--toggle-dot-transform-x: calc(var(--toggle-width) - 1 * var(--toggle-dot-margin) - var(--toggle-dot-width)) !important;}
|
||
|
|
.customize-menu .close-button {
|
||
|
|
box-shadow: 3px 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
font-weight: unset !important;
|
||
|
|
border-radius: 10px !important;
|
||
|
|
background-color: var(--uc-background-iii) !important;}
|
||
|
|
.home-section .section .sponsored-checkbox:checked
|
||
|
|
{ background-color: #2186fb !important; }
|
||
|
|
.home-section .section .selector {
|
||
|
|
background-color: var(--uc-background-iii) !important;
|
||
|
|
border-radius: 10px !important;}
|
||
|
|
.customize-menu .close-button:hover
|
||
|
|
{ background-color: var(--uc-selected) !important; }}
|
||
|
|
@media (prefers-color-scheme: dark){
|
||
|
|
.top-site-icon{ background-color: transparent !important; }
|
||
|
|
.top-site-outer .title {
|
||
|
|
opacity: 80% !important;
|
||
|
|
font-weight: normal !important;
|
||
|
|
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
|
||
|
|
text-transform: capitalize!important;}
|
||
|
|
.collapsible-section { margin-left: -12px !important; }
|
||
|
|
.top-site-outer:hover .tile, .card-outer:hover .card
|
||
|
|
{ background-color: var(--uc-background-ii) !important; transform: scale(1.15);}
|
||
|
|
.top-site-outer:is(:focus-within) .tile, .card-outer:is(.active,:focus-within) .card{
|
||
|
|
background-color: var(--uc-background-ii) !important;
|
||
|
|
box-shadow: none !important;}
|
||
|
|
.top-site-outer:is(:focus-within) .title, .card-outer:is(.active,:focus-within) .card
|
||
|
|
{ text-decoration: underline !important; }
|
||
|
|
.top-site-outer .context-menu-button {
|
||
|
|
background-color: transparent !important;
|
||
|
|
border-radius: 50% !important;
|
||
|
|
inset-inline-end: -10px !important;
|
||
|
|
top: 2px !important;
|
||
|
|
transition: opacity 200ms;
|
||
|
|
border-radius: 80px !important;
|
||
|
|
fill: var(--newtab-text-primary-color) !important;}
|
||
|
|
.top-site-outer .context-menu-button:is(:hover, :focus) {
|
||
|
|
background-color: color-mix(in srgb, var(--contrast-color), transparent) !important;
|
||
|
|
transition: opacity 200ms;
|
||
|
|
fill: var(--newtab-text-primary-color) !important;}
|
||
|
|
.top-sites-list:not(.dnd-active) .top-site-outer:is(.active, :focus, :hover) {
|
||
|
|
background: transparent !important;}
|
||
|
|
.card-outer .card {
|
||
|
|
filter: saturate(140%) !important;
|
||
|
|
border-radius: 18px !important;
|
||
|
|
background-color: rgba(20, 25, 40, 0.6) !important;
|
||
|
|
position: relative;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
height: auto !important;}
|
||
|
|
.card-outer > a { color: auto !important; }
|
||
|
|
.outer-wrapper a { color: auto !important; }
|
||
|
|
:root[lwt-newtab-brighttext] { --newtab-wordmark-color: #ffffffcb !important; }
|
||
|
|
.compact-cards .card-outer .card-context {
|
||
|
|
background-color: var(--newtab-background-color-secondary);
|
||
|
|
border-radius: 18px;
|
||
|
|
clip-path: inset(-1px -1px 4px);
|
||
|
|
height: 32px;
|
||
|
|
width: 32px;
|
||
|
|
padding: 8px;
|
||
|
|
top: 108px !important;
|
||
|
|
inset-inline-end: 3px !important;
|
||
|
|
inset-inline-start: auto;}
|
||
|
|
.compact-cards .card-outer .card-preview-image-outer {
|
||
|
|
border-radius: 16px 16px 0 0 !important;}
|
||
|
|
.ds-highlights .section .section-list .card-outer .card-host-name {
|
||
|
|
text-shadow: 1px -1px 2px color-mix(in srgb, var(--contrast-color) 60%, transparent) !important;
|
||
|
|
color: var(--newtab-text-primary-color) !important;}
|
||
|
|
.card-outer:not(.placeholder) .card-title {
|
||
|
|
text-shadow: 1px -1px 2px color-mix(in srgb, var(--contrast-color) 60%, transparent) !important;}
|
||
|
|
.card-outer:is(:hover, :focus, :active, :focus-within, .active):not(.placeholder) .card-title,
|
||
|
|
.card-outer:is(:hover, :focus, .active):not(.placeholder) .card-title {
|
||
|
|
--newtab-primary-action-background: blue !important;
|
||
|
|
color: var(--newtab-text-primary-color) !important;
|
||
|
|
text-shadow: 1px -1px 2px color-mix(in srgb, var(--contrast-color) 60%, transparent) !important;
|
||
|
|
text-decoration: underline !important;}
|
||
|
|
.compact-cards .card-outer .card-context>.card-context-icon {
|
||
|
|
fill: var(--newtab-text-primary-color) !important;
|
||
|
|
opacity: 0.7 !important;}
|
||
|
|
.card-outer .context-menu-button, .card-outer .context-menu-button:active, .card-outer .context-menu-button:focus{
|
||
|
|
margin-top: -5px !important;
|
||
|
|
margin-right: -5px !important;
|
||
|
|
background-color: color-mix(in srgb, var(--contrast-color) 70%, transparent) !important;
|
||
|
|
fill: var(--newtab-text-primary-color) !important;
|
||
|
|
border-color: transparent !important;
|
||
|
|
transition-delay: 0ms !important;
|
||
|
|
background-image: url("icons/more.svg") !important;}
|
||
|
|
.card-outer .context-menu-button { box-shadow: unset !important; }
|
||
|
|
.ds-card .meta {
|
||
|
|
filter: saturate(140%) !important;
|
||
|
|
background-color: rgba(20, 25, 40, 0.6) !important;
|
||
|
|
position: relative;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
height: auto !important;
|
||
|
|
border-radius: 0 0 16px 16px !important;}
|
||
|
|
.ds-onboarding-container:not(.placeholder), .ds-card-grid .ds-card:not(.placeholder) {
|
||
|
|
border-radius: 18px !important;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
background-color: transparent !important;}
|
||
|
|
.ds-onboarding-container:not(.placeholder) .img-wrapper .img img, .ds-onboarding-container:not(.placeholder) .img-wrapper .img .placeholder-image, .ds-card-grid .ds-card:not(.placeholder) .img-wrapper .img img, .ds-card-grid .ds-card:not(.placeholder) .img-wrapper .img .placeholder-image
|
||
|
|
{ border-radius: 16px 16px 0 0 !important; }
|
||
|
|
.ds-card:is(:hover, :focus, .active) .context-menu-button, .ds-signup:is(:hover, :focus, .active) .context-menu-button
|
||
|
|
{ box-shadow: unset !important; }
|
||
|
|
@media (prefers-color-scheme: dark){
|
||
|
|
.ds-card .context-menu-button, .ds-signup .context-menu-button {
|
||
|
|
border: transparent !important;
|
||
|
|
margin-top: -5px !important;
|
||
|
|
margin-right: -5px !important;
|
||
|
|
background-color: color-mix(in srgb, var(--contrast-color) 70%, transparent) !important;
|
||
|
|
fill: var(--newtab-text-primary-color) !important;
|
||
|
|
transition-delay: 0ms !important;
|
||
|
|
background-image: url("icons/more.svg") !important;}}
|
||
|
|
.ds-card .ds-card-link:hover header {color: var(--newtab-text-primary-color) !important;}
|
||
|
|
.outer-wrapper a { color: var(--newtab-text-primary-color) !important; }
|
||
|
|
:root {
|
||
|
|
--newtab-primary-element-active-color: var(--newtab-text-primary-color) !important;
|
||
|
|
--newtab-primary-action-background: transparent !important;
|
||
|
|
--newtab-background-color: unset !important;}
|
||
|
|
.personalize-button:hover {
|
||
|
|
background-color: transparent;
|
||
|
|
transform: scale(1.3);
|
||
|
|
cursor: pointer;}
|
||
|
|
.modalOverlayOuter {
|
||
|
|
background-color: rgba(20, 25, 40, 0.4) !important;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
background-blend-mode: overlay;}
|
||
|
|
.modal {
|
||
|
|
background-color: rgba(10, 15, 30, 0.7) !important;
|
||
|
|
font-size: unset !important;
|
||
|
|
border-radius: 16px !important;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
border-color: transparent !important;}
|
||
|
|
.topsite-form .form-wrapper input[type="text"] {
|
||
|
|
background-color: #ffffff1e !important;
|
||
|
|
font-size: unset !important;
|
||
|
|
border-color: transparent !important;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;
|
||
|
|
border-radius: 8px !important;}
|
||
|
|
.actions {
|
||
|
|
border-top: 1px solid var(--newtab-border-color);
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
flex-wrap: wrap;
|
||
|
|
justify-content: flex-start;
|
||
|
|
margin: 0;
|
||
|
|
padding: 15px 25px 0;
|
||
|
|
border-color: transparent !important;}
|
||
|
|
.button, .actions button {
|
||
|
|
background-color: #ffffff1e !important;
|
||
|
|
border-color: transparent !important;
|
||
|
|
border-radius: 10px !important;
|
||
|
|
box-shadow: 0 10px 15px rgb(0 0 0 / 20%) !important;}
|
||
|
|
.modal-overlay {
|
||
|
|
background-color: rgba(10, 15, 30, 0.4) !important;
|
||
|
|
backdrop-filter: blur(33px) !important;}
|
||
|
|
:root{
|
||
|
|
--newtab-pinnedsites-background: color-mix(in srgb, white 14%, transparent) ;
|
||
|
|
--newtab-pinnedsites-position-top: 0px ;}}
|
||
|
|
.outer-wrapper .top-site-inner .title,
|
||
|
|
.outer-wrapper .top-site-inner .icon-pin-small {
|
||
|
|
opacity: 0 !important;}
|
||
|
|
.outer-wrapper .top-site-inner:hover .title,
|
||
|
|
.outer-wrapper .top-site-inner:hover .icon-pin-small {
|
||
|
|
opacity: 1 !important;}}
|
||
|
|
@-moz-document url(about:firefoxview) {
|
||
|
|
body {background-color: rgba(9,14,23, 0.7) !important;}
|
||
|
|
.sticky-container.bottom-fade {
|
||
|
|
background: rgba(9,14,23, 0.7) !important;}}
|
||
|
|
/* Youtube Theme */
|
||
|
|
@-moz-document domain("www.youtube.com") {
|
||
|
|
* {
|
||
|
|
font-family: Luminari !important;
|
||
|
|
font-weight: lighter !important;
|
||
|
|
}
|
||
|
|
yt-icon.ytd-logo {width: 100% !important; margin-left: -10px !important;}
|
||
|
|
#logo-icon::after {content: "Premium" !important; font-size: 18px !important; margin-left: -68px !important;}
|
||
|
|
#country-code.ytd-topbar-logo-renderer {margin-left: 7px !important;}
|
||
|
|
|
||
|
|
ytd-app, .ytd-popup-container.style-scope, .ytd-app.style-scope, #masthead > .ytd-masthead.style-scope,
|
||
|
|
#contentContainer, #guide-renderer, #content-wrapper, #search, .ytd-playlist-panel-renderer.style-scope,
|
||
|
|
.ytd-tabbed-page-header.style-scope {
|
||
|
|
background-color: #080e16 !important;
|
||
|
|
}
|
||
|
|
/*--search bar popup--*/
|
||
|
|
html[dark] .sbsb_a {
|
||
|
|
background: var(--yt-spec-raised-background);
|
||
|
|
background-color: rgba(8,14,22,0.7) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
border-radius: 10px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
ytd-browse.ytd-page-manager.style-scope {
|
||
|
|
border: #25262B !important;
|
||
|
|
}
|
||
|
|
/*--notification popups--*/
|
||
|
|
.style-scope.ytd-popup-container {
|
||
|
|
background-color: rgba(8,14,22,0.7) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
border-radius: 10px !important;
|
||
|
|
}
|
||
|
|
.ytd-multi-page-menu-renderer {
|
||
|
|
background-color: rgba(8,14,22,0.7) !important;
|
||
|
|
backdrop-filter: blur(33px);
|
||
|
|
}
|
||
|
|
/*--video player, context menu--*/
|
||
|
|
.ytp-popup.ytp-contextmenu { border-radius: 10px !important; }
|
||
|
|
/*SEEKBAR COLOR*/
|
||
|
|
/*
|
||
|
|
.ytp-swatch-background-color { background-color: #00ADEF !important; }
|
||
|
|
*/
|
||
|
|
/*playlist overlay backdrop filter*/
|
||
|
|
/*progress bar / next button preview border radius*/
|
||
|
|
/*info popup backdrop filter*/
|
||
|
|
#tooltip.paper-tooltip {
|
||
|
|
border-radius: 8px !important;
|
||
|
|
padding: 4px 8px !important;
|
||
|
|
margin: 12px 8px !important;
|
||
|
|
backdrop-filter: blur(33px) !important;
|
||
|
|
background-color: rgba(8,14,22,0.7) !important;
|
||
|
|
}
|
||
|
|
/*right click info panel backdrop filter*/
|
||
|
|
.ytp-popup, .html5-video-info-panel {
|
||
|
|
backdrop-filter: blur(33px) !important;
|
||
|
|
border-radius: 33px !important;
|
||
|
|
background-color: rgba(8,14,22,0.7) !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* ComicK Theme */
|
||
|
|
@-moz-document domain("comick.io") {
|
||
|
|
* {
|
||
|
|
font-family: Luminari !important;
|
||
|
|
font-weight: lighter !important;
|
||
|
|
}
|
||
|
|
.ml-3.group-hover\:text-gray-600.dark\:group-hover\:text-gray-400.dark\:text-gray-300.text-gray-800.font-semibold.text-xl {
|
||
|
|
content: url(assets/comick-6.png);
|
||
|
|
height: 24px !important;
|
||
|
|
width: auto !important;
|
||
|
|
margin-left: -8px !important;
|
||
|
|
}
|
||
|
|
.opacity-40.hover\:opacity-100.cursor-pointer.flex.text-center.items-center.md\:h-12.md\:w-12.h-10.w-10.rounded-full {
|
||
|
|
content: url(assets/comick-c-2.png);
|
||
|
|
height: 40px !important;
|
||
|
|
width: auto !important;
|
||
|
|
margin-left: 12px !important;
|
||
|
|
}
|
||
|
|
.ml-3.group-hover\:text-gray-600.dark\:group-hover\:text-gray-400.dark\:text-gray-300.text-gray-800.font-semibold.text-xl {
|
||
|
|
font-family: Luminari !important;
|
||
|
|
font-weight: bolder !important;
|
||
|
|
}
|
||
|
|
body, div.dark\:bg-gray-800.bg-white.md\:p-3.py-4.p-1, .md\:text-base.text-sm.md\:col-span-2 > .flex-wrap.flex, .md\:block.hidden.break-words.justify-between > h1, .h-9.lg\:space-x-4.lg\:justify-start.justify-between.md\:mt-2.mt-1.flex,
|
||
|
|
.h-9.md\:mt-2.mt-1.lg\:space-x-2.lg\:justify-start.justify-between.flex, .dark\:bg-gray-800\/95.bg-white\/95.drop-shadow-sm.max-sm\:overflow-x-auto.dark\:border-gray-700.border-gray-100.lg\:border-b.py-2.lg\:px-8.sm\:px-6.px-3.space-x-2.justify-between.items-center.flex,
|
||
|
|
.break-words.my-3.text-center.w-full.xl\:text-2xl.md\:text-xl.text-lg.font-medium,
|
||
|
|
.dark\:bg-gray-800.bg-white.p-4.flex.justify-between.w-full {
|
||
|
|
background-color: #080e16 !important;
|
||
|
|
}
|
||
|
|
ul, .btn.rounded-full.p-2, .dark\:bg-gray-700.dark\:ring-gray-600.dark\:text-gray-300.hover\:bg-gray-50.ring-gray-300.ring-inset.ring-1.shadow-sm.text-gray-900.font-semibold.text-sm.py-1\.5.px-3.bg-white.rounded-full.gap-x-1\.5.items-center.inline-flex,
|
||
|
|
.divide-slate-500.divide-solid.divide-y.dark\:shadow-gray-900.shadow-gray-500.focus\:outline-none.ring-opacity-5.ring-black.ring-1.shadow-lg.dark\:text-gray-200.dark\:bg-gray-700.bg-white.rounded-md.origin-top-right.w-44.px-2.py-2.z-10.absolute {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border: 0px !important;
|
||
|
|
}
|
||
|
|
.bg-white.dark\:bg-gray-750.dark\:ring-gray-100\/5.ring-gray-900\/5.ring-1.shadow-lg.leading-6.font-semibold.text-sm.p-4.rounded-xl.shrink.w-72 {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border: 1px solid #133048!important;
|
||
|
|
}
|
||
|
|
.lg\:block.hidden.relative > .dark\:hover\:bg-gray-600.cursor-pointer.dark\:bg-gray-700.bg-gray-100.justify-center.items-center.flex.flex-none.w-8.h-8.rounded-full,
|
||
|
|
.h-8.w-8.justify-center.flex.items-center > .dark\:hover\:bg-gray-600.cursor-pointer.dark\:bg-gray-700.bg-gray-100.justify-center.items-center.flex.flex-none.w-8.h-8.rounded-full,
|
||
|
|
.md\:p-3.p-2.opacity-80.items-center.flex.rounded-full.hover\:bg-gray-100.dark\:hover\:bg-gray-500.bg-white.dark\:bg-gray-600.right-1.absolute.-translate-y-1\/2.top-1\/2, .p-2.ml-1.btn, .opacity-30.p-2.btn {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border: 2px solid #19273e !important;
|
||
|
|
}
|
||
|
|
div.overflow-hidden.xl\:h-56.xl\:w-44.lg\:h-48.lg\:w-36.md\:h-36.md\:w-28.h-32.w-24 {
|
||
|
|
border-radius: 8px !important;
|
||
|
|
}
|
||
|
|
.border-none.px-0.text-xs.text-center.w-full.btn, .dark\:bg-gray-700.bg-gray-100.font-semibold.md\:py-2.md\:px-3.py-1.px-3.md\:text-sm.text-xs.rounded.cursor-pointer,
|
||
|
|
.text-red-500.dark\:bg-gray-700.bg-gray-100.rounded.dark\:hover\:bg-gray-600.hover\:bg-gray-200.font-semibold.px-2.py-1.ml-1.items-center.text-lg.flex,
|
||
|
|
div.items-center.flex > .items-center.flex > .p-2.btn, .rounded.items-center.flex.py-3.px-2.btn-primary.btn.h-12.md\:w-96.flex-1, button.flex-1.py-3.px-2.btn.h-12.md\:w-96,
|
||
|
|
.rounded.dark\:border-gray-700.dark\:bg-gray-700.border-gray-300.border.h-12.px-2.py-3.mt-0.flex-1 {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border: 0px !important;
|
||
|
|
border-radius: 10px !important;
|
||
|
|
}
|
||
|
|
.w-full.rounded.pr-8.pl-2.border.dark\:border-gray-500.border-gray-400.dark\:bg-gray-700,
|
||
|
|
.overflow-hidden.flex-none.w-5\/12.dark\:bg-gray-700.dark\:border-gray-500.border-gray-400.border.rounded {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border: 0px !important;
|
||
|
|
border-radius: 9px !important;
|
||
|
|
}
|
||
|
|
.w-7\/12.rounded.dark\:border-gray-500.border-gray-400.border.dark\:bg-gray-700.bg-gray-100.items-center.flex,
|
||
|
|
.focus\:ring-blue-500.dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:text-gray-200.text-gray-700.dark\:bg-gray-700.bg-white.dark\:border-gray-600.border-gray-300.border.leading-4.text-sm.py-2.px-3.rounded-md.focus\:ring-2.focus\:outline-none.shadow-sm.font-medium.rounded.items-center.inline-flex {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border: 0px !important;
|
||
|
|
border-radius: 9px !important;
|
||
|
|
}
|
||
|
|
.flex-1.dark\:border-gray-600.border-gray-300.rounded-none.border-l.border-r {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border-top: 0px !important;
|
||
|
|
border-bottom: 0px !important;
|
||
|
|
border-left: 1px solid #373A40 !important;
|
||
|
|
border-right: 1px solid #373A40 !important;
|
||
|
|
}
|
||
|
|
hr.mt-3 {
|
||
|
|
border: 0.25px solid #133048 !important;
|
||
|
|
}
|
||
|
|
.truncate.py-2.link.md\:text-base.text-sm.overflow-hidden.font-semibold.dark\:text-blue-400.text-blue-700.pl-2.flex-1 {
|
||
|
|
color: rgb(52, 160, 255) !important;
|
||
|
|
}
|
||
|
|
li {
|
||
|
|
background-color: #101b2c !important;
|
||
|
|
text-decoration-color: rgb(170, 210, 244) !important;
|
||
|
|
}
|
||
|
|
.aa-DetachedSearchButton, .md\:\!w-3\/5.\!w-16.mx-3.md\:my-3.my-2.py-1.pl-3, .dark\:text-gray-400.text-gray-400.dark\:\!bg-gray-800.\!bg-white.max-w-\[10em\], li.items-center.flex.cursor-pointer.dark\:hover\:bg-gray-700.hover\:bg-gray-50 > .w-full.px-5.py-2.items-center.flex,
|
||
|
|
.lg\:\!w-96.\!focus\:ring-blue-500.\!focus\:border-blue-500.dark\:md\:hover\:bg-slate-700\/40.dark\:md\:ring-white\/5.dark\:md\:ring-inset.dark\:md\:bg-slate-800.md\:ring-slate-200.md\:ring-1.bg-white.md\:pr-3\.5.pl-9.md\:py-1\.5.py-1.md\:rounded-sm.md\:flex-none.md\:\!w-80.md\:h-auto.sm\:justify-start.justify-center.items-center.flex.group,
|
||
|
|
.select-none.mx-auto.xl\:container.w-full > .dark\:bg-gray-700.bg-gray-100.items-center.flex, .border-0.disabled\:opacity-50.scrollbar-none.p-2, .break-words, .break-words > ul > li, .target\:dark\:bg-orange-900\/50.target\:bg-orange-100\/50.dark\:bg-gray-750.bg-gray-50.rounded-xl.p-2.ml-2,
|
||
|
|
.cursor-pointer.items-center.px-5.py-2 > ul {
|
||
|
|
background-color: #101b2c !important;
|
||
|
|
}
|
||
|
|
.w-40, .flex-wrap.flex, .focus\:ring-0.text-gray-900.leading-5.pr-10.pl-3.py-2.border-none.w-full,
|
||
|
|
.rounded.dark\:bg-gray-700.dark\:border-gray-700.pl-2.lg\:mt-0.md\:py-2.py-1.md\:mt-2.mt-1.xl\:w-48.md\:w-40.w-48,
|
||
|
|
.rounded.dark\:bg-gray-700.dark\:border-gray-700.pl-2.md\:py-2.py-1.md\:mt-2.mt-1.xl\:48.md\:40.w-32,
|
||
|
|
.max-w-\[6rem\].md\:py-2.py-1.md\:mt-2.mt-1,
|
||
|
|
.dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:bg-gray-700.bg-white.focus\:z-10.dark\:border-gray-600.border-l.border-b.border-r.border-t.font-semibold.text-sm.py-2.px-3.items-center.inline-flex.relative,
|
||
|
|
.dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:bg-gray-700.bg-white.focus\:z-10.dark\:border-gray-600.border.py-2.px-2.rounded-r-md.items-center.inline-flex.relative,
|
||
|
|
.dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:bg-gray-700.bg-white.focus\:z-10.dark\:border-gray-600.border-b.border-t.border-l.font-semibold.text-sm.py-2.px-3.rounded-l-md.items-center.inline-flex.relative,
|
||
|
|
select.rounded.dark\:bg-gray-700.dark\:border-gray-700.pl-2.lg\:mt-0.md\:py-2.py-1.mt-1.w-32,
|
||
|
|
.dark\:hover\:bg-gray-600.hover\:bg-gray-200.rounded.ml-2.text-center.dark\:text-gray-400.text-gray-700.font-semibold.dark\:bg-gray-700.bg-gray-100.py-1.px-2.items-center.shrink-0.w-20.flex {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
}
|
||
|
|
.prose-table\:w-auto.max-w-none.dark\:prose-invert.prose-hr\:my-3.prose.md\:my-5.my-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-96.xl\:h-auto.comic-desc,
|
||
|
|
.prose-table\:w-auto.max-w-none.dark\:prose-invert.prose-hr\:my-3.prose.md\:my-5.my-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-96.xl\:h-auto.comic-desc > ul,
|
||
|
|
.prose-table\:w-auto.max-w-none.dark\:prose-invert.prose-hr\:my-3.prose.md\:my-5.my-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-96.xl\:h-auto.comic-desc > ul > li,
|
||
|
|
.space-x-3.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-x-auto.max-w-max.items-center.flex,
|
||
|
|
.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.items-center.overflow-y-auto.xl\:max-h-48.md\:max-h-48.max-h-32.flex-wrap.flex.mb-3.mt-3.dark\:scrollbox-dark.scrollbox {
|
||
|
|
background-color: #080e16 !important;
|
||
|
|
background-image: none !important;
|
||
|
|
}
|
||
|
|
tr.group {
|
||
|
|
border-left-width: 0px !important;
|
||
|
|
border-right-width: 0px !important;
|
||
|
|
border-top-color: #133048 !important;
|
||
|
|
border-top-style: solid !important;
|
||
|
|
border-top-width: 1px !important;
|
||
|
|
}
|
||
|
|
.dark\:bg-gray-800.bg-white.group.justify-between.items-center.flex.cursor-pointer.break-all.left-0.sticky,
|
||
|
|
.dark\:bg-gray-800.bg-white.cursor-pointer.text-left.md\:w-5\/12.w-7\/12.left-0.md\:text-base.text-xs.sticky,
|
||
|
|
.m-auto.container.flex-wrap.flex {
|
||
|
|
background-color: #080e16 !important;
|
||
|
|
border: 0px !important;
|
||
|
|
}
|
||
|
|
.myscrollbar.overflow-y-auto.overflow-x-hidden.w-full.pr-2.pb-16.pt-1.mt-3, .tree, .mb-1, ul > .flex, #comments-container > li,
|
||
|
|
.mt-1.scrollbar-thumb-rounded.dark\:scrollbar-track-gray-700.dark\:scrollbar-thumb-gray-600.scrollbar-track-gray-100.scrollbar-thumb-gray-300.scrollbar-thin.dark\:scrollbox-dark.scrollbox.overflow-y-auto.max-h-64 {
|
||
|
|
background-color: #080e16 !important;
|
||
|
|
background-image: none !important;
|
||
|
|
}
|
||
|
|
.text-xl.items-center.flex > .mx-2.w-3:after {
|
||
|
|
margin-left: 4px !important;
|
||
|
|
content: "Likes" !important;
|
||
|
|
font-size: large !important;
|
||
|
|
}
|
||
|
|
.text-xl.select-none.border-gray-600.dark\:hover\:bg-gray-600.dark\:bg-gray-700.hover\:bg-gray-200.bg-gray-100.leading-5.border-r.px-4.xl\:h-40.md\:h-32.h-28.justify-center.flex.w-9\/12.grow-0.relative,
|
||
|
|
.text-lg.select-none.border-r.border-gray-600.dark\:hover\:bg-gray-600.dark\:bg-gray-700.hover\:bg-gray-200.bg-gray-100.leading-5.px-4.xl\:h-40.md\:h-32.h-28.justify-center.flex.w-4\/12.grow-0.relative {
|
||
|
|
background-color: #101b2c !important;
|
||
|
|
border-top: 0px !important;
|
||
|
|
border-left: 1px solid #133048 !important;
|
||
|
|
border-right: 0px !important;
|
||
|
|
border-bottom: 0px !important;
|
||
|
|
}
|
||
|
|
.focus\:ring-blue-500.dark\:hover\:bg-gray-600.hover\:bg-gray-50.dark\:text-gray-200.text-gray-700.dark\:bg-gray-700.bg-white.dark\:border-gray-600.border-gray-300.border.text-xs.py-1.px-2.focus\:ring-2.focus\:outline-none.shadow-sm.font-medium.rounded.items-center.inline-flex {
|
||
|
|
background-color: #19273e !important;
|
||
|
|
border: 1px solid #19273e !important;
|
||
|
|
border-radius: 8px !important;
|
||
|
|
}
|
||
|
|
.object-top.active\:brightness-75.lg\:mb-4.md\:mb-3.mb-2.w-full.rounded.select-none,
|
||
|
|
.relative.overflow-y-hidden.rounded,
|
||
|
|
.active\:brightness-75.object-cover.lg\:h-44.md\:h-36.h-36.lg\:w-36.md\:w-28.w-28.select-none {
|
||
|
|
border-radius: 8px !important;
|
||
|
|
}
|
||
|
|
.overflow-hidden.space-y-5.xl\:w-3\/12.w-4\/12.float-right.pr-0.lg\:pb-3.lg\:pl-4.pb-1.pl-3, .text-xs.dark\:border-gray-700.rounded,
|
||
|
|
div.h-8.w-8:nth-of-type(2), .my-2.flex, .gap-4.justify-center.items-center.flex.mt-4.ml-4, #zoom-btn,
|
||
|
|
.active\:animate-ping.active\:brightness-200.hover\:brightness-200.hover\:text-blue-500.cursor-pointer.h-12.w-12,
|
||
|
|
.dark\:fill-gray-300.fill-gray-500.h-6.w-6, .space-x-1.items-center.flex.cursor-pointer > .hover\:brightness-150.h-5.w-5,
|
||
|
|
.md\:h-10.md\:w-10.h-10.w-10 > span {
|
||
|
|
display: none !important;
|
||
|
|
}
|
||
|
|
}
|