Year of the Dragon: Through May 28th, claim free Expansion Pack (excluding Vecna Unleashed) or a Greater Elixir of Discovery! Speak to Xatheral in the Hall of Heroes. edit
Thank you for your patience while we continue to upgrade DDOwiki to the latest MediaWiki LTS version. If you find any errors on the site, please visit the Discord chat server and let us know.
Game mechanics • Newbie guide • In development • DDO Store • Social Media
Challenges • Classes • Collectables • Crafting • Enhancements • Epic Destinies • Favor • Feats
Glossary • Items • Maps • Monsters • Places • Quests • Races • Reincarnation • Skills • Spells
Please create an account or log in to remove ads, build a reputation, and unlock more editing privileges and then visit DDO wiki's IRC Chat/Discord if you need any help!
User:Taurolyon/common.css
Note: After saving, you may have to bypass your browser's cache to see the changes, you can click here or try one of the methods below..
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl+F5 or Ctrl+r (⌘ Command+r on a Mac)
- Google Chrome: Press Ctrl+⇧ Shift+R (⌘ Command+⇧ Shift+R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl+F5
- Konqueror: Click Reload or press F5
- Opera: Clear the cache in Tools ‣ Preferences
/* Joenuts common.css for items templates */
/* classes used on Component pages */
table.ItemDisplayComponentOuterTable {
width: 100%; /* set the outer table to expand width to maximum allowed */
/* height: 100%; */ /* this value is needed when either inside table is configured to expand height */
background: #CCEEFF; /* color of extra whitespace displayed when column tables are not equal height / outer table border */
border-collapse: collapse; /* this gets rid of ~1px extra margin between outer table and inside tables */
}
table.ItemDisplayComponentOuterTable tr {
vertical-align: top; /* this will top align both details side and images side */
}
table.ItemDisplayComponentOuterTable td {
width: 100%; /* set cells to expand to fill parent block element */
}
table.ItemDisplayComponentDetailsTable {
width: 100%; /* set details table to expand to fill parent block element */
background: #CCEEFF; /* color of cell borders in details table */
}
table.ItemDisplayComponentDetailsTable th {
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
background: #A3BECC; /* background color of detail name cells */
/* border: 2px outset; */
white-space: nowrap;
}
table.ItemDisplayComponentDetailsTable td {
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
background: #B8D6E6; /* background color of detail data cells */
/* border: 2px outset; */
}
table.ItemDisplayComponentImagesTable {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background: #CCEEFF; /* background color for images table (column) */
}
table.ItemDisplayComponentImagesTable tr {
}
table.ItemDisplayComponentImagesTable td {
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
/* background: #EEFFCC; */ /* dont think this parameter is used */
/* border: 2px outset; */
}
/* END Joenuts COMMON.CSS */
/* Experimental CSS formating */
/* Userpage Tabs */
div.usertabbox {
margin-bottom: 0px;
background: #658296 url("https://ddowiki.com/skins/truglass2/gradient_tcat.gif") repeat-x;
color: #FFFFFF;
font: 13px 'Lucida Grande' , Verdana, sans-serif;
font-weight: normal;
padding: 4px 4px 4px 5px;
text-shadow: #00237A 0px 1px 1px;
text-align: center;
border-top:2px solid;
border-bottom:2px solid;
border-right:2px solid;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
box-shadow: 1px 0px 1px 1px #999999;
}
/* Duplicated from Ague's common.css */
span.has_tooltip {
position: relative;
}
span.has_tooltip span.tooltip {
display: none;
}
span.has_tooltip:hover span.tooltip {
display: block;
width: 200%;
position: absolute;
top: 9px;
left: 13px;
}
/* For Tabs on my User Page */
div.tabBoxBottom {
border:1px solid #A3B1BF;
padding:.5em 1em 1em 1em;
border-top:none;
border-bottom:2px solid #A3B1BF;
border-right:2px solid #A3B1BF;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color:#CEE0F2;
color:#000;
box-shadow: 1px 0px 1px 1px #aaaaaa;
}