home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temafire / Phoenity.jar / browser / extensions / webdeveloper / webdeveloper.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-06-27  |  7.0 KB  |  227 lines
  1. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul") !important;
  2. /*WebDeveloper icons solution*/
  3.  
  4. /*Toolbar*/
  5. .webdeveloper-toolbar-button{
  6. list-style-image: url("chrome://browser/skin/extensions/webdeveloper/webdeveloper.png") !important;
  7. }
  8.  
  9. #webdeveloper-disable-toolbar{
  10. -moz-image-region: rect(0 16px 16px 0) !important;
  11. }
  12. #webdeveloper-disable-toolbar:hover{
  13. -moz-image-region: rect(16px 16px 32px 0) !important;
  14. }
  15. #webdeveloper-disable-toolbar[disabled="true"]{
  16. -moz-image-region: rect(32px 16px 48px 0) !important;
  17. }
  18.  
  19. #webdeveloper-css-toolbar{
  20. -moz-image-region: rect(0 32px 16px 16px) !important;
  21. }
  22. #webdeveloper-css-toolbar:hover{
  23. -moz-image-region: rect(16px 32px 32px 16px) !important;
  24. }
  25. #webdeveloper-css-toolbar[disabled="true"]{
  26. -moz-image-region: rect(32px 32px 48px 16px) !important;
  27. }
  28.  
  29. #webdeveloper-forms-toolbar{
  30. -moz-image-region: rect(0 48px 16px 32px) !important;
  31. }
  32. #webdeveloper-forms-toolbar:hover{
  33. -moz-image-region: rect(16px 48px 32px 32px) !important;
  34. }
  35. #webdeveloper-forms-toolbar[disabled="true"]{
  36. -moz-image-region: rect(32px 48px 48px 32px) !important;
  37. }
  38.  
  39. #webdeveloper-images-toolbar{
  40. -moz-image-region: rect(0 64px 16px 48px) !important;
  41. }
  42. #webdeveloper-images-toolbar:hover{
  43. -moz-image-region: rect(16px 64px 32px 48px) !important;
  44. }
  45. #webdeveloper-images-toolbar[disabled="true"]{
  46. -moz-image-region: rect(32px 64px 48px 48px) !important;
  47. }
  48.  
  49. #webdeveloper-information-toolbar{
  50. -moz-image-region: rect(0 80px 16px 64px) !important;
  51. }
  52. #webdeveloper-information-toolbar:hover{
  53. -moz-image-region: rect(16px 80px 32px 64px) !important;
  54. }
  55. #webdeveloper-information-toolbar[disabled="true"]{
  56. -moz-image-region: rect(32px 80px 48px 64px) !important;
  57. }
  58.  
  59. #webdeveloper-miscellaneous-toolbar{
  60. -moz-image-region: rect(0 96px 16px 80px) !important;
  61. }
  62. #webdeveloper-miscellaneous-toolbar:hover{
  63. -moz-image-region: rect(16px 96px 32px 80px) !important;
  64. }
  65. #webdeveloper-miscellaneous-toolbar[disabled="true"]{
  66. -moz-image-region: rect(32px 96px 48px 80px) !important;
  67. }
  68.  
  69. #webdeveloper-outline-toolbar{
  70. -moz-image-region: rect(0 112px 16px 96px) !important;
  71. }
  72. #webdeveloper-outline-toolbar:hover{
  73. -moz-image-region: rect(16px 112px 32px 96px) !important;
  74. }
  75. #webdeveloper-outline-toolbar[disabled="true"]{
  76. -moz-image-region: rect(32px 112px 48px 96px) !important;
  77. }
  78.  
  79. #webdeveloper-resize-toolbar{
  80. -moz-image-region: rect(0 128px 16px 112px) !important;
  81. }
  82. #webdeveloper-resize-toolbar:hover{
  83. -moz-image-region: rect(16px 128px 32px 112px) !important;
  84. }
  85. #webdeveloper-resize-toolbar[disabled="true"]{
  86. -moz-image-region: rect(32px 128px 48px 112px) !important;
  87. }
  88.  
  89. #webdeveloper-validation-toolbar{
  90. -moz-image-region: rect(0 144px 16px 128px) !important;
  91. }
  92. #webdeveloper-validation-toolbar:hover{
  93. -moz-image-region: rect(16px 144px 32px 128px) !important;
  94. }
  95. #webdeveloper-validation-toolbar[disabled="true"]{
  96. -moz-image-region: rect(32px 144px 48px 128px) !important;
  97. }
  98.  
  99. #webdeveloper-view-source-toolbar{
  100. -moz-image-region: rect(0 160px 16px 144px) !important;
  101. }
  102. #webdeveloper-view-source-toolbar:hover{
  103. -moz-image-region: rect(16px 160px 32px 144px) !important;
  104. }
  105. #webdeveloper-view-source-toolbar[disabled="true"]{
  106. -moz-image-region: rect(32px 160px 48px 144px) !important;
  107. }
  108.  
  109. #webdeveloper-options-toolbar{
  110. -moz-image-region: rect(0 176px 16px 160px) !important;
  111. }
  112. #webdeveloper-options-toolbar:hover{
  113. -moz-image-region: rect(16px 176px 32px 160px) !important;
  114. }
  115. #webdeveloper-options-toolbar[disabled="true"]{
  116. -moz-image-region: rect(32px 176px 48px 160px) !important;
  117. }
  118.  
  119. /*Statusbar*/
  120. .webdeveloper-statusbar-button{
  121. list-style-image: url("chrome://browser/skin/extensions/webdeveloper/webdeveloper_statusbar.png") !important;
  122. }
  123.  
  124. #webdeveloper-render-mode-statusbar{
  125. -moz-image-region: rect(0 16px 16px 0) !important;
  126. }
  127. #webdeveloper-render-mode-statusbar:hover{
  128. -moz-image-region: rect(16px 16px 32px 0) !important;
  129. }
  130. #webdeveloper-render-mode-statusbar[tooltiptext="Quirks Mode"]{
  131. -moz-image-region: rect(0 32px 16px 16px) !important;
  132. }
  133. #webdeveloper-render-mode-statusbar[tooltiptext="Quirks Mode"]:hover{
  134. -moz-image-region: rect(16px 32px 32px 16px) !important;
  135. }
  136. #webdeveloper-render-mode-statusbar[disabled="true"],
  137. #webdeveloper-render-mode-statusbar[tooltiptext][disabled="true"]{
  138. -moz-image-region: rect(32px 16px 48px 0) !important;
  139. }
  140.  
  141. #webdeveloper-javascript-statusbar{
  142. -moz-image-region: rect(0 48px 16px 32px) !important;
  143. }
  144. #webdeveloper-javascript-statusbar:hover{
  145. -moz-image-region: rect(16px 48px 32px 32px) !important;
  146. }
  147. #webdeveloper-javascript-statusbar[tooltiptext^="JavaScript Warning"]{
  148. -moz-image-region: rect(0 64px 16px 48px) !important;
  149. }
  150. #webdeveloper-javascript-statusbar[tooltiptext^="JavaScript Warning"]:hover{
  151. -moz-image-region: rect(16px 64px 32px 48px) !important;
  152. }
  153. #webdeveloper-javascript-statusbar[tooltiptext^="JavaScript Error"]{
  154. -moz-image-region: rect(0 80px 16px 64px) !important;
  155. }
  156. #webdeveloper-javascript-statusbar[tooltiptext^="JavaScript Error"]:hover{
  157. -moz-image-region: rect(16px 80px 32px 64px) !important;
  158. }
  159. #webdeveloper-javascript-statusbar[disabled="true"],
  160. #webdeveloper-javascript-statusbar[tooltiptext][disabled="true"]{
  161. -moz-image-region: rect(32px 32px 48px 16px) !important;
  162. }
  163.  
  164. #webdeveloper-toggle-statusbar{
  165. -moz-image-region: rect(0 96px 16px 80px) !important;
  166. }
  167. #webdeveloper-toggle-statusbar:hover{
  168. -moz-image-region: rect(16px 96px 32px 80px) !important;
  169. }
  170. #webdeveloper-toggle-statusbar[tooltiptext="Enable Web Developer"]{
  171. -moz-image-region: rect(0 112px 16px 96px) !important;
  172. }
  173. #webdeveloper-toggle-statusbar[tooltiptext="Enable Web Developer"]:hover{
  174. -moz-image-region: rect(16px 112px 32px 96px) !important;
  175. }
  176.  
  177. /*Sidebar*/
  178. .webdeveloper-sidebar-button{
  179. list-style-image: url("chrome://browser/skin/extensions/webdeveloper/webdeveloper_sidebar.png") !important;
  180. }
  181.  
  182. #webdeveloper-load-css-sidebar{
  183. -moz-image-region: rect(0 16px 16px 0) !important;
  184. }
  185. #webdeveloper-load-css-sidebar:hover{
  186. -moz-image-region: rect(16px 16px 32px 0) !important;
  187. }
  188.  
  189. #webdeveloper-save-css-sidebar{
  190. -moz-image-region: rect(0 32px 16px 16px) !important;
  191. }
  192. #webdeveloper-save-css-sidebar:hover{
  193. -moz-image-region: rect(16px 32px 32px 16px) !important;
  194. }
  195.  
  196. #webdeveloper-reset-css-sidebar{
  197. -moz-image-region: rect(0 48px 16px 32px) !important;
  198. }
  199. #webdeveloper-reset-css-sidebar:hover{
  200. -moz-image-region: rect(16px 48px 32px 32px) !important;
  201. }
  202.  
  203. #webdeveloper-clear-css-sidebar{
  204. -moz-image-region: rect(0 64px 16px 48px) !important;
  205. }
  206. #webdeveloper-clear-css-sidebar:hover{
  207. -moz-image-region: rect(16px 64px 32px 48px) !important;
  208. }
  209.  
  210. /*Bug fixes!! Arrggghhh!*/
  211. toolbar#webdeveloper-toolbar:not([mode="text"]) .toolbarbutton-text,
  212. .webdeveloper-sidebar-button .toolbarbutton-text {
  213. padding-left: 3px !important;
  214. }
  215.  
  216. .webdeveloper-toolbar-button[disabled="true"]{
  217. /*Never ever use -moz-opacity! It creates more problems!!*/
  218. -moz-opacity: 1 !important;
  219. }
  220.  
  221. #status-bar > toolbox > toolbar > toolbarbutton{
  222. padding: 1px 2px !important;
  223. }
  224.  
  225. #webdeveloper-edit-css-text{
  226. margin: 0 !important;
  227. }