Year of the Dragon: Through June 26th, claim free Ground Bound Green Dragon Mount! Speak to Xatheral in the Hall of Heroes.
(April's reward of a free expansion or Greater Elixir of Discovery can still be claimed from Trilliya until June 4th.) edit

Game mechanicsNewbie guideIn developmentDDO StoreSocial Media


ChallengesClassesCollectablesCraftingEnhancementsEpic DestiniesFavorFeats

GlossaryItemsMapsMonstersPlacesQuestsRacesReincarnationSkillsSpells


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

From DDO wiki
Jump to navigation Jump to search


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