Wiki User Style/Liquid Design.css

From the Oblivion ConstructionSet Wiki
Revision as of 07:35, 28 February 2008 by imported>DragoonWraith (apparently the change to the logo must be !important)
Jump to navigation Jump to search

/* A User Style for the TESCS Wiki */

body /* given the paper background */
{
  background-image: url("images/4/48/LiquidBackground.jpg");
  background-repeat: repeat;
}

#globalWrapper /* contains everything - used for left border */
{
 position: absolute; /* Thanks Qazaaq! */
 top: 0;
 margin: 0;
 padding: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: 0;
 background-image: url("images/8/89/LiquidBorderLeft.gif");
 background-repeat: repeat-y;
 z-index: 0;
}

#p-logo /* reduced-width fixed logo */
{
 position: fixed;
 float: left;
 top: 0;
 left: 0;
 width: auto;
 height: auto;
 padding: 0;
 margin: 0;
 z-index: 0;
}

#p-logo a /* alt logo image */
{
 position: relative;
 float: left;
 top: 0;
 left: 0;
 width: 152px;
 height: 124px;
 margin: 1em 0 0 50px;
 padding: 0;
 background-image: url("images/a/a4/CSwiki_Icon.gif") !important;
 z-index: 0;
}

#column-one /* left nav-boxes */
{
 position: fixed;
 top: 0;
 left: 0;
 width: auto;
 min-height: 100%;
 margin: 0;
 padding: 145px 0 0 50px;
 background-image: url("images/8/89/LiquidBorderLeft.gif"); /* to make sure the background continues after 100% - Qazaaq */
 background-repeat: repeat-y;
 z-index: 1;
}

#column-one>*
{
 width: 150px;
 z-index: 1;
}

#column-content /* right column */
{
 position: relative;
 top: 0;
 left: 0;
 min-height: 100%;
 width: auto;
 padding-top: 1px ;
 padding-bottom: 1px;
 margin-top: -2px; /* compensate padding somewhere - Qazaaq */
 margin-bottom: -50px; /* pull footer up into the room created above - Qazaaq */
 background-image: url("images/7/71/LiquidBorderRight.gif");
 background-repeat: repeat-y;
 background-position: top right;
 z-index: 2;
}

#content
{
 margin-bottom: 50px; /* create room for the footer */
}

#content, #content2 /* above the box (with tabs) and the box itself */
{
 position: relative;
 padding-top: 0;
 padding-left: 1em;
 margin-right: 50px;
 padding-right: 1em;
 width: auto;
 z-index: 1;
}

#footer /* disclaimer, ESRB privacy icon, Zenimax icon, etc */
{
 position: relative;
 bottom: 0;
 left: 0;
 margin: 0;
 padding: 5px 50px 0 215px;
 height: 45px;
 width: auto;
 background-image: url("images/7/71/LiquidBorderRight.gif");
 background-repeat: repeat-y;
 background-position: top right;
 z-index: 2; /* get the footer above the content div to make sure the links work - Qazaaq */
}

#footer div
{
 position: relative;
 margin: 0 1em 0 1em;
 z-index: 1;
}

ul#f-list
{
 vertical-align: middle;
 margin: 0 75px 0 150px;
 z-index: 1;
}

/* tab highlight */
#p-cactions
{
 margin: 0;
 padding: 0 0 2px 0;
}

#p-cactions .selected a
{
 color: #6e5229;
 background-image: url("skins/esstyle/textbg.jpg");
 border: 1px #6e5229 solid;
}

/* attempt to fix codebox stretching */
pre
{
 overflow: visible;
 overflow-x: auto;
}