X-Git-Url: https://git-public.kairo.at/?p=themes.git;a=blobdiff_plain;f=LCARStrek%2Fbrowser%2Fnewtab%2FnewTab.css;h=01d64b76b4418bb35ff4d57e791aee9c2f99845e;hp=77ecbc1b9b541e05c20fc19db2060b82cfbcc798;hb=19988d2d5bba419a5f24824e3c7edf3119d95898;hpb=d74db93877c7a404babddcf7b0523fa2b1f6f2bf diff --git a/LCARStrek/browser/newtab/newTab.css b/LCARStrek/browser/newtab/newTab.css index 77ecbc1b..01d64b76 100644 --- a/LCARStrek/browser/newtab/newTab.css +++ b/LCARStrek/browser/newtab/newTab.css @@ -9,6 +9,10 @@ padding: 0; } +body { + background-color: #000000 +} + /* SCROLLBOX */ #newtab-scrollbox:not([page-disabled]) { color: #FF9F00; @@ -89,13 +93,11 @@ } /* CELLS */ -.newtab-cell, -.newtab-intro-cell, -.newtab-intro-cell-hover { +.newtab-cell { background-color: rgba(255,159,0,.2); border: 1px solid; border-color: #9C9CFF; - border-radius: 1px; + border-radius: 10px; } .newtab-cell:empty { @@ -112,17 +114,10 @@ .newtab-cell:not([ignorehover]) .newtab-control:hover ~ .newtab-link, .newtab-cell:not([ignorehover]) .newtab-link:hover, -.newtab-site[dragged], -.newtab-intro-cell-hover .newtab-link { +.newtab-site[dragged] { box-shadow: 0 0 10px rgba(0,132,132,.3); } -.newtab-intro-cell .newtab-thumbnail, -.newtab-intro-cell-hover .newtab-thumbnail { - background-color: #cae1f4; - background-image: url("chrome://browser/skin/newtab/whimsycorn.png"); -} - .newtab-site[dragged] { transition-property: box-shadow, background-color; background-color: #002121; @@ -158,13 +153,13 @@ } /* TITLES */ -/*#newtab-intro-what,*/ .newtab-sponsored, .newtab-title, .newtab-suggested { padding: 0 8px; background-color: rgba(255,159,0,.8); color: #000000; + border: none; line-height: 24px; bottom: 0 !important; } @@ -202,7 +197,7 @@ position: absolute; width: 10px; margin-left: 8px; - margin-top: 6px; + margin-top: 0; } .newtab-site[pinned] .newtab-title:-moz-locale-dir(rtl)::before { @@ -245,3 +240,128 @@ .newtab-control-block:hover:active { background-image: -moz-image-rect(url("chrome://browser/skin/newtab/controls.svg"), 0, 256, 32, 224); } + +/* SEARCH */ +#newtab-search-logo:hover { + background-color: #FFCF00; + border: none; +} +#newtab-search-logo[active] { + background-color: #FF9F00; + border: none; +} +#newtab-search-logo { + background-image: url("chrome://browser/skin/magnifier.png"); +} +#newtab-search-logo.magnifier[active], +#newtab-search-logo.magnifier:hover { + background-image: url("chrome://browser/skin/magnifier-hover.png"); +} +/* Newer versions only */ +#newtab-search-icon { + background-image: url("chrome://browser/skin/search-indicator-magnifying-glass.svg#magnifying-glass"); +} +#newtab-search-logo.magnifier[active], +#newtab-search-logo.magnifier:hover { + background-image: url("chrome://browser/skin/magnifier-hover.png"); +} + +#newtab-search-text { + border: 1px solid #9C9CFF; + background-color: #000000; + color: #E7ADE7; +} +#newtab-search-text::-moz-placeholder { + color: #8050B0; +} +#newtab-search-text:focus { + border: 1px solid #008484; + box-shadow: 0 0 0 1px #008484 inset; +} + +#newtab-search-submit { + background-image: none; + background-color: #C09070; + color: #000000; + box-shadow: none; + border-radius: 0 300px 300px 0; + border: none; + -moz-margin-start: 3px; +} +#newtab-search-text:focus + #newtab-search-submit, +#newtab-search-text[autofocus] + #newtab-search-submit { + background-image: none; + background-color: #008484; + color: #000000; + box-shadow: none; +} +#newtab-search-text + #newtab-search-submit:hover { + background-image: none; + background-color: #FFCF00; + color: #000000; + box-shadow: none; +} +/* Newer versions only */ +#newtab-search-submit[value=""], +#newtab-search-text:focus + #newtab-search-submit[value=""], +#newtab-search-text[autofocus] + #newtab-search-submit[value=""], +#newtab-search-text + #newtab-search-submit[value=""]:hover { + background-image: url("chrome://browser/skin/search-arrow-go.svg#search-arrow-go"); +} + +/* CUSTOMIZE */ +#newtab-customize-overlay { + background: #A09090; +} + +#newtab-customize-panel, +#newtab-customize-panel-anchor, +#newtab-customize-panel-inner-wrapper, +.newtab-customize-panel-item, +.newtab-customize-complex-option { + background-color: #000000; +} + +#newtab-customize-title { + color: #9C9CFF; + background-color: #000000; +} + +.newtab-customize-panel-item[selected], +.newtab-customize-panel-subitem[selected] { + color: #FF9F00; +} + +.newtab-customize-panel-item:not([selected]), +.newtab-customize-panel-subitem:not([selected]) { + color: #A09090; +} + +.newtab-customize-panel-subitem > .checkbox { + background-color: #000000; + border-color: #A09090; +} + +.newtab-customize-panel-subitem[selected] > .checkbox { + background-color: #000000; + background-image: url("chrome://global/skin/menu/shared-menu-check-active.svg"); + color: #FF9F00; +} + +.newtab-customize-panel-item:not(:first-child), +.newtab-search-panel-engine { + border-top: 1px solid #A09090; +} + +.newtab-customize-complex-option:hover > .selectable:not([selected]), +.selectable:hover:not([selected]), +.newtab-customize-complex-option:hover > .selectable:not([selected]) + .newtab-customize-panel-subitem, +.newtab-customize-panel-item:hover:not([selected]) { + background-color: #FFCF00; + color: #000000; +} + +.newtab-customize-complex-option:hover > .selectable:not([selected]), +.selectable:hover:not([selected]) { + background-image: url("chrome://global/skin/menu/shared-menu-check-black.svg"); +}