Confirmed users
295
edits
DevTools/CSSTips: Difference between revisions
no edit summary
No edit summary |
|||
| Line 81: | Line 81: | ||
<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> | <?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?> | ||
<?xml-stylesheet href="chrome://browser/content/path/module.css " type="text/css"?> | <?xml-stylesheet href="chrome://browser/content/path/module.css" type="text/css"?> | ||
<?xml-stylesheet href="chrome://browser/skin/path/module.css" type="text/css"?> | <?xml-stylesheet href="chrome://browser/skin/path/module.css" type="text/css"?> | ||
| Line 100: | Line 100: | ||
* Use the [https://addons.mozilla.org/en-US/firefox/addon/force-rtl/ Force RTL extension] | * Use the [https://addons.mozilla.org/en-US/firefox/addon/force-rtl/ Force RTL extension] | ||
* Or go to about:config and set <tt>intl.uidirection.en</tt> to rtl | * Or go to about:config and set <tt>intl.uidirection.en</tt> to rtl | ||
== Toggles == | |||
Sometimes you have a style that you want to turn on and off. For example a tree twisty, a tab background, etc. The Mozilla way is to perform the toggle using an attribute rather than a class. So: | |||
.tree-node[opened] { background-image: url(down-arrow.png); } | |||
.tree-node:not([opened]) { background-image: url(right-arrow.png); } | |||
== The Mozilla Environment == | == The Mozilla Environment == | ||