Difference between revisions of "Wiki User Style"
fleshing out the article itself
imported>DragoonWraith (information on using this code) |
imported>DragoonWraith (fleshing out the article itself) |
||
| Line 2: | Line 2: | ||
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) | == Installation == | ||
This code as is only works for Mozilla applications (Firefox, Thunderbird, etc). It may be modified for other browsers, but the code will not apply these changes only to this site - which may break other sites. Internet Explorer and Opera are known to have user style options. Options with other browsers are unknown. | |||
=== User Style-Sheet === | |||
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) | 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) | ||
| Line 8: | Line 12: | ||
*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. | *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). | *In Opera, you can set your user style sheet in the Style Options menu (Tools->Preferences->Advanced->Content->Style Options). | ||
=== Using Stylish (Firefox only) === | |||
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). | 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 | == Current Features == | ||
*Reduced-width banner, allowing the main content of the page to have the entire height of the screen | *Reduced-width banner, allowing the main content of the page to have the entire height of the screen | ||
*Fixed-position left-hand nav-boxes. This way the boxes will scroll with you as you read the page. | *Fixed-position left-hand nav-boxes. This way the boxes will scroll with you as you read the page. | ||
*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). | ||
== Planned Features == | |||
*Remove the black borders on the sides of the site, giving access to the full width of the screen. | |||
== The Code == | |||
<pre> | <pre> | ||
@-moz-document url-prefix(http://cs.elderscrolls.com/constwiki/) /* omit this line if not using a Mozilla application */ | @-moz-document url-prefix(http://cs.elderscrolls.com/constwiki/) /* omit this line if not using a Mozilla application */ | ||