Difference between revisions of "Wiki User Style"
information on using this code
imported>DragoonWraith (removing the "@namespace" bit because I don't know what it does and it doesn't seem to be required - someone who knows what it is can put it back, presumably with a more recent namespace than 1999...) |
imported>DragoonWraith (information on using this code) |
||
| Line 1: | Line 1: | ||
[[Image:CSwiki_User_Style_Example.jpg|thumb|right|Example of Wiki User Style]] | [[Image:CSwiki_User_Style_Example.jpg|thumb|right|Example of Wiki User Style]] | ||
This code is designed to be a "User Style Sheet" for the CS Wiki. This means that these style changes are affixed by the browser, overriding the code used on the site. | This code is designed to be a "User Style Sheet" for the CS Wiki. This means that these style changes are affixed by the browser, overriding the code used on the site. | ||
This code only works for Mozilla applications (Firefox, Thunderbird, etc) - there is no standard way to direct a browser to use this code only for this site. Internet Explorer and Opera both have user style sheets that affect all sites - which means that this code may break other sites. Options with other browsers are unknown. | |||
To use this code, determine how your browser handles user CSS. In most cases, it must be saved as a "CSS" file, which is just a text file with a ".css" extension. Open a plaintext editor, copy and paste this code in, and save it with a .css extension. If you are not using Firefox, omit the first, second, and final line of code (marked with comments) | |||
*For Internet Explorer, there is an option for user CSS in the Accessibility menu (Tools->Internet Options->General->Accessibility). | |||
*For Firefox, by default, you can use the "userContent.css" file in the "chrome" directory of your [http://www.mozilla.org/support/firefox/profile#locate Firefox profile] (save "userContent-example.css" as "userContent.css" and use that if you do not have one yet). There are better alternatives, however. | |||
*In Opera, you can set your user style sheet in the Style Options menu (Tools->Preferences->Advanced->Content->Style Options). | |||
If you are using Firefox, the [https://addons.mozilla.org/en-US/firefox/addon/2108 Stylish] extension is highly recommended to make this simpler. Install stylish, and then open its Options menu, click Write, and paste this code into it and hit Save (give it a name if you like). | |||
Current features: | Current features: | ||
| Line 7: | Line 16: | ||
*Highlights for the current Tab you are using (i.e. Article/Discussion/Edit/History). | *Highlights for the current Tab you are using (i.e. Article/Discussion/Edit/History). | ||
<pre>@-moz-document url-prefix(http://cs.elderscrolls.com/constwiki/) | <pre> | ||
{ | @-moz-document url-prefix(http://cs.elderscrolls.com/constwiki/) /* omit this line if not using a Mozilla application */ | ||
{ /* this line too */ | |||
/* actual code for the style sheet */ | |||
#content2 { position: relative; } /* this is actually to fix a typo in Beth's CSS */ | #content2 { position: relative; } /* this is actually to fix a typo in Beth's CSS */ | ||
| Line 53: | Line 65: | ||
} | } | ||
/* | } /*this closing bracket is Mozilla-only */</pre> | ||