User:Joenuts/Inline CSS test

/* classes used on Armor pages */ table.ItemDisplayArmorOuterTable { 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: #E0D1B2; /* 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.ItemDisplayArmorOuterTable tr { vertical-align: top; /* this will top align both details side and images side */ } table.ItemDisplayArmorOuterTable td { /* width: 100%; */ /* set cells to expand to fill parent block element */ } table.ItemDisplayArmorDetailsTable { /* width: 100%; */ /* set details table to expand to fill parent block element */ background: #E0D1B2; /* color of cell borders in details table */ } table.ItemDisplayArmorDetailsTable th { padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; /* border: 2px outset; */ white-space: nowrap; vertical-align: middle; background: #CCB280; /* background color of detail name cells */ } table.ItemDisplayArmorDetailsTable td { padding-left: 10px; padding-right: 10px; padding-top: 2px; padding-bottom: 2px; white-space: nowrap; background: #D6C299; /* background color of detail data cells */ /* border: 2px outset; */ } table.ItemDisplayArmorImagesTable { /* width: 100%; */ padding-top: 10px; padding-bottom: 10px; background: #E0D1B2; /* background color for images table (column) */ } table.ItemDisplayArmorImagesTable tr { } table.ItemDisplayArmorImagesTable td { padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; /* background: #EEFFCC; */ /* dont think this parameter is used */ /* border: 2px outset; */ }