API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 22nd, 2015
82
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 17.16 KB | None | 0 0
raw download clone embed print report
  1. /* set default namespace to XUL */
  2. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  3.  
  4. /**************************** Tab Container ***************************/
  5. #tabbrowser-tabs,
  6. #TabsToolbar .toolbarbutton-1,
  7. #TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  8.   box-shadow: inset 0 -5px rgba(0,0,0,0.02),
  9.               inset 0 -4px rgba(0,0,0,0.025),
  10.               inset 0 -3px rgba(0,0,0,0.03),
  11.               inset 0 -2px rgba(0,0,0,0.035),
  12.               inset 0 -1px rgba(0,0,0,0.05) !important;
  13.   background: -moz-linear-gradient(#454749, #37393B) !important;
  14. }
  15.  
  16. #private-browsing-indicator {
  17.   background:  url("images/privatebrowsing-mask.png"),
  18.               -moz-linear-gradient(#454749, #37393B) !important;
  19.   box-shadow: inset 0 -5px rgba(0,0,0,0.02),
  20.               inset 0 -4px rgba(0,0,0,0.025),
  21.               inset 0 -3px rgba(0,0,0,0.03),
  22.               inset 0 -2px rgba(0,0,0,0.035),
  23.               inset 0 -1px rgba(0,0,0,0.05) !important;
  24.   background-repeat: no-repeat !important;
  25.   background-position: center !important;
  26. }
  27.  
  28. .toolbar-primary {
  29.   background-color: #2A2A2B !important;
  30. }
  31.  
  32. .tabs-newtab-button > .toolbarbutton-icon,
  33. #new-tab-button > .toolbarbutton-icon {
  34.   -moz-appearance: none !important;
  35.   list-style-image: url("images/new-tab.png") !important;
  36.   -moz-image-region: auto !important;
  37. }
  38.  
  39. #TabsToolbar .toolbarbutton-1,
  40. #TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  41.   -moz-appearance: none !important;
  42.   border-style: none !important;
  43.   padding: 0 3px !important;
  44. }
  45.  
  46. /**************************** Search Icon ****************************/
  47. .search-go-button {
  48.   -moz-appearance: none !important;
  49.   list-style-image: url("images/search.png") !important;
  50.   -moz-image-region: auto !important;
  51. }
  52.  
  53. /**************************** Tab-throbber ***************************/
  54.  
  55. .tab-throbber {
  56.   list-style-image: url("images/connecting.png") !important;
  57. }
  58.  
  59. .tab-throbber[progress] {
  60.   list-style-image: url("images/loading.png") !important;
  61. }
  62.  
  63. /**************************** Bookmarks Bar ***************************/
  64.  
  65. #navigator-toolbox #PersonalToolbar {
  66.   background: #333436 !important;
  67.   background-image: none !important;
  68.   padding: 3px !important;
  69.   padding-top: 2px !important;
  70.   box-shadow: inset 0 1px #151516,
  71.               inset 0 2px rgba(255,255,255,0.07) !important;
  72. }
  73.  
  74. #navigator-toolbox:after {
  75.   background-color: #151516 !important;
  76. }
  77.  
  78. /**************************** Navbar ***************************/
  79. #nav-bar {
  80.   -moz-appearance: none !important;
  81.   border-top: none !important;
  82.   box-shadow: inset 0 1px #151516,
  83.               inset 0 2px rgba(255,255,255,0.15) !important;
  84.  
  85.   background: -moz-linear-gradient(#444547, #333436) !important;
  86.   color: #F3F3F5 !important;
  87. }
  88.  
  89. /* Replace the default close tab icon with a white one */
  90. .tab-close-button[selected="true"],
  91. .tab-close-button:hover,
  92. .tab-close-button:active,
  93. .tabbrowser-tab:not([selected="true"]):hover .tab-close-button {
  94.     list-style-image: url("images/tab-close-selected.svg") !important;
  95. }
  96.  
  97. .tab-close-button {
  98.     list-style-image: url("images/tab-close.svg") !important;
  99. }
  100.  
  101. /*Selected tab background */
  102. .tabbrowser-tab[selected="true"],
  103. .tabbrowser-tab[selected="true"]:hover,
  104. .tabbrowser-tab:not([selected="true"]):hover {
  105.   background-color: rgba(0,0,0,0) !important;
  106.   color: #F3F3F5 !important;
  107.   text-shadow: 0 -1px rgba(0,0,0,0.7) !important;
  108. }
  109.  
  110. .tabbrowser-tab:not([selected="true"]) {
  111.   background-color: rgba(0,0,0,0) !important;
  112.   color: #A7A7A8 !important;
  113.   text-shadow: 0 -1px rgba(0,0,0,0.7) !important;
  114. }
  115.  
  116. .tab-background-middle[selected="true"] {
  117.   background-color: rgba(0,0,0,0) !important;
  118. }
  119.  
  120. .tab-background-start[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
  121. .tab-background-end[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
  122.   background-image: url("images/tabActiveStart.svg") !important;
  123. }
  124.  
  125. .tab-background-end[selected=true]:-moz-locale-dir(ltr):not(:-moz-lwtheme)::before,
  126. .tab-background-start[selected=true]:-moz-locale-dir(rtl):not(:-moz-lwtheme)::before {
  127.   background-image: url("images/tabActiveEnd.svg") !important;
  128. }
  129.  
  130. .tab-background-middle[selected=true] {
  131.   background-image: url("images/tabActiveMiddle.svg") !important;
  132. }
  133.  
  134. .tab-background-start[selected=true]:-moz-locale-dir(ltr)::after,
  135. .tab-background-end[selected=true]:-moz-locale-dir(rtl)::after {
  136.   background-image: none !important;
  137. }
  138.  
  139. .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after,
  140. .tab-background-start[selected=true]:-moz-locale-dir(rtl)::after {
  141.   background-image: none !important;
  142. }
  143.  
  144. .tab-background-middle::after[selected=true] {
  145.   background-image: none !important;
  146. }
  147.  
  148. /* Background tab separators (2px wide).
  149.    Also show separators beside the selected tab when dragging it. */
  150. #tabbrowser-tabs[movingtab] > .tabbrowser-tab[beforeselected]:not([last-visible-tab])::after,
  151. .tabbrowser-tab:not([selected]):not([afterselected-visible]):not([afterhovered]):not([first-visible-tab]):not(:hover)::before,
  152. #tabbrowser-tabs:not([overflow]) > .tabbrowser-tab[last-visible-tab]:not([selected]):not([beforehovered]):not(:hover)::after {
  153.   -moz-margin-start: -1px !important;
  154.   -moz-margin-end: -1px !important;
  155.   background-image: url(images/tab-separator.svg) !important;
  156.   background-position: left bottom 1px !important;
  157.   background-repeat: no-repeat !important;
  158.   background-size: 2px 100% !important;
  159.   content: "" !important;
  160.   display: -moz-box !important;
  161.   width: 2px !important;
  162. }
  163.  
  164. /* new tab button border and gradient on hover */
  165. .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]),
  166. .tabs-newtab-button:hover {
  167.   background-image: url(images/tab-start-hover.svg),
  168.                     url(images/tab-middle-hover.svg),
  169.                     url(images/tab-end-hover.svg) !important;
  170.   background-position: left bottom, 30px bottom, right bottom !important;
  171.   background-repeat: no-repeat !important;
  172.   background-size: 30px 100%, calc(100% - (2 * 30px)) 100%, 30px 100% !important;
  173. }
  174.  
  175. /************************* Text Input Boxes ***************************/
  176. #notification-popup-box {
  177.   background-color: transparent !important;
  178.   border-image: url("images/urlbar-arrow.png") 0 8 0 0 / 0 8px 0 0 !important;
  179. }
  180.  
  181. #identity-box {
  182.   background-color: #2B2B2C !important;
  183. }
  184.  
  185. .searchbar-textbox {
  186.   padding: 2px !important;
  187. }
  188.  
  189. #nav-bar textbox {
  190.   -moz-appearance: none !important;
  191.   color: #F3F3F5 !important;
  192.   background-color: #2B2B2C !important;
  193.   border-radius: 2px !important;
  194.   border: 1px solid #171717 !important;
  195.   border-top-color: #0f0f0f !important;
  196.   transition: none !important;
  197.   box-shadow: 0 1px rgba(255,255,255,0.15),
  198.               inset 0 1px rgba(0,0,0,0.1) !important;
  199. }
  200.  
  201. #nav-bar textbox[focused="true"] {
  202.   -moz-appearance: none !important;
  203.   color: #F3F3F5 !important;
  204.   background-color: #2B2B2C !important;
  205.   border-radius: 2px !important;
  206.   border: 1px solid #171717 !important;
  207.   border-top-color: #0f0f0f !important;
  208.   transition: none !important;
  209.   box-shadow: 0 1px rgba(255,255,255,0.15),
  210.               inset 0 1px #3a6cce,
  211.               inset 0 -1px #3a6cce,
  212.               inset 1px 0 #3a6cce,
  213.               inset -1px 0 #3a6cce !important;
  214. }
  215.  
  216. #nav-bar textbox[disabled="true"] {
  217.   -moz-appearance: none !important;
  218.   color: #7F7F8A !important;
  219.   background-color: #434446 !important;
  220.   border-radius: 2px !important;
  221.   border: 1px solid #171717 !important;
  222.   border-top-color: #0f0f0f !important;
  223.   transition: none !important;
  224.   box-shadow: 0 1px rgba(255,255,255,0.15) !important;
  225. }
  226.  
  227. /* Places toolbar *//* ::::: bookmark buttons ::::: */
  228.  
  229. #personal-bookmarks {
  230.   min-height: 18px !important;
  231. }
  232.  
  233. toolbarbutton.bookmark-item {
  234.   -moz-appearance: none !important;
  235.   background: none !important;
  236.   border: 1px solid rgba(0,0,0,.0) !important;
  237.   border-radius: 2px !important;
  238.   padding: 4px !important;
  239.   color: #F3F3F5 !important;
  240.   text-shadow: 0 -1px rgba(0,0,0,0.7) !important;
  241.   box-shadow: none !important;
  242. }
  243.  
  244. /* separator (between navbar menubuttons with dropmarker) colors */
  245. #nav-bar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before,
  246. #nav-bar .toolbarbutton-1:active > .toolbarbutton-menubutton-dropmarker::before,
  247. #nav-bar .toolbaritem-combined-buttons > .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled]) + .toolbarbutton-1:-moz-any(:not(:hover):not([open]),[disabled])::before{
  248.   content: "" !important;
  249.   display: -moz-box !important;
  250.   width: 2px !important;
  251.   height: 18px !important;
  252.   -moz-margin-end: -1px !important;
  253.   border-image: url("images/navbar-separator.png") 0 0 0 2 / 0 0 0 2px !important;
  254.   background-clip: padding-box !important;
  255.   background-position: center !important;
  256.   background-repeat: no-repeat !important;
  257.   background-size: 2px 18px !important;
  258.   box-shadow: none !important;
  259.   margin-left: -1px !important;
  260. }
  261.  
  262. #PanelUI-button {
  263.   background: none !important;
  264.   border-image: url("images/navbar-separator.png") 0 0 0 2 / 0 0 0 2px !important;
  265. }
  266.  
  267. /*hover*/
  268. #TabsToolbar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-icon,
  269. #TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover > .toolbarbutton-icon,
  270. #nav-bar #forward-button:hover > .toolbarbutton-icon,
  271. toolbarbutton.bookmark-item:hover,
  272. #nav-bar .toolbarbutton-1:not([disabled]):-moz-any(:hover,[open]) > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
  273. #nav-bar .toolbarbutton-1:not([disabled]):hover > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon,
  274. #nav-bar .toolbarbutton-1:not([disabled]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
  275. #nav-bar .toolbarbutton-1:not([disabled]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
  276. #nav-bar .toolbarbutton-1:not([disabled]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-container {
  277.   background-color: rgba(0,0,0,0) !important;
  278.   border-color: #1e1f20 !important;
  279.   border-bottom-color: #040404 !important;
  280.   background-image: linear-gradient(to bottom,
  281.                                       #54565a,
  282.                                       #363738
  283.                                       ) !important;
  284.   background-clip: padding-box !important;
  285.   transition: none !important;
  286.   box-shadow: 0 1px rgba(0,0,0,0.1),
  287.               inset 0 1px rgba(255,255,255,0.15) !important;
  288.   color: #F3F3F5 !important;
  289.   text-shadow: 0 -1px rgba(0,0,0,0.7) !important;
  290. }
  291.  
  292. #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):not([open]):not(:active):hover > .toolbarbutton-icon,
  293. #nav-bar .toolbarbutton-1:not([buttonover]):not([open]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon {
  294.   background-color: rgba(0,0,0,0) !important;
  295.   border-color: #1e1f20 !important;
  296.   border-bottom-color: #040404 !important;
  297.   background-image: linear-gradient(to bottom,
  298.                                       #54565a,
  299.                                       #47494A
  300.                                       ) !important;
  301.   background-clip: padding-box !important;
  302.   transition: none !important;
  303.   box-shadow: 0 1px rgba(0,0,0,0.1),
  304.               inset 0 1px rgba(255,255,255,0.15) !important;
  305.   color: #F3F3F5 !important;
  306.   text-shadow: 0 -1px rgba(0,0,0,0.7) !important;
  307. }
  308. /*active*/
  309. #nav-bar .toolbarbutton-1[checked]:not(:active):hover > .toolbarbutton-icon,
  310. #TabsToolbar .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
  311. #TabsToolbar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
  312. #nav-bar #forward-button:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
  313. toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
  314. toolbarbutton.bookmark-item[open="true"],
  315. #nav-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled]):hover:active > .toolbarbutton-icon,
  316. #nav-bar .toolbarbutton-1[open] > .toolbarbutton-menubutton-dropmarker:not([disabled]) > .dropmarker-icon,
  317. #nav-bar .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon,
  318. #nav-bar .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-text,
  319. #nav-bar .toolbarbutton-1:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-badge-container {
  320.   background-color: rgba(0,0,0,0) !important;
  321.   border-color: #0d0d0d !important;
  322.   border-left-color: #1b1b1b !important;
  323.   border-right-color: #1b1b1b !important;
  324.   border-bottom-color: #1e1e1e !important;
  325.   background-image: linear-gradient(to bottom,
  326.                                       #262627,
  327.                                       #363739
  328.                                       ) !important;
  329.   background-clip: padding-box !important;
  330.   transition: none !important;
  331.   box-shadow: 0 1px rgba(255,255,255,0.2),
  332.               inset 0 1px 2px rgba(0,0,0,0.2) !important;
  333.   color: #F3F3F5 !important;
  334.   text-shadow: 0 -1px rgba(0,0,0,0.7) !important;
  335. }
  336.  
  337. /*back-button*/
  338. window:not([chromehidden~="toolbar"]) #urlbar-container > #back-button:not([open]):not(:active):not([disabled]) > .toolbarbutton-icon {
  339.   border: 1px solid #1e1f20 !important;
  340.   background-image: linear-gradient(to bottom,
  341.                                       #4f5154,
  342.                                       #353537
  343.                                       ) !important;
  344.   box-shadow: 0 1px rgba(0,0,0,0.1),
  345.               inset 0 1px rgba(255,255,255,0.15) !important;
  346.   margin-right: -3px !important;
  347.   color: #F3F3F5 !important;
  348.   list-style-image: url("images/back.png") !important;
  349.   -moz-image-region: auto !important;
  350. }
  351.  
  352. window:not([chromehidden~="toolbar"]) #urlbar-container > #back-button:not([open]):not(:active):not([disabled]):hover > .toolbarbutton-icon {
  353.   border: 1px solid #1e1f20 !important;
  354.   background-image: linear-gradient(to bottom,
  355.                                       #54565a,
  356.                                       #363738
  357.                                       ) !important;
  358. }
  359.  
  360. window:not([chromehidden~="toolbar"]) #urlbar-container > #back-button:not([disabled]):-moz-any([open],[checked],:hover:active) > .toolbarbutton-icon {
  361.   border: 1px solid #131414 !important;
  362.   margin-right: -3px !important;
  363.   list-style-image: url("images/back.png") !important;
  364.   -moz-image-region: auto !important;
  365. }
  366.  
  367. window:not([chromehidden~="toolbar"]) #urlbar-container > #back-button:-moz-any([disabled],:not([open]):not([disabled]):not(:active)) > .toolbarbutton-icon {
  368.   border: 1px solid #1e1f20 !important;
  369.   background-image: none !important;
  370.   background-color: #434446 !important;
  371.   box-shadow: 0 1px rgba(0,0,0,0.1),
  372.               inset 0 1px rgba(255,255,255,0.15) !important;
  373.   margin-right: -3px !important;
  374.   list-style-image: url("images/back-insensitive.png") !important;
  375.   -moz-image-region: auto !important;
  376.   opacity: 1 !important;
  377. }
  378.  
  379. /*forward-button*/
  380. #nav-bar #forward-button > .toolbarbutton-icon {
  381.   border: 1px solid #1e1f20 !important;
  382.   background-image: linear-gradient(to bottom,
  383.                                       #4f5154,
  384.                                       #353537
  385.                                       ) !important;
  386.   box-shadow: 0 1px rgba(0,0,0,0.1),
  387.               inset 0 1px rgba(255,255,255,0.15) !important;
  388.   margin-right: -1px !important;
  389.   list-style-image: url("images/forward.png") !important;
  390.   -moz-image-region: auto !important;
  391. }
  392.  
  393. /*************************** Dropmarker *******************************/
  394. dropmarker {
  395.   -moz-appearance: none!important;
  396.   width: 16px!important;
  397.   height: 16px!important;
  398.   -moz-box-align: center!important;
  399.   -moz-box-pack: center!important;
  400.   list-style-image: url("images/arrow-dn[dropmarker].png")!important;
  401.   -moz-image-region: auto!important;
  402. }
  403.  
  404. dropmarker:hover:active:not([disabled="true"]) {
  405.   padding-top: 2px!important;
  406.   padding-bottom: 0px!important;
  407.   -moz-padding-start: 2px!important;
  408.   -moz-padding-end: 0px!important;
  409. }
  410.  
  411. dropmarker[disabled="true"] {
  412.   list-style-image: url("images/arrow-dn-dis.gif") !important;
  413. }
  414.  
  415. .searchbar-dropmarker-image {
  416.   -moz-appearance: none!important;
  417.   list-style-image: url("images/arrow-dn[dropmarker].png")!important;
  418.   -moz-image-region: auto!important;
  419.   width: 7px!important;
  420.   height: 4px!important;
  421.   margin: 4px !important;
  422.   margin-left: 7px !important;
  423. }
  424.  
  425. /*************************** Search Popup *******************************/
  426. .search-panel-current-engine {
  427.   border-bottom: 1px solid #151516 !important;
  428. }
  429.  
  430. .search-panel-header {
  431.   background-color: #353638 !important;
  432.   border-top: 1px solid #151516 !important;
  433.   margin: 0 1px;
  434.   padding: 3px 5px;
  435.   color: #F3F3F5 !important;
  436. }
  437.  
  438. .search-panel-input-value {
  439.   color: white !important;
  440. }
  441.  
  442. .searchbar-engine-one-off-item {
  443.   border-right: 1px solid #202021 !important;
  444.   background-image: none !important;
  445. }
  446.  
  447. .addengine-item:first-of-type,
  448. .search-panel-one-offs {
  449.   border-top: 1px solid #151516 !important;
  450. }
  451.  
  452. .searchbar-engine-one-off-item:not(.last-row) {
  453.   border-bottom: 1px solid #202021 !important;
  454. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!