Difference between revisions of "Wiki User Style"
adding the Thread Archive sheet
imported>DragoonWraith (use this instead) |
imported>DragoonWraith (adding the Thread Archive sheet) |
||
| Line 4: | Line 4: | ||
If you do not wish to do the CSS yourself, this page also serves as a repository for CSS code that you can use. This code can be used as your Style Sheet by using the @import command - simply copy and paste the @import command listed for each style into your esstyle.css page to include it in your personal style sheet. | If you do not wish to do the CSS yourself, this page also serves as a repository for CSS code that you can use. This code can be used as your Style Sheet by using the @import command - simply copy and paste the @import command listed for each style into your esstyle.css page to include it in your personal style sheet. | ||
Currently, there is only | Currently, there is only two public style sheets available: | ||
<ul><li>[[Wiki User Style/Liquid Design.css|Liquid Design]] - copy the following line into [[Special:MyPage/esstyle.css|your esstyle.css file]] to use this style | <ul><li>[[Wiki User Style/Liquid Design.css|Liquid Design]] - copy the following line into [[Special:MyPage/esstyle.css|your esstyle.css file]] to use this style | ||
<pre>@import "/constwiki/index.php?title=Wiki_User_Style/Liquid_Design.css&action=raw&ctype=text/css";</pre> | <pre>@import "/constwiki/index.php?title=Wiki_User_Style/Liquid_Design.css&action=raw&ctype=text/css";</pre> | ||
The Liquid Design style allows the page content to fill your window, so that the black borders are only a small decoration rather than large amounts of wasted space. The banner is modified to fit above the navigation boxes and allow the content to also reach the top of the page. In addition, the navigation boxes are set to stay on screen always, to make the links always handy, and the currently selected tab gets highlighted. Also provides a fix in Firefox for page-stretching code-boxes (unnecessary in Internet Explorer, which will insert wrap the text, and does not work in Opera, which does not support the non-standard "overflow-x" property).</li></ul> | The Liquid Design style allows the page content to fill your window, so that the black borders are only a small decoration rather than large amounts of wasted space. The banner is modified to fit above the navigation boxes and allow the content to also reach the top of the page. In addition, the navigation boxes are set to stay on screen always, to make the links always handy, and the currently selected tab gets highlighted. Also provides a fix in Firefox for page-stretching code-boxes (unnecessary in Internet Explorer, which will insert wrap the text, and does not work in Opera, which does not support the non-standard "overflow-x" property).</li> | ||
<li>[[Wiki User Styles/Thread Archive.css|Thread Archive]] - copy the following line into [[Special:MyPage/esstyle.css|your esstyle.css file]] to use this style | |||
<pre>@import "/constwiki/index.php?title=Wiki_User_Style/Thread_Archive.css&action=raw&ctype=text/css";</pre> | |||
This style sheet enables thread archive pages, which use special style rules which are not (currently) in the general style sheets. Eventually it is planned to include these in the general style sheets, making this unnecessary.</li></ul> | |||
You may also use the style sheets of other users with similar commands, substituting the page title of their esstyle.css pages for the title of the public sheets above. | You may also use the style sheets of other users with similar commands, substituting the page title of their esstyle.css pages for the title of the public sheets above. | ||