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!
Template:ItemDisplayCSSAttributes
Usage[edit]
{{ ItemDisplayCSSAttributes }} This template injects the base CSS attributes used in Item Display templates
Examples[edit]
{{ ItemDisplayCSSAttributes }} = <css> /* classes used on Item Display pages */ table.ItemDisplayOuterTable { width: 100%; /* set the outer table to expand width to maximum allowed */ border-collapse: collapse; /* this gets rid of ~1px extra margin between outer table and inside tables */ } table.ItemDisplayOuterTable tr { vertical-align: top; /* this will top align both details side and images side */ } table.ItemDisplayOuterTable td { width: 100%; /* set cells to expand to fill parent block element */ }
table.ItemDisplayDetailsTable { width: 100%; /* set details table to expand to fill parent block element */ } table.ItemDisplayDetailsTable th { padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; /* border: 2px outset; */ white-space: nowrap; vertical-align: middle; } table.ItemDisplayDetailsTable td { padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; /* border: 2px outset; */ }
table.ItemDisplayImagesTable { width: 100%; padding-top: 10px; padding-bottom: 10px; } table.ItemDisplayImagesTable tr { } table.ItemDisplayImagesTable td { padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; } </css>
Categorization[edit]
No categories injected by self