Vibex

Vibex: Appows Peek Firefox CSS

Oct 15th, 2012
2,429
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
  1. /*
  2. No longer in development. Became to large to manage, and I'm not the best at editing css so I've switched to a modified version of http://pastebin.com/xrBF8DtH
  3. */
  4.  
  5. /*
  6. _____________________________________________________________________________
  7. | | |
  8. | Title: | Black Matte Appows Peek |
  9. | Author: | Vibex |
  10. |Original Author: | drifus |
  11. | Url: | http://pastebin.com/u/Vibex |
  12. |__________________|__________________________________________________________|
  13.  
  14. */
  15. /* about dialog */
  16.  
  17.  
  18. #aboutDialog #leftBox {
  19. visibility: hidden !important;
  20. }
  21.  
  22. /*change the ugly throbber*/
  23. .tab-throbber[progress] {
  24. list-style-image: url("chrome://browser/skin/places/searching_16.png")!important;
  25.  
  26. }
  27.  
  28. /*Hide the Search Engine image*/
  29. .searchbar-engine-image {
  30. display: none !important;
  31. }
  32.  
  33. /*Hide the search button (magnifying glass)*/
  34. .search-go-button {
  35. display: none !important;
  36. }
  37.  
  38. /*Hide bookmark icons in the Personal Toolbar*/
  39. toolbarbutton.bookmark-item {
  40. color: #000 !important;
  41. }
  42.  
  43. /*Hide urlbar history dropmarker*/
  44. .urlbar-history-dropmarker {
  45. display: none !important;
  46. }
  47.  
  48. /*Reduce titlebar margin - choose margin according your windows theme (minimize, maximize close buttons)*/
  49. #main-window {
  50. margin-top: 0 !important;
  51. }
  52. #main-window[sizemode="normal"] #navigator-toolbox[tabsontop="true"] #TabsToolbar {
  53. padding-left: 0px !important;
  54. }
  55.  
  56. #TabsToolbar[tabsontop="true"] {
  57. background: none !important;
  58. margin-bottom: 0 !important;
  59. height: 16px !important;
  60. }
  61.  
  62. #navigator-toolbox::after {
  63. height: 0 !important;
  64. }
  65.  
  66. #main-window[sizemode="maximized"] {
  67. margin-top: -2px !important;
  68. }
  69.  
  70. #main-window[sizemode="fullscreen"] {
  71. margin-top: 0 !important;
  72. }
  73. /*remove background of the combined go/reload/stop button in location bar*/
  74. #urlbar > toolbarbutton {
  75. border-left: none !important;
  76. border-radius: 0 !important;
  77. padding-left: 1px !important;
  78. }
  79. #urlbar-go-button, #urlbar-go-button:hover, #urlbar-reload-button, #urlbar-reload-button:hover, #urlbar-stop-button, #urlbar-stop-button:hover {
  80. background-image: none !important;
  81. box-shadow: none !important;
  82. }
  83.  
  84. /*Transparency, hover and more naked UI*/
  85. #nav-bar {
  86. background-image: none !important;
  87. background-color: rgba(27,27,27,1) !important;
  88. border: none !important;
  89. margin-bottom: 0 !important;
  90. padding: 0 !important;
  91. }
  92. #urlbar {
  93. background: none !important;
  94. border: none !important;
  95. border-radius: 2.5px 0 0 0 !important;
  96. margin: 0 !important;
  97. box-shadow: none !important;
  98. }
  99. #searchbar > *, #search-box {
  100. background: none !important;
  101. border: none !important;
  102. border-radius: 3.5px 0 0 0 !important;
  103. margin: 0 !important;
  104. padding-left: 4px !important;
  105. box-shadow: none !important;
  106. height: 24px !important;
  107. }
  108. #urlbar:hover {
  109. background: -moz-linear-gradient(left, rgba(27,27,27,1.0), rgba(27,27,27,1.0)) !important;
  110. }
  111. #searchbar:hover > *, .findbar-textbox:hover {
  112. background: -moz-linear-gradient(left, rgba(255,255,255,1.0), rgba(255,255,255,1.0)) !important;
  113. }
  114. .urlbar-over-link-box {
  115. color: #222222 !important;
  116. }
  117. #PersonalToolbar {
  118. background-color: rgba(27,27,27,.2) !important;
  119. border: none !important;
  120. margin-top: 0 !important;
  121. margin-bottom: 0 !important;
  122. padding: 0 !important;
  123. }
  124. tab[selected="true"] {
  125. background-color: rgb(27,27,27) !important;
  126. color: black !important;
  127. }
  128. .tabbrowser-tab {
  129. border: none !important;
  130. margin-bottom: 0 !important;
  131. padding-bottom: 0 !important;
  132. border-radius: 0 !important;
  133. -moz-border-radius: 0 !important;
  134. }
  135. .tabbrowser-tab:not([selected="true"]) {
  136. background-image: -moz-linear-gradient(rgba(27,27,27,.05), rgba(27,27,27,.2)) !important;
  137. background-color: #1776411 !important;
  138. color: rgb(183,104,112,1.0) !important;
  139. }
  140. .tabbrowser-tab:not([selected="true"]):hover {
  141. background-image: -moz-linear-gradient(rgba(27,27,27,.1), rgba(27,27,27,.1)) !important;
  142. color: #bbb !important;
  143. }
  144. .tabbrowser-tab[selected="true"] {
  145. background: rgba(27,27,27,.2) !important;
  146. color: #ccc !important;
  147. }
  148. .tabbrowser-tab[pinned] {
  149. height: 23px !important;
  150. }
  151. .tabs-newtab-button {
  152. display:none;
  153. }
  154. .tabs-newtab-button:hover, #new-tab-button:hover, .scrollbutton-down:hover, .scrollbutton-up:hover, #alltabs-button, #tabview-button:hover, #TabsToolbar #feed-button {
  155. -moz-appearance: none !important;
  156. background: none !important;
  157. box-shadow: none !important;
  158. border: none !important;
  159. }
  160. .toolbarbutton-1 > .toolbarbutton-menubutton-button, .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker, .toolbarbutton-1 {
  161. background: none !important;
  162. box-shadow: none !important;
  163. border-color: transparent !important;
  164. }
  165. .toolbarbutton-1 > .toolbarbutton-menubutton-button:not([disabled="true"]):not(:active):hover, .toolbarbutton-1:not([open="true"]):not(:active):hover > .toolbarbutton-menubutton-dropmarker:not([disabled="true"]), .toolbarbutton-1:not([type="menu-button"]):not([disabled="true"]):not([checked="true"]):not([open="true"]):not(:active):hover {
  166. background-color: hsla(190,60%,70%,.5) !important;
  167. border-color: hsla(190,50%,65%,.8) hsla(190,50%,50%,.8) hsla(190,50%,40%,.8) !important;
  168. box-shadow: 0 0 0 1px rgba(255,255,255,.3) inset, 0 0 0 1.5px rgba(255,255,255,.1) inset, 0 1px 0 rgba(0,0,0,.1), 0 0 3.5px hsl(190,90%,80%) !important;
  169. -moz-transition: background-color .4s ease-in, border-color .2s ease-in, box-shadow .2s ease-in !important;
  170. }
  171.  
  172. /*Addon bar*/
  173. #browser-bottombox {
  174. background: transparent !important;
  175. margin-top: -1px !important;
  176. margin-bottom: 0 !important;
  177. padding: 0 !important;
  178. }
  179. /*Tweaks for Status Text in URL bar provided by Status-4-evar*/
  180. .urlbar-over-link-box {
  181. background-position: 0 40% !important;
  182. margin: -1px !important;
  183. color: #313131 !important;
  184. }
  185.  
  186. #addon-bar {border: 0 none !important;
  187. margin-bottom: -2px !important;
  188. background-image: none !important;
  189. background: rgba(255,255,255,0.2) !important;
  190. }
  191.  
  192. /* sidebar,verticalbar aero */
  193.  
  194. .chromeclass-directories *, #bookmarksPanel *,#history-panel * { color: grey !important;}
  195.  
  196. .tree-rows * {text-shadow: 0px 0px 2px #000000 !important;}
  197.  
  198. #bookmarksPanel,#vertical-toolbox, #ybSidebarPanel, #sbYBookmarks, sidebarheader, #ybbookmarks-tree-tags, #ybbookmarks-tree-bookmarks,#browser, #sidebar, #sidebar-header,#history-panel
  199. {
  200. background: none rgba(255,255,255,0.2) !important;
  201. text-shadow: #000000 1px 1px 2px, #000000 -1px 1px 2px, #000000 1px -1px 2px, #000000 -1px -1px 2px !important;
  202. -moz-appearance: -moz-win-glass !important;
  203. border: none !important;
  204. }
  205.  
  206. #browser-border-start,#browser-border-end{
  207. border: none !important;
  208. background-color: transparent !important;
  209. }
  210. /*Sidebar search*/
  211.  
  212. #bookmarksPanel,
  213. #history-panel
  214. {
  215. -moz-box-direction: reverse;
  216. }
  217.  
  218. label[value='Search:']
  219. {
  220. margin-left: 1px !important;
  221. }
  222.  
  223. #bookmarksPanel #search-box,
  224. #history-panel #search-box
  225. {
  226. margin-left: -5px !important;
  227. }
  228.  
  229. #bookmarksPanel #search-box
  230. {
  231. margin-right: 0px !important;
  232. }
  233.  
  234. #viewButton
  235. {
  236. margin-left: -4px !important;
  237. margin-right: 0px !important;
  238. }
  239.  
  240. #search-box *{
  241. color: black !important;}
  242.  
  243. #bookmarksPanel label[control="search-box"],
  244. #history-panel label[control="search-box"],#viewButton > hbox > hbox > label {
  245. display: none !important;
  246. }
  247. /*Hide sidebar header*/
  248. sidebarheader
  249. {
  250. display: none !important;
  251. }
  252.  
  253. /*Quick findbar Tweak*/
  254. .findbar-container > * {display:-moz-box !important;}
  255.  
  256. /*iMacro Glass*/
  257. #im-tabs,.tabs-right,#Recorder,#treeview,#boxlistbox *,#replaystat,#im-tabpanels,#im-play-button-decoration,#im-record-button-decoration
  258. {
  259. background: rgba(255,255,255,1) !important;
  260. color: black /*<--custom color*/!important;
  261. text-shadow: 1px 1px 2px white, -1px 1px 2px white, 1px -1px 2px white, -1px -1px 2px white !important;
  262. -moz-appearance: -moz-win-glass !important;
  263. }
  264.  
  265. #main-window[sizemode=normal][tabsontop] #appmenu-button-container {
  266. position: fixed !important;
  267. z-index: 2 !important;
  268. }
  269. #main-window[sizemode=normal][tabsontop] #toolbar-menubar[autohide="true"]{
  270. margin-top:-10px;
  271. -moz-padding-start:70px!important;
  272. margin-left:-100px !important;
  273. }
  274.  
  275. #main-window[sizemode=normal] #navigator-toolbox[tabsontop] > #toolbar-menubar[autohide] ~ #TabsToolbar {
  276. -moz-padding-start:85px!important;
  277. -moz-padding-end:110px!important;
  278. margin-left:-55px !important;
  279. }
  280.  
  281. #appmenu-button {
  282. padding: 4px 0 0 3px !important;
  283. min-width: 0 !important;
  284. background: none !important;
  285. border: 0 !important;
  286. box-shadow: none !important;
  287. }
  288.  
  289. #appmenu-button .button-icon {
  290. list-style-image: none !important;
  291. }
  292.  
  293. #appmenu-button .button-text,
  294. #appmenu-button .button-menu-dropmarker {
  295. display: none !important;
  296. }
  297.  
  298. #identity-box {
  299. background: none !important;
  300. margin-top: none !important;
  301. margin-bottom: none !important;
  302. margin-left: none !important;
  303. padding: none !important
  304. }
  305.  
  306. #identity-icon-labels {
  307. color: #33FF33 !important;
  308. }
  309.  
  310. #appcontent,
  311. #content > tabbox > tabpanels {
  312. background-color: transparent !important;
  313. }
  314.  
  315. #main-window[inFullscreen="true"]{
  316. -moz-appearance: -moz-win-borderless-glass !important;
  317. background: none !important;
  318. }
  319.  
  320. #main-window[stylish-url="about:blank"]:not([onclose^="PrintUtils"]):not([title^="View Source Chart"]) #content browser:not([src]){
  321. opacity: 0 !important;
  322. }
  323.  
  324. thumb {
  325. -moz-appearance: none !important;
  326. background: rgba(255,255,255,0.1);
  327. border: 1px rgba(0,0,0,0.1) solid;
  328. }
  329.  
  330. thumb:hover {
  331. background: rgba(255,255,255,0.3);
  332. }
  333.  
  334. thumb:active {
  335. background: rgba(0,0,0,0.3);
  336. }
  337.  
  338. #star-button {
  339. display: none !important;
  340. }
  341. .tabbrowser-tab:not([pinned]) .tab-icon-image:not([src]) {
  342. visibility: collapse;
  343. }
  344.  
  345. .tabbrowser-tab:not([pinned]):not([busy]):not([progress]) .tab-icon-image:not([src]) ~ .tab-label {
  346. margin-left: 2px !important;
  347. }
  348.  
  349. tab[busy] > .tab-icon {
  350. display: none !important;
  351. }
  352.  
  353. tab > .tab-icon {
  354. display: none !important;
  355. }
  356.  
  357.  
  358. #identity-box,
  359. #urlbar-icons > image,
  360. #urlbar-container dropmarker,
  361. #appmenu-button .button-text,
  362. #appmenu-button .button-menu-dropmarker
  363. {
  364. display:none!important;
  365. }
  366.  
  367. scrollbar {visibility:collapse !important; }
  368.  
  369. background:#1b1b1b!important;
Advertisement
Add Comment
Please, Sign In to add comment