API tools faq
paste
Advertisement
Gomuboy

Moko Based Firefox

Gomuboy
Nov 24th, 2015
478
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.37 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  2.  
  3.  
  4. /* custom colors */             /*var(--tab-bg)*/
  5. :root {
  6. --tab-bg: #242526 !important;                /* tab bg */
  7. --url-bg: #242526 !important;     /* url bg & hover bg */
  8. --focus-tab-bg: #373635 !important;          /* selected tab bg */
  9. --main-text: #f7f7f7 !important;      /* tab fg */
  10. --secondary-text: #aaaaaa !important;        /* selected tab fg*/
  11. --third-text: #f7f7f7 !important;       /* hover tab fg & url bar fg*/
  12. }  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20. /*quita el borde azul*/
  21. #urlbar[focused]
  22.           {
  23.              border-width: 0px !important;
  24.              border-color: var(--url-bg) !important;
  25.              box-shadow: none !important;
  26.           }
  27.  
  28. /*displays pin favicons*/
  29.    
  30. .tabbrowser-tab:not([pinned]) .tab-icon-image
  31.   {
  32.       display: none !important;
  33.  
  34.   }
  35.    
  36. /* fades buttons */
  37. #downloads-button, #new-tab-button, #c traddon_bookmarks-button, #ctraddon_reload-button, bookmarks-button, reload-button, .tab-icon-image {
  38.     opacity: 1 !important;
  39. }
  40.    
  41. #downloads-button
  42.     {
  43.         margin-bottom: -5px;
  44.         margin-top: -8px;
  45.     }
  46.    
  47. #TabsToolbar .tabbrowser-tab {
  48.     min-width: 35px !important;
  49. }    
  50.    
  51.  
  52. /*uncomment to show website info*/
  53. #identity-box, #identity-icon-labels {
  54.     display: none;
  55. }
  56.  
  57. #identity-box {
  58.     background: var(--url-bg) !important;
  59.     color: var(--main-text) !important;
  60.     opacity: 1 !important;
  61. }
  62.  
  63. /* fix white bg when opening new tabs */
  64. browser, browser.display.background_color, tabbrowser tabpanels
  65.     {
  66.         background-color: var(--tab-bg) !important;
  67.     }
  68.  
  69. /* page identity box */
  70. #identity-box {
  71.     background: var(--url-bg) !important;
  72.     color: var(--main-text) !important;
  73.     opacity: 1 !important;
  74. }
  75.  
  76. .tab-icon-image
  77.     {
  78.        /*filter: grayscale(0.9) !important;
  79.         filter: hue-rotate(130deg) !important;*/
  80.         opacity: 1 !important;
  81.     }
  82.  
  83.     /* remove icons */
  84. #memfx-toolbar-button, #urlbar-reload-button, .box-inherit.toolbarbutton-menubutton-button, .scrollbutton-up, .scrollbutton-down, .tab-close-button.close-icon, #urlbar-stop-button {
  85.   display: none;
  86. }
  87.  
  88. #TabsToolbar .tabbrowser-tab {
  89.   background: var(--tab-bg) !important;
  90.   border: 0px solid #1d1e2a !important;
  91.   border-radius: 0px !important;
  92.   color: var(--secondary-text) !important;
  93.   margin: 0px !important;
  94.   height: 45px !important;
  95.   box-shadow: 1px 0px 13px rgba(204,204,204,0.3) !important;
  96. }
  97.  
  98. #TabsToolbar {
  99.   background: var(--tab-bg) !important;
  100. }
  101.  
  102. #main-window {
  103.  margin-top:-1px!important;
  104.  margin-left:-1px!important;
  105.  margin-right:-1px!important;
  106.  margin-bottom: -1px !important;
  107. }  
  108.  
  109. #TabsToolbar {
  110.     margin-left: -14px !important;
  111.     margin-top: 0px !important;
  112. }
  113.  
  114. #navigator-toolbox {
  115.     border-bottom: 0px solid #00ff00 !important;
  116. }
  117.  
  118. /* nav bg color and sizes */
  119. #nav-bar-customization-target {
  120.     background: var(--url-bg) !important;
  121. }
  122.  
  123. #urlbar {
  124.     background: var(--url-bg) !important;
  125.     color: var(--main-text) !important;
  126.     text-align: center !important;
  127.     height: 30px !important;
  128.     border: 0px solid var(--secondary-text) !important;
  129.     margin-top: 0px !important;
  130.     width: 10000px !important;
  131. }
  132.  
  133. /* navbar */
  134. #navigator-toolbox > toolbar:not(#toolbar-menubar):not(#TabsToolbar):not(:-moz-lwtheme) {
  135.     background-color: var(--url-bg) !important;
  136.     margin-bottom: -1px !important;
  137. }
  138.  
  139. /* plugin icons */
  140. #notification-popup-box, .unknownIdentity {
  141.     background-color: var(--url-bg) !important;
  142.     border-image-source: none !important;
  143. }
  144.  
  145. #notification-popup-box, #page-proxy-favicon {
  146.     opacity: 0.5 !important;
  147.     filter: grayscale(0.9) !important;    
  148. }
  149.  
  150. #nav-bar {
  151.     height: 50px !important;
  152. }
  153.  
  154. /* selected tab */
  155. #TabsToolbar .tabbrowser-tab[selected] {
  156.   background-color: var(--focus-tab-bg) !important;
  157.   /*background: url(https://puu.sh/kwLI3/300a84af8b.png) !important;*/
  158.   background-size: 100% 100% !important;
  159.   background-repeat: no-repeat !important;
  160.   color: var(--main-text) !important;
  161.   border-bottom: 2px solid var(--focus-tab-bg) !important;  
  162.   opacity: 1 !important;  
  163.   /*border-radius: 12px !important;*/
  164. }
  165.  
  166. /* changes bg color of pinned tabs when updated */
  167. .tabbrowser-tab[pinned][titlechanged]:not([selected="true"]) > .tab-stack > .tab-content
  168.     {
  169.        opacity: 1 !important;
  170.        background: var(--secondary-text) !important;
  171.        background-size: 100% 100% !important;
  172.     }
  173.  
  174. .tabbrowser-tab[pinned]
  175. { width: 40px !important;}
  176.  
  177. .tabbrowser-tab[pinned] .tab-icon-image
  178. { margin-left: 3px !important;}
  179.  
  180.  
  181.  
  182.  
  183.  
  184. /* hover tab */
  185. #TabsToolbar .tabbrowser-tab:hover {
  186.  background-color: var(--url-bg) !important;
  187.    /*background: url(https://puu.sh/kwLI3/300a84af8b.png) !important;*/
  188.   background-size: 100% 100% !important;
  189.   background-repeat: no-repeat !important;
  190.   color: var(--third-text) !important;  
  191.   border-bottom: 2px solid var(--main-text) !important;  
  192. }
  193.  
  194. /* fix tab bg color and removes australis */
  195. #TabsToolbar .tab-background {
  196.     background: transparent !important;
  197. }
  198. #TabsToolbar .tab-background-start,
  199. #TabsToolbar .tab-background-end {
  200.     background: transparent !important;
  201.     background-image: none !important;
  202. }
  203. #TabsToolbar .tab-background-middle {
  204.     background: transparent !important;
  205. }
  206.  
  207. #TabsToolbar .tab-background-start::before,  #TabsToolbar .tab-background-end::before {
  208.   background-image: none !important;
  209. }
  210.  
  211. .tab-background-start[selected=true]:-moz-locale-dir(ltr)::after,
  212. .tab-background-end[selected=true]:-moz-locale-dir(ltr)::after {
  213.   background-image: none!important;
  214. }
  215.  
  216. /* removes seperators between pinned tabs */
  217. #TabsToolbar .tabbrowser-tab:after,
  218. #TabsToolbar .tabbrowser-tab:before {
  219.     display: none !important;
  220. }
  221.  
  222. /* center text */
  223. .tab-text {
  224.     text-align: center !important;
  225. }
  226.  
  227. /* menu bar color */
  228. #main-menubar, #toolbar-menubar, #menubar-items, menubar > menu {
  229.     background: var(--tab-bg) !important;
  230.     color: var(--main-text) !important;
  231.     text-shadow: none !important;
  232.     border: none !important;
  233.     margin-top: 0px !important;
  234. }
  235.  
  236. /* menu icon */
  237. #PanelUI-button {
  238.     background: var(--url-bg) !important;
  239. }
  240.  
  241. /* back/forward buttons*/
  242. #back-button > .toolbarbutton-icon {
  243.         list-style-image: url(https://puu.sh/lf0AO/dd11f85e21.png) !important;
  244.         margin-left: 0px !important;
  245.     }
  246. #forward-button {
  247.         list-style-image: url(https://puu.sh/lf0AX/f7adac6a2d.png) !important;
  248.         margin-left: 0px !important;
  249.     }
  250.  
  251. #back-button:hover, #forward-button:hover {
  252.         background: transparent !important;
  253.         background-color: var(--focus-tab-bg) !important;
  254.         opacity: 0.3 !important;
  255.         border: none !important;
  256.         box-shadow: none !important;
  257.     }
  258.  
  259. #back-button:not([disabled="true"]):not([open="true"]):not(:active):hover > .toolbarbutton-icon, #back-button, #back-button .toolbarbutton-icon:hover, #back-button .toolbarbutton-icon, #forward-button .toolbarbutton-icon, #forward-button {
  260.        border-radius: 0px !important;
  261.        background: transparent !important;
  262.        background-color: transparent !important;
  263.        border: 0px solid #000 !important;
  264.        padding: 2px !important;
  265.        box-shadow: none !important;    
  266.        margin-left: 0px !important;
  267.        margin-top: 1px !important;
  268.        margin-bottom: 1px !important;
  269.        background-color: var(--url-bg) !important;
  270.        width: 25px !important;
  271.        height: 30px !important;
  272.    }
  273.  
  274. #back-button:disabled, #forward-button:disabled {
  275.     opacity: 0.4 !important;
  276. }
  277.  
  278. /* remove disabled back button border */
  279. #back-button#back-button#back-button>image.toolbarbutton-icon {
  280. box-shadow: none !important;
  281. }
  282.  
  283.    
  284. /*hides history dropdown*/
  285.  
  286. .urlbar-history-dropmarker {
  287.     display: none !important;
  288. }
  289.  
  290. /* go icon */
  291. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active {
  292.    width: 16px !important;
  293.    height: 16px !important;
  294.     margin-top: -4px !important;
  295.   background-image: url(http://puu.sh/jCj6j/b4f077d174.png) !important;
  296.     }
  297.  #urlbar-go-button, #urlbar-go-button:not([disabled]):hover, #urlbar-go-button:not([disabled]):hover:active {
  298.     }
  299.  
  300. /* menu button*/
  301. #PanelUI-button {
  302. /*    background: url('https://puu.sh/kHDG8/4ec3b786b5.png') !important;    */
  303.     background: url('http://i.imgur.com/mFOAnEJ.png') !important;
  304.     background-color: var(--url-bg) !important;
  305.     background-repeat: no-repeat !important;
  306.     background-position: center !important;
  307.     box-shadow: none !important;
  308.     margin-left: 0px !important;
  309.     width: 44px !important;
  310.     height: 10px !important;
  311.     border: none !important;
  312. }
  313. #PanelUI-button:hover {
  314. /*    background: url('https://puu.sh/kHDHJ/05799b0259.png') !important;*/
  315.     background: url('http://i.imgur.com/BKgsYKn.png') !important;
  316.     background-color: var(--url-bg) !important;
  317.     background-repeat: no-repeat !important;
  318.     background-position: center !important;
  319.     box-shadow: none !important;
  320.     margin-top: 0px !important;
  321.     width: 44px !important;
  322.     height: 10px !important;
  323.     border: none !important;
  324. }
  325.  
  326. #PanelUI-button .button-icon,
  327. #PanelUI-button .button-text {
  328.    display: none !important;
  329. }
  330. #PanelUI-menu-button {
  331.     opacity: 0 !important;
  332.     background-color: #00ff00 !important;
  333.     width: 45px !important;
  334.     height: 150px !important;
  335.     padding-top: 35px !important;
  336. }
  337.  
  338. /*remove shitty fog */
  339. #TabsToolbar:not(:-moz-lwtheme)::after {
  340.     display: none;
  341. }
  342.  
  343. /* bookmarks folder icons*/
  344. menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"]), menuitem.bookmark-item, menu.bookmark-item:not([query]):not([label="Bookmarks Toolbar"])[open] {
  345. list-style-image: url("https://puu.sh/leYZ9/1769a4b8b7.ico") !important;
  346. -moz-image-region: rect(0 32px 32px 0) !important;
  347. }
  348.  
  349. /* bookmark icon */
  350. #bookmarks-menu-button {
  351.     background-image: url('https://puu.sh/kHDnp/de3a79b8c9.png') !important;
  352.     background-color: var(--url-bg) !important;
  353.     background-repeat: no-repeat  !important;
  354.     background-position: center !important;
  355.     opacity: 1 !important;
  356.     margin-top: -1px !important;
  357.     margin-right: 0px !important;
  358.     box-shadow: none !important;
  359.     width: 24px !important;
  360.     height: 15px !important;
  361.     border: none !important;
  362. }
  363. /* bookmark icon */
  364. #bookmarks-menu-button:hover {
  365.     background-image: url('https://puu.sh/kHDnH/61a78dc199.png') !important;
  366.     background-color: var(--url-bg) !important;
  367.     background-repeat: no-repeat  !important;
  368.     background-position: center !important;
  369.     opacity: 1 !important;
  370.     margin-top: -1px !important;
  371.     margin-right: 0px !important;
  372.     box-shadow: none !important;
  373.     width: 24px !important;
  374.     height: 15px !important;
  375.     border: none !important;
  376. }
  377.  
  378.  
  379. /* speaker  icon */
  380. .tab-icon-sound, .tab-icon-overlay {
  381.     list-style-image: url('https://puu.sh/l8Qbf/d1a24baa27.png') !important;
  382.     opacity: 0.8 !important;
  383. }
  384. .tab-icon-sound[muted="true"] {
  385.     list-style-image: url('https://puu.sh/leWAi/54c36b6e52.png') !important;
  386.     opacity: 0.8 !important;
  387. }
  388.  
  389. .tabs-newtab-button {
  390.     background: var(--url-bg) !important;
  391.     width: 40px !important;
  392.     margin-left: 0px !important;
  393.     list-style-image: url('https://puu.sh/lkR8l/9c089372e8.png') !important;
  394. }
  395.  
  396. /*.toolbarbutton-menubutton-dropmarker {
  397.     display: none !important;
  398. }*/
  399.  
  400. #page-proxy-favicon {
  401.         list-style-image: url(http://puu.sh/jDf7t/c0600ffd52.png);
  402.     }
  403.  
  404. #reader-mode-button {
  405.     background-image: url(http://puu.sh/jDf8a/7420034b34.png);
  406.     margin-top: -2px !important;
  407.     margin-right: 2px !important;
  408. }
  409.  
  410. /* icons */
  411.  
  412. #reader-mode-button, #bookmarks-menu-button, #PanelUI-button {
  413.      list-style-image: none !important;
  414. }
  415.  
  416. #PanelUI-button, #bookmarks-menu-button, .urlbar-history-dropmarker, #urlbar-go-button,
  417. #urlbar-go-button:hover,
  418. #urlbar-go-button:hover:active,
  419. #PanelUI-menu-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon, #bookmarks-menu-button, #bookmarks-menu-button:hover, #back-button > .toolbarbutton-icon, #forward-button {
  420.         -moz-image-region: rect(0, 0, 0, 0) !important;
  421.     }
  422.  
  423. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-go-button:hover:active, #PanelUI-menu-button .toolbarbutton-icon, #PanelUI-menu-button .toolbarbutton-icon {
  424.    list-style-image: none !important;
  425.    background-size: contain !important;
  426.    background-position: center center !important;
  427.    background-repeat: no-repeat !important;
  428.         }
  429.    
  430. statuspanel[type="overLink"] .statuspanel-label {
  431. margin-bottom: 0px !important;    
  432. background: var(--url-bg) !important;
  433. border: 0px !important;
  434. color: var(--third-text) !important;
  435. }
  436.  
  437. statuspanel .statuspanel-label {
  438. background: var(--url-bg) !important;
  439. border: 0px !important;
  440. color: var(--third-text) !important;
  441. }
  442.  
  443. statuspanel[type="status"] .statuspanel-label[value^="Looking"],
  444. statuspanel[type="status"] .statuspanel-label[value^="Connect"],
  445. statuspanel[type="status"] .statuspanel-label[value^="Waiting"],
  446. statuspanel[type="status"] .statuspanel-label[value^="Transfer"] {
  447. background: var(--url-bg) !important;
  448. border: 0px solid !important;
  449. color: var(--third-text) !important;
  450. }        
  451.  
  452. #main-window:not([privatebrowsingmode])[sizemode="normal"] #nav-bar {
  453.     border-top: 0px #282B34!important;
  454. }
  455.  
  456.    
  457.    
  458.    
  459.    
  460.    
  461.    
  462.    
  463.    
  464.    
  465.    
  466.    
  467.    
  468.    
  469.    
  470. /* Add Ons Page - wip*/
  471. #view-port, #addons-page, .status-control-wrapper {
  472.   background-color: var(--focus-tab-bg) !important;
  473.   border: none !important;
  474. }
  475.  
  476. .addon.addon-view, .category, #nav-header, #categories, #header-search {
  477.     background-color: var(--tab-bg) !important;
  478. }
  479.  
  480. #header-search, #userstyle-sorting, #userstyle-footer {
  481.     border: none !important;
  482. }
  483.  
  484. .addon.addon-view, .category {
  485.   border-top: 0px !important;
  486.   border-bottom: 0px !important;
  487.    border-color: var(--secondary-text) !important;
  488. }
  489.  
  490. .advancedinfo-container, .name-container, .category, .text-link, .details.button-link, #userstyles-note {
  491.   color: var(--third-text) !important;
  492. }
  493.  
  494. #new-userstyle, #install-from-url,.addon-control, #userstyle-sorting-status, #userstyle-sorting-name, #userstyle-sorting-type, .sorter, #back-btn, #forward-btn, #header-utils-btn {
  495.   background-color: var(--focus-tab-bg) !important;
  496.   border: none !important;
  497.   color: var(--main-text) !important;
  498.   box-shadow: none !important;
  499. }
  500.  
  501. /* menu buttons
  502.  
  503.   #tabview-button .toolbarbutton-icon,
  504.   #save-page-button .toolbarbutton-icon,
  505.   #developer-button .toolbarbutton-icon,
  506.   #preferences-button .toolbarbutton-icon,
  507.   #webrtc-status-button .toolbarbutton-icon, #new-window-button .toolbarbutton-icon,
  508.   #new-tab-button .toolbarbutton-icon,
  509.   #go-button:hover,
  510.   #downloads-button:not([attention]) .toolbarbutton-icon,
  511.   #zoom-in-button .toolbarbutton-icon,
  512.   #copy-button .toolbarbutton-icon,
  513.   #add-ons-button .toolbarbutton-icon,
  514.   #find-button .toolbarbutton-icon,
  515.   #sidebar-button .toolbarbutton-icon, #context-stop,
  516.   .tabs-closebutton:hover .toolbarbutton-icon,
  517.   .tab-close-button:hover .toolbarbutton-icon,
  518.   #downloads-button[paused] .toolbarbutton-icon,
  519.   #urlbar-stop-button:hover,
  520.   #cut-button .toolbarbutton-icon,
  521.   #zoom-out-button .toolbarbutton-icon,
  522.   #stop-button .toolbarbutton-icon,
  523.   #characterencoding-button .toolbarbutton-icon, #tabview-button .toolbarbutton-icon,
  524.   #history-button .toolbarbutton-icon,
  525.   #history-panelmenu .toolbarbutton-icon,
  526.   #fullscreen-button .toolbarbutton-icon,
  527.   #urlbar-reload-button:hover,
  528.   #paste-button .toolbarbutton-icon,
  529.   #reload-button .toolbarbutton-icon, #urlbar[level="broken"] #page-proxy-favicon, #feed-button .toolbarbutton-icon, #password-notification-icon,
  530.   #home-button .toolbarbutton-icon,
  531.   #open-file-button .toolbarbutton-icon,
  532.   #email-link-button .toolbarbutton-icon, #sync-button .toolbarbutton-icon,
  533.   #social-share-button .toolbarbutton-icon, #privatebrowsing-button .toolbarbutton-icon,
  534.   #print-button .toolbarbutton-icon,  
  535.   #PanelUI-menu-button .toolbarbutton-icon,
  536.   #nav-bar-overflow-button .toolbarbutton-icon,
  537.   #classic_bm_button23-toolbar-button > .toolbarbutton-icon,
  538.   #bookmarks-menu-button:not([starred]) .toolbarbutton-icon,
  539.   #bookmarks-button .toolbarbutton-icon,
  540.   #bookmarks-menu-button > .toolbarbutton-menubutton-dropmarker > .dropmarker-icon {
  541.   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'>\
  542.    <feColorMatrix in='SourceGraphic' type='matrix' values=\
  543.    '0.58 0.43 0.3 0.0 0.23 \
  544.    0.3 0.48 0.3 0.0 0.0 \
  545.    0.3 0.3 0.68 0.0 0.0 \
  546.    0.0 0.0 0.0 1.0 0.0'/></filter></svg>#invert") !important;
  547.     /*filter: hue-rotate(120deg) !important;
  548.      opacity: 1 !important;
  549.   }
  550.  
  551.                                              about ffox dialog */    
  552. #aboutDialogContainer, #clientBox, .main-content {
  553.     background: var(--tab-bg) !important;
  554.     color: var(--main-text) !important;
  555. }    
  556. #noUpdatesFound > label, #trademark, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, .androidAttribution {
  557.      color: var(--main-text) !important;
  558.  }
  559. #leftBox {
  560.     background-image: url("https://puu.sh/lkSrb/131664655c.png") !important;
  561. }    
  562. #rightBox {
  563.     background-image: url("https://puu.sh/lkSoQ/809ae3607f.png") !important;
  564. }      
  565.    
  566. #notification-popup-box {
  567.     display: none !important;
  568. }        
  569.    
  570. /* library window */
  571. #placesToolbar, #verifiedManage, #fxaUnlinkButton, #fxaChangeDeviceName, #fxaSyncComputerName, #help-button, #generalTab, #dataChoicesTab, #networkTab, #updateTab, #encryptionTab, #tabsElement, .checkbox-check {
  572.     background: var(--focus-tab-bg) !important;
  573. }
  574.    
  575. #browserStartupPage, #browserHomePage, #useCurrent, #useBookmark, #restoreDefaultHomePage, #chooseFolder, #filter, #handlersView, #typeColumn, #actionColumn, #historyMode, #addonExceptions, #passwordExceptions, #changeMasterPassword, #showPasswords, #engineShown, #engineName, #engineKeyword, #engineChildren, #engineList, #defaultEngine, #defaultFont, #defaultFontSize, #popupPolicyButton, #advancedFonts, #colors, #chooseLanguage, #warningScreen, #warningButton, #configDeck > vbox, #configTreeBody, #prefCol, #lockCol, #typeCol, #valueCol, #configTree > treecols:nth-child(1) {
  576.     background: var(--focus-tab-bg) !important;
  577.     border: none !important;  
  578.     color: var(--main-text) !important;
  579. }
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!