Advertisement
Guest User

Foxdie Clone via CSS

a guest
Nov 27th, 2017
207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.42 KB | None | 0 0
  1. ​/* @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); */
  2.  
  3. /* Foxdie Clone via CSS turn your tabs on bottom! */
  4. toolbox,toolbar,toolbarspacer,toolbar#toolbar-menubar>toolbarbutton,toolbar#toolbar-menubar>toolbaritem{
  5.  
  6.  
  7. /* place your background color here */
  8.  
  9. background-color: #b56f76 !important;
  10. background-image: linear-gradient(#79262e,#b56f76);
  11.  
  12. /* gold #fffad9,#c7bd8b linear-gradient(#fffad9,#c7bd8b); */
  13. /* iron #b56f76,#79262e linear-gradient(#b56f76,#79262e); */
  14.  
  15. adding: 0px !important;
  16.  
  17. }
  18.  
  19.  
  20. input, select, textarea, button {
  21. background:#c7bd8b !important;
  22. background-color:#fffad9 !important;
  23. color:#020202 !important;
  24. border: solid 1px #79262e !important;
  25. -moz-appearance: none !important;
  26. }
  27.  
  28.  
  29.  
  30. #urlbar {
  31. -moz-appearance: menulist-text !important;
  32. border: 0 solid !important;
  33. }
  34.  
  35. #urlbar:hover {
  36. -moz-appearance: menulist-text !important;
  37. border: 0 solid !important;
  38. box-shadow: none !important;
  39. }
  40.  
  41. #urlbar[focused="true"] {
  42. -moz-appearance: menulist-text !important;
  43. border: 0 solid !important;
  44. box-shadow: none !important;
  45. }
  46.  
  47. /* #urlbar */
  48. /* #urlbar :not(dropmarker) {
  49. background: linear-gradient(#79262e,#b56f76);
  50.  
  51. border-width: 0px !important;
  52. -moz-appearance: none !important;
  53. } */
  54.  
  55. /* #urlbar:not(:hover > .urlbar-textbox-container > .urlbar-history-dropmarker {
  56. opacity: 0;
  57. background: #79262e !important;
  58. } */
  59.  
  60. /* Round the corners */
  61. #ProxySel :not(dropmarker) {
  62. background: linear-gradient(#79262e,#b56f76);
  63. /* background: linear-gradient(#79262e,#b56f76); -moz-Field !important; */
  64. border-width: 0px !important;
  65. -moz-appearance: none !important;
  66.  
  67. }
  68. /* Round the corners */
  69. #tabsbar :not(dropmarker) {
  70. background: linear-gradient(#19262e,#b56f76);
  71. /* background: linear-gradient(#79262e,#b56f76); -moz-Field !important; */
  72. border-width: 0px !important;
  73. -moz-appearance: none !important;
  74.  
  75. }
  76.  
  77. /* Change color of active tab */
  78. tab[selected="true"] {
  79. -moz-appearance: none !important;
  80. background-color: #c4c4c4 !important;
  81. border-left: solid 1px #FF0000 !important;
  82. border-bottom: solid 2px #FF0000 !important;
  83. font-size: 80% !important;
  84. color: #000000 !important; }
  85.  
  86. #searchbar :not(dropmarker) {
  87. background: linear-gradient(#79262e,#b56f76);
  88. /*background: linear-gradient(#79262e,#b56f76); -moz-Field !important;*/
  89. border-width: 0px !important;
  90. -moz-appearance: none !important;
  91.  
  92. }
  93.  
  94. /* Remove the history menu */
  95. #history-menu { display: none !important; }
  96.  
  97.  
  98. /* #menul :not(dropmarker) {
  99. background: linear-gradient(#79262e,#b56f76); */
  100. /* background: linear-gradient(#79262e,#b56f76); -moz-Field !important;*/
  101. /* border-width: 0px !important;
  102. -moz-appearance: none !important;
  103. } */
  104.  
  105. /* Remove go button */
  106. #go-button { display: none !important; }
  107.  
  108. /* Remove the bookmark star */
  109. #star-button { display: none !important; }
  110.  
  111. /* ----------- */
  112.  
  113. /* Less bookmark button spacing */
  114. .bookmark-item > .toolbarbutton-text {
  115. background:#b56f76 !important;
  116. background-color:#b56f76 !important;
  117. color:#FFFFFF !important;
  118. font-weight: 900 !important;
  119. -moz-appearance: none !important;
  120. }
  121.  
  122. toolbarbutton.bookmark-item:hover {
  123. background:#b56f76 !important;
  124. background-color:#b56f76 !important;
  125. color:#FFFFFF !important;
  126. font-weight: 900 !important;
  127. -moz-appearance: none !important;
  128. }
  129. .bookmark-item:hover :not([open="true"]) > .toolbarbutton-text {
  130. background:#b56f76 !important;
  131. background-color:#b56f76 !important;
  132. color:#FFFFFF !important;
  133. font-weight: 900 !important;
  134. -moz-appearance: none !important;
  135. }
  136.  
  137. /* ----------- */
  138.  
  139. menuitem,
  140. menu {
  141. background-color: #000 !important;
  142. /* menu text color phil */
  143. color: #ffffff !important;
  144. border: none !important;
  145. }
  146. menuseparator {
  147. display: none !important;
  148. }
  149. menupopup {
  150. background-color: #b56f76 !important;
  151. /* here's that gradient */
  152. background-image: linear-gradient(#b56f76,#79262e);
  153. -moz-appearance: none!important;
  154. border: 1px solid #000 !important;
  155. }
  156. menupopup > menu:hover {
  157. background-color: #111 !important;
  158. }
  159. menuitem:hover {
  160. background-color: #111 !important;
  161. color: #fff !important;
  162. }
  163. .statuspanel-label {
  164. color: #ccc !important;
  165. background: #000 !important;
  166. border: none !important;
  167. }
  168. #main-menubar,
  169. #nav-bar {
  170. box-shadow: none !important;
  171. }
  172. #urlbar {
  173. background-color: #000 !important;
  174. border: none !important;
  175. color: #aaa !important;
  176. }
  177. .searchbar-textbox {
  178. background-color: #000 !important;
  179. border: none !important;
  180. color: #aaa !important;
  181. }
  182. menupopup>hbox {
  183. border: 0px !important;
  184. }
  185. #PersonalToolbar {
  186. height: 24px!important
  187. }
  188. #personal-bookmarks toolbarbutton {
  189. margin: -1px 0 6px 0 !important
  190. }
  191. #personal-bookmarks .toolbarbutton-icon {
  192. margin: -3px 2px -3px 0 !important
  193. }
  194. #personal-bookmarks .toolbarbutton-text {
  195. margin: -2px 0 !important
  196. }
  197. #back-button {
  198. border-bottom: none !important;
  199. }
  200. #forward-button {
  201. border-bottom: none !important;
  202. }
  203. .toolbarbutton-1:hover {
  204. border-bottom: 1px solid #E51400 !important;
  205. }
  206. toolbarbutton.bookmark-item:hover {
  207. border-bottom: 1px solid #E51400 !important;
  208. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement