elbaitemoon

Elbaite theme for Pale Moon
Log | Files | Refs

organizer.css (3855B)

      1 /* This Source Code Form is subject to the terms of the Mozilla Public
      2  * License, v. 2.0. If a copy of the MPL was not distributed with this
      3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
      4 
      5 :root {
      6   --toolbarbutton-image: url("chrome://browser/skin/Toolbar.svg#toolbar");
      7 }
      8 
      9 /* Toolbar */
     10 #placesToolbar {
     11   padding: 3px;
     12   padding-inline-end: 6px;
     13 }
     14 
     15 #placesToolbar > toolbarbutton[disabled] > .toolbarbutton-icon {
     16   opacity: .4;
     17 }
     18 
     19 #back-button,
     20 #forward-button {
     21   list-style-image: var(--toolbarbutton-image);
     22 }
     23 
     24 
     25 #back-button {
     26   -moz-image-region: rect(0, 18px, 18px, 0);
     27 }
     28 
     29 #forward-button {
     30   -moz-image-region: rect(0, 36px, 18px, 18px);
     31   margin-left: 5px;
     32 }
     33 
     34 #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon,
     35 #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon {
     36   transform: scaleX(-1);
     37 }
     38 
     39 /* Menu */
     40 #placesMenu {
     41   margin-inline-start: 6px;
     42   -moz-appearance: none;
     43   border: none;
     44 }
     45 
     46 #placesMenu > menu {
     47   padding-inline-start: 4px;
     48   padding-inline-end: 1px;
     49   padding-top: 2px;
     50   padding-bottom: 2px;
     51   -moz-appearance: none;
     52   color: #bfbbb6;
     53   border: 1px solid transparent;
     54   border-radius: 3px;
     55 }
     56 
     57 #placesMenu > menu[_moz-menuactive="true"] {
     58   background-color: #181411;
     59 }
     60 
     61 #placesMenu > menu:hover {
     62   border: 1px solid rgb(64,64,64);
     63   background-color: #181411;
     64 }
     65 
     66 #placesMenu > menu[open="true"] {
     67   border: 1px solid rgb(64,64,64);
     68   background-color: #181411;
     69 }
     70 
     71 #placesMenu > menu > .menubar-text {
     72   padding-inline-end: 8px;
     73   background: url(chrome://global/skin/arrow/arrow-v.svg#dn) right center no-repeat;
     74 }
     75 
     76 #placesMenu > menu > .menubar-text:-moz-locale-dir(rtl) {
     77   background-position: left center;
     78 }
     79 
     80 /* organize, view and maintenance buttons icons */
     81 
     82 /* organize button */
     83 #organizeButton {
     84   list-style-image: url("chrome://browser/skin/places/libraryToolbar.svg#organizeButton");
     85 }
     86 
     87 /* view button */
     88 #viewMenu {
     89   list-style-image: url("chrome://browser/skin/places/libraryToolbar.svg#viewMenu");
     90 }
     91 
     92 /* maintenance button */
     93 #maintenanceButton {
     94   list-style-image: url("chrome://browser/skin/places/libraryToolbar.svg#maintenanceButton");
     95 }
     96 
     97 /* clear button */
     98 #clearDownloadsButton {
     99   list-style-image: url("chrome://browser/skin/places/libraryToolbar.svg#clearDownloadsButton");
    100 }
    101 
    102 /* Root View */
    103 #placesView {
    104   border-top: 1px solid rgb(64,64,64);
    105 }
    106 
    107 /* Info box */
    108 #detailsDeck {
    109   border-top: 1px solid rgb(64,64,64);
    110   padding: 5px;
    111 }
    112 
    113 #infoBoxExpanderLabel {
    114   padding-inline-start: 2px;
    115 }
    116 
    117 #searchFilter {
    118   margin: 0;
    119 }
    120 
    121 /**
    122  * Downloads pane
    123  */
    124 
    125 #clearDownloadsButton > .toolbarbutton-icon {
    126   display: none;
    127 }
    128 
    129 #clearDownloadsButton {
    130   padding-inline-start: 9px;
    131   padding-inline-end: 9px;
    132 }
    133 
    134 
    135 #placesView {
    136   border-top: none;
    137 }
    138 
    139 #placesToolbox {
    140   border-top: none;
    141 }
    142 
    143 #placesToolbar {
    144   background-color: #181411;
    145 }
    146   
    147 #placesView > splitter {
    148   border: 0;
    149   border-inline-end: 1px solid rgb(64,64,64);
    150   min-width: 0;
    151   width: 3px;
    152   background-color: transparent;
    153   margin-inline-start: -3px;
    154   position: relative;
    155 }
    156 
    157 #placesToolbar {
    158   color: #bfbbb6;
    159 }
    160 
    161 #detailsDeck {
    162   border-top-color: rgb(64,64,64);
    163 }
    164 
    165 #searchFilter {
    166   -moz-appearance: none;
    167   padding: 4px;
    168   padding-inline-start: 6px;
    169   background-color: #181411;
    170   background-clip: padding-box;
    171   border: 1px solid rgb(64,64,64);
    172   border-radius: 5px;
    173 }
    174 
    175 #placesToolbar > toolbarbutton {
    176   border-radius: 3px;
    177   margin-left: 7px;
    178 }
    179 #placesToolbar > toolbarbutton:not([disabled="true"]):hover {
    180   border: 1px solid rgb(64,64,64);
    181   background-color: #181411;
    182 }
    183 
    184 #placesToolbar > toolbarbutton:not([disabled="true"]):hover:active,
    185 #placesToolbar > toolbarbutton:not([disabled="true"])[open="true"] {
    186   border: 1px solid rgb(64,64,64);
    187   background-color: #181411;
    188 }
    189 #placesToolbar > toolbarbutton > .toolbarbutton-icon {
    190   margin-right: 4px;
    191 }
    192 #back-button,
    193 #forward-button {
    194   margin-right: 0;
    195 }