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

Game mechanicsNewbie guideIn developmentDDO StoreSocial Media


ChallengesClassesCollectablesCraftingEnhancementsEpic DestiniesFavorFeats

GlossaryItemsMapsMonstersPlacesQuestsRacesReincarnationSkillsSpells


Please create an account or log in to 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

From DDO wiki
Jump to navigation Jump to search

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