Difference between revisions of "User:ShadowDancer/esstyle.css"
Jump to navigation
Jump to search
User:ShadowDancer/esstyle.css (view source)
Revision as of 16:46, 12 October 2008
, 16:46, 12 October 2008no edit summary
imported>ShadowDancer |
imported>ShadowDancer |
||
| Line 1: | Line 1: | ||
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; | |||
} | |||