API tools faq
paste
Guest User

Penumbra 8 FFX CSS - Llamas are spooky

a guest
Apr 29th, 2014
165
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 11.10 KB | None | 0 0
raw download clone embed print report
  1. /*Stole the app menu button from seaweed. You need to download the "moveable firefox button" to drag it into
  2. the navigation bar in order for it to look right. Favicons only display when tabs are pinned. Tab text and
  3. url text is centered. Navigate to the customize menu, and show text only on toolbar items for the firefox
  4. app button to display the heart properly.*/
  5.  
  6. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  7.  
  8.  
  9.  
  10. #appmenu-button-container,
  11. #appmenu-toolbar-button {
  12.     display: none !important;
  13. }
  14.  
  15.  
  16. /* Gray icon saying plugin is active and providing option to block
  17. #plugins-notification-icon{
  18.   width: 0px !important;
  19.   margin-left: -5px !important;
  20.   margin-right: -5px !important;
  21. }
  22. */
  23.  
  24.  
  25. .tab-close-button{display:none !important;}
  26.  
  27.  
  28. #tabbrowser-tabs tab .tab-close-button {
  29. opacity:0!important;
  30. }
  31.  
  32. #tabbrowser-tabs tab .tab-close-button:hover {
  33. opacity:1!important;
  34. }
  35.  
  36. #main-window #appmenu-button,
  37. #appmenu-toolbar-button {
  38.   background: url('http://i.imgur.com/0S0Lr.png') !important;
  39.   background-repeat: no-repeat !important;
  40.   background-position: center !important;
  41.   width: 20px !important;
  42.   margin-bottom: 0px !important;
  43.   margin-left: 4px !important;
  44.   margin-right: 6px !important;
  45.   position: relative !important;
  46.   -moz-transform: scale(.85) !important;
  47.   opacity: 0.9 !important;
  48.   border:0px !important;
  49. }
  50.  
  51. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  52. {
  53.  margin-top:-15px!important;
  54.  margin-left:0px!important;
  55.  margin-right:0px!important;
  56.  margin-bottom:0px!important;
  57. }
  58.  
  59.  
  60. #identity-box,
  61. #urlbar-icons > image,
  62. #urlbar-container dropmarker,
  63. #appmenu-button .button-text,
  64. #appmenu-button .button-menu-dropmarker
  65. {
  66. display:none!important;
  67. }
  68.  
  69. #main-window[tabsintitlebar] #appmenu-button {
  70. background-position: center center !important;
  71. }
  72.  
  73. #main-window[privatebrowsingmode=temporary] #appmenu-button,
  74. #main-window[tabsintitlebar][privatebrowsingmode=temporary] #appmenu-button,
  75. #main-window[privatebrowsingmode=temporary] #appmenu-toolbar-button {
  76.   background: url("chrome://browser/skin/Privacy-48.png") !important;
  77.   background-repeat: no-repeat !important;
  78.   background-position: center bottom !important;
  79. }
  80.  
  81. #main-window[tabsintitlebar][privatebrowsingmode=temporary] #appmenu-button {
  82.   background-repeat: no-repeat !important;
  83.   background-position: center center !important;
  84. }
  85.  
  86. #urlbar {
  87. font-size: 10pt !important; font-family: 'Haxrcorp S8' !important;
  88. text-align: center !important;
  89. border: none!important;
  90. background: none!important;
  91. margin-top: -1px!important;
  92. margin-bottom: -2px!important;
  93. margin-left: -1px !important;
  94. /*color:#444!important;
  95. text-shadow:rgba(40,40,40,.5) 0 0 1px!important;*/
  96. -moz-transition:color .2s ease-in-out;
  97. }
  98.  
  99. #urlbar:hover
  100. {
  101. background:none!important;
  102. }
  103. #main-window #tabbrowser-tabs tab
  104. {
  105. font-family:"Haxrcorp S8"!important;
  106. font-size: 10pt !important;
  107. background:none!important;
  108. color:#FFF!important;
  109. margin-left:1px !important;
  110. text-shadow:rgba(225,225,225,.7) 0 0 1px!important;
  111. text-align:center !important;
  112. border-left: 2px transparent !important;
  113. border-right: 2px transparent !important;
  114. margin-top: -3px!important;
  115. margin-bottom: -2px!important;
  116. }
  117.  
  118.  
  119. #main-window #tabbrowser-tabs tab[selected],
  120. #main-window #tabbrowser-tabs tab:hover
  121. {
  122. font-family:"Haxrcorp S8"!important;
  123. font-size : 10pt !important;
  124. background:rgba(200,200,205,.01)!important;
  125. /*text-shadow:rgba(225,225,225,.7) 0 0 1px!important;*/
  126. text-align: center !important;
  127. color:#5284AB!important;
  128. margin-left: 1px!important;
  129. margin-top: -3px!important;
  130. margin-bottom: -2px!important;
  131. border-left: 2px transparent !important;
  132. border-right: 2px transparent !important;
  133. }
  134. #main-window #tabbrowser-tabs tab:hover{
  135.     color:#955CA1!important;
  136. }
  137.  
  138. #main-window #tabbrowser-tabs tab .tab-throbber,
  139. #main-window #tabbrowser-tabs tab .tab-icon-image
  140. {
  141. max-height:12px!important;
  142. max-width:12px!important;
  143. margin-top:0px!important;
  144. }
  145.  
  146. .tabbrowser-tab:not([pinned]) .tab-icon-image {
  147.     display: none !important;
  148. }
  149. div{
  150. position: relative;
  151. }
  152. img {
  153. position: absolute;
  154. top: 0; bottom:0; left: 0; right:0;
  155. margin: auto;
  156.  
  157. }
  158.  
  159. #TabsToolbar{
  160. margin-bottom:-2px !important;
  161. margin-left:-4px!important;
  162. margin-right:100px!important;
  163. border-bottom: 1px solid #fff !important;
  164. }
  165.  
  166. /*
  167. .tabs-newtab-button:hover {
  168.   -moz-image-region: rect(0px, 56px, 18px, 28px)!important;
  169. }
  170.  
  171. .tabs-newtab-button:hover:active {
  172.   -moz-image-region: rect(0px, 84px, 18px, 56px)!important;
  173. }
  174. */
  175. select > button,
  176. select > input
  177. {
  178.     opacity:0!important;
  179. }
  180.  
  181.     /* ADD ON BAR */
  182.     toolbar#addon-bar
  183.     {
  184.         font-family:"Haxrcorp S8"!important;
  185.         text-shadow:rgba(40,40,40,.7) 0 0 1px!important;
  186.         font-size : 8pt !important;
  187.         background:#ffffff!important;
  188.         border:1px solid #ccc!important;
  189.         max-height:20px!important;
  190.         min-height:20px!important;
  191.         -moz-appearance:none!important;
  192.     }
  193.     toolbar#addon-bar toolbarbutton
  194.     {
  195.         border:0!important;
  196.         max-height:18px!important;
  197.         min-height:18px!important;
  198.         margin:0!important;
  199.         padding:0!important;
  200.         -moz-appearance:none!important;
  201.     }
  202.     scrollbox#PlacesToolbarItems toolbarbutton
  203.     {
  204.         border:0!important;
  205.         border-left:1px solid transparent!important;
  206.         border-right:1px solid transparent!important;
  207.         max-height:18px!important;
  208.         min-height:18px!important;
  209.         max-width:24px!important;
  210.         min-width:24px!important;
  211.         padding:0 0 0 3px!important;
  212.         -moz-appearance:none!important;
  213.     }
  214.     scrollbox#PlacesToolbarItems toolbarbutton .toolbarbutton-icon
  215.     {
  216.         height:16px!important;
  217.         opacity:.5;
  218.         width:16px!important;
  219.         -moz-transition:all .1s linear;
  220.     }
  221.     scrollbox#PlacesToolbarItems toolbarbutton:hover .toolbarbutton-icon
  222.     {
  223.         opacity:1;
  224.     }
  225.     scrollbox#PlacesToolbarItems toolbarbutton:hover
  226.     {
  227.         background:#ffffff!important;
  228.         border-left:1px solid #ffffff!important;
  229.         border-right:1px solid #ffffff!important;
  230.         box-shadow:#ffffff 0 -1px 3px;
  231.     }
  232.     scrollbox#PlacesToolbarItems toolbarbutton:active
  233.     {
  234.         background:#ffffff!important;
  235.         border-left:1px solid #ffffff!important;
  236.         border-right:1px solid #ffffff!important;
  237.     }
  238.     scrollbox#PlacesToolbarItems toolbarbutton:first-child,
  239.     scrollbox#PlacesToolbarItems toolbarbutton:first-child:hover,
  240.     scrollbox#PlacesToolbarItems toolbarbutton:first-child:active
  241.     {
  242.         border-left:0!important;
  243.     }
  244.  
  245.     /* HIDDEN ELEMENTS */
  246.     #identity-box,
  247.     #urlbar-icons > image,
  248.     #urlbar-container dropmarker,
  249.     #tabbrowser-tabs .scrollbutton-up,
  250.     #tabbrowser-tabs .scrollbutton-down,
  251.     #appmenu-toolbar-button .toolbarbutton-text,
  252.     #appmenu-toolbar-button .toolbarbutton-menu-dropmarker,
  253.     toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  254.     toolbar#addon-bar #addonbar-closebutton
  255.     {
  256.         display:none!important;
  257.     }
  258.  
  259. #urlbar {
  260. /*font-size: 10pt !important; font-family: 'Helvetica Neue' !important; */
  261. text-align: left !important;
  262. border: none!important;
  263. background: none!important;
  264. margin-top: -2px!important;
  265. margin-left: -1px !important;
  266. color:#FFFFFF!important;
  267. max-height:51px!important;
  268. min-height:35px!important;
  269. /*text-shadow:rgba(225,225,225,.8) 0 0 1px!important;*/
  270. -moz-transition:color .2s ease-in-out;
  271. }
  272.  
  273. #nav-bar{
  274. border: none!important;
  275. background: #191919!important;
  276. }
  277.  
  278. #main-window:not([chromehidden*="toolbar"])[sizemode="normal"]
  279. {
  280.  margin-top:-10px!important;
  281.  margin-left:0px!important;
  282.  margin-right:0px!important;
  283.  margin-bottom:0px!important;
  284. }
  285.  
  286. #plugins-notification-icon{
  287.     padding-left:4px;
  288.     padding-top:4px;
  289. }
  290.  
  291. .tab-close-button,.tab-close-button > .toolbarbutton-icon {
  292. display: -moz-box !important;
  293. opacity: 1.0 !important;
  294. }
  295.  
  296. .tabs-newtab-button{
  297.     border: none !important;
  298.     padding-top: 3px!important;
  299.     background: #191919 !important
  300. }
  301. .tabs-newtab-button:hover{
  302.     border: none !important;
  303.     background: #191919 !important
  304. }
  305.  
  306. #identity-box,
  307. #urlbar-icons > image,
  308. #urlbar-container dropmarker,
  309. #tabbrowser-tabs .scrollbutton-up,
  310. #tabbrowser-tabs .scrollbutton-down,
  311. #appmenu-toolbar-button .toolbarbutton-text,
  312. #appmenu-toolbar-button .toolbarbutton-menu-dropmarker,
  313. toolbar#addon-bar toolbarbutton .toolbarbutton-menubutton-dropmarker,
  314. toolbar#addon-bar #addonbar-closebutton
  315. {
  316.     display:none!important;
  317. }
  318.  
  319. #plugins-notification-icon{
  320.     display:none !important;
  321.     opacity: 0!important;
  322. }
  323.  
  324. #TabsToolbar{
  325. padding-left: 7px !important;
  326. margin-right: 80px !important;
  327. margin-top: -4px !important;
  328. background: #0f0f0f !important;
  329. }
  330.  
  331. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  332.  
  333. #main-window #navigator-toolbox :-moz-any(#back-button, #forward-button, #reload-button, #stop-button, #home-button, #print-button, #downloads-button, #history-button, #bookmarks-button, #bookmarks-menu-button, #new-window-button, #cut-button, #copy-button, #paste-button, #fullscreen-button, #zoom-out-button, #zoom-in-button, #sync-button:not([status="active"]), #feed-button, #new-tab-button, #privatebrowsing-button, #open-file-button, #preferences-button, #history-panelmenu, #add-ons-button, #save-page-button, #nav-bar-overflow-button, #PanelUI-menu-button, #find-button, #developer-button, #characterencoding-button, #email-link-button) > .toolbarbutton-icon,
  334. #main-window #navigator-toolbox #bookmarks-menu-button:not([starred="true"]),
  335. #main-window #navigator-toolbox #bookmarks-menu-button .toolbarbutton-menubutton-dropmarker .dropmarker-icon {
  336.     list-style-image: url("chrome://browser/skin/Toolbar-inverted.png") !important;
  337.     }
  338.  
  339. #main-window #navigator-toolbox #alltabs-button[type="menu"],
  340. #main-window #navigator-toolbox .toolbarbutton-1 .dropmarker-icon {
  341.     list-style-image: url("chrome://browser/skin/toolbarbutton-dropdown-arrow-inverted.png") !important;
  342.     }
  343.  
  344. #main-window #navigator-toolbox #tabview-button {
  345.     list-style-image: url("chrome://browser/skin/tabview/tabview-inverted.png") !important;
  346.     }
  347.  
  348. #main-window #navigator-toolbox .tabs-newtab-button,
  349. #main-window #navigator-toolbox #TabsToolbar #new-tab-button > .toolbarbutton-icon {
  350.     list-style-image: url("chrome://browser/skin/tabbrowser/newtab-inverted.png") !important;
  351.     }
  352.  
  353. #main-window #navigator-toolbox .scrollbutton-up,
  354. #main-window #navigator-toolbox .scrollbutton-down  {
  355.     list-style-image: url("chrome://browser/skin/tabbrowser/tab-arrow-left-inverted.png") !important;
  356.     }
  357.  
  358. #main-window #navigator-toolbox #downloads-button[indicator="true"]:not([attention="true"]) #downloads-indicator-icon {
  359.     background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 198, 18, 180) !important;
  360.     }
  361.  
  362. #main-window #navigator-toolbox #downloads-indicator:not([attention="true"]) #downloads-indicator-icon {
  363.     background-image: -moz-image-rect(url("chrome://browser/skin/Toolbar-inverted.png"), 0, 108, 18, 90) !important;
  364.     }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!