Wiki User Style
Revision as of 19:44, 17 February 2008 by 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...)
File:CSwiki User Style Example.jpg
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. How to set this up depends on your browser.
Current features:
- 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.
- Highlights for the current Tab you are using (i.e. Article/Discussion/Edit/History).
@-moz-document url-prefix(http://cs.elderscrolls.com/constwiki/)
{
#content2 { position: relative; } /* this is actually to fix a typo in Beth's CSS */
/* Reduced-width banner */
div#p-logo
{
float: left !important;
width: 152px !important;
height: 124px !important;
padding-left: 50px !important;
}
div#p-logo a
{
background-image: url("http://cs.elderscrolls.com/constwiki/images/a/a4/CSwiki_Icon.gif") !important;
}
.portlet
{
margin: 5px 0px 1px 0px !important;
}
/* tab highlight */
#p-cactions .selected a
{
color: #6e5229 !important;
background-image: url("http://cs.elderscrolls.com/constwiki/skins/esstyle/textbg.jpg") !important;
border: 1px #6e5229 solid !important;
}
/* Fixed-position nav-boxes */
div#p-logo
{
position: fixed !important;
top: 10px !important;
}
#column-one
{
position: fixed !important;
top: 140px !important;
left: auto !important;
margin-left: 50px !important;
}
/* don't forget the closing bracket */
}