Wiki User Style/Liquid Design.css
Revision as of 07:35, 28 February 2008 by imported>DragoonWraith (apparently the change to the logo must be !important)
/* 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; }