User:ShadowDancer/esstyle.css
< User:ShadowDancer
Jump to navigation
Jump to search
Revision as of 16:46, 12 October 2008 by imported>ShadowDancer
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
body /* given the paper background */
{
background-image: url("images/4/48/LiquidBackground.jpg") !important;
background-repeat: repeat !important;
}
#globalWrapper /* contains everything - used for left border */
{
position: absolute !important; /* Thanks Qazaaq! */
margin: 0 !important;
padding: 0 !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
min-height: 100% !important;
height:0; /* fixes the height for the content div, but limits the height to 100% - Qazaaq */
background-image: url("images/8/89/LiquidBorderLeft.gif") !important;
background-repeat: repeat-y !important;
z-index: 0 !important;
}
#p-logo /* reduced-width fixed logo */
{
position: fixed !important;
float: left !important;
top: 0 !important;
left: 0 !important;
width: auto !important;
height: auto !important;
padding: 0 !important;
margin: 0 !important;
z-index: 2 !important;
}
#p-logo a /* alt logo image */
{
position: relative !important;
float: left !important;
top: 0 !important;
left: 0 !important;
width: 152px !important;
height: 124px !important;
margin: 1em 0 0 50px !important;
padding: 0 !important;
background-image: url("images/a/a4/CSwiki_Icon.gif") !important;
z-index: 2 !important;
}
#column-one /* left nav-boxes */
{
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: auto !important;
min-height: 100% !important;
margin: 0 !important;
padding: 145px 0 0 50px !important;
/* to make sure the background continues after 100% - Qazaaq */
background-image: url("images/b/bb/LiquidBorderLeftMin.gif") !important;
background-repeat: repeat-y !important;
z-index: 1 !important;
}
#column-one>*
{
width: 150px !important;
z-index: 1 !important;
}
#column-content /* right column */
{
position: relative !important;
top: 0 !important;
left: 0 !important;
min-height: 100% !important;
width: auto !important;
padding-top: 1px !important;
padding-bottom: 1px !important;
margin-bottom: -60px !important; /* pull footer up into the room created above - Qazaaq */
margin-top: -2px !important; /* compensate padding somewhere - Qazaaq */
background-image: url("images/7/71/LiquidBorderRight.gif") !important;
background-repeat: repeat-y !important;
background-position: top right !important;
z-index: 2 !important;
}
#content, #content2 /* above the box (with tabs) and the box itself */
{
position: relative !important;
padding-top: 0 !important;
padding-left: 1em !important;
margin-right: 50px !important;
padding-right: 1em !important;
width: auto !important;
z-index: 1 !important;
}
#content
{
margin-bottom: 60px !important; /* create room for the footer - Qazaaq */
}
#footer /* disclaimer, ESRB privacy icon, Zenimax icon, etc */
{
position: relative !important;
bottom: 0 !important;
left: 0 !important;
margin: 0 !important;
padding: 5px 50px 0 215px !important;
height: 55px !important;
width: auto !important;
background-image: url("images/7/71/LiquidBorderRight.gif") !important;
background-repeat: repeat-y !important;
background-position: top right !important;
z-index: 2 !important; /* get the footer above the content div to make sure the links work - Qazaaq */
}
#footer div
{
position: relative !important;
margin: 0 1em 0 1em !important;
}
ul#f-list
{
vertical-align: middle !important;
margin: 0 75px 0 150px !important;
z-index: 1 !important;
}
/* tab highlight */
#p-cactions
{
margin: 0 !important;
padding: 0 0 2px 0 !important;
}
#p-cactions .selected a
{
color: #6e5229 !important;
background-image: url("skins/esstyle/textbg.jpg") !important;
border: 1px #6e5229 solid !important;
}
/* attempt to fix codebox stretching */
pre
{
overflow: visible !important;
overflow-x: auto !important;
}
/* Function Table */
table.functionTable {
background: #FDF5E6;
border-color: #808080;
border-collapse: collapse;
}
table.functionTable th {
background: #F5DEB3;
border-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-color: #808080;
}
table.functionTable td {
border-width: 1px;
border-bottom-style: solid;
border-bottom-color: #808080;
}