Wiki User Style

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).

@namespace url(http://www.w3.org/1999/xhtml);

@-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 */
}