User:Taurolyon/common.css

/* 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; }