Wiki User Style

File:CSwiki User Style Example.jpg

Example of Alternate Icon

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.
  • This code is specifically coded for a screen-width of 1268. If you use another width, or do not have the window maximized, this will cause problems. Please do not use the noted portions of the code if you have a different resolution. A fix for this is being worked on.
• 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/7/7d/CSwiki_Icon.png") !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 */
}