Year of the Dragon: Through April 23rd, claim the adventure pack Slice of Life for free! Speak to Xatheral in the Hall of Heroes.

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!

MediaWiki: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
/*// CSS placed here will be applied to all skins */

/* Selflink */
/**
 * @author [[User:Technical 13]]
 * @description Make selflinks standout a bit more.
 */

mw-selflink, selflink {
  background-color: #FFFFFF;
  filter: invert(100%);
  padding: 2px;
}

/* Firstheading hider */
/**
 * @author [[User:Technical 13]]
 * @description hide default first headings that are redundant to what we put in page.
 */

body.page-Main_Page h1.firstHeading { display:none; }

/* Logo */
/**
 * @author [[User:Xevo]]
 * @description Our logo is shorter than the default
 */
#p-logo, #p-logo a { height: 65px !important; }

/* mw-table-row-done */
/**
 * @author [[User:Technical 13]]
 * @revision 2016-02-11
 * @description An easy way to mark a row of a table as "done".
 */
tr.mw-table-row-done {
  font-size: smaller;
  text-decoration: line-through;/*/ Chrome doesn't support line-color or line-shape */
  text-decoration: line-through wavy #DD0000;
  background-color: #FEEDED;
}

/* sticky-table headers */
/**
 * @author [[User:Technical 13]]
 * @revision 2019-12-09
 */
tr.sticky-header {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0px !important;
  z-index: 1 !important;
}

/* scrollBox */
/**
 * @author [[User:Technical 13]]
 * @revision  2019-12-09
*/
div.scrollBox table.wikitable {
  margin-top: 0px !important;
}

/* monospaced diffs */
/**
 * @author [[User:Technical 13]]
 * @revision  2016-11-27
 */
td.diff-context, td.diff-deletedline, td.diff-addedline {
  font-size: larger !important;
  font-family: monospace;
}

/* unwanted redlinks */
/**
 * @author [[User:Technical 13]]
 * @revision 2016-01-09
 */
span.redlink > a.external.text {
  background: none !important;
  color: #BA0000 !important;
  padding: 0px !important;
}

/* IDR */
/**
 * @author [[User:Technical 13]]
 * @revision 2015-11-19
 */
.tall-header > th {
  max-width: 1px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* email links */
/**
 * @author [[User:Technical 13]]
 * @revision 2015-08-20
 * @description This CSS hides all email links placed by [[Template:User]] by default
 * and then restored by [[MediaWiki:Gadget-emailLinks.js]].
 */
.emailLink {
  display: none;
}

/* Home page "What's new" section sizer */
/**
 * @author [[User:Technical 13]]
 * @revision  2015-07-29
 * @description Default 800x640 resolution widths are overridden
 * by JS in [[MediaWiki:Common.js#Home_page_.22What's_new.22_section_sizer]]
 */

.boxCell {
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  border-radius: 5px;
  padding: 5px;
  vertical-align: top;
  width: 33%;
}

.homeCell {
  padding: 5px;
  font-weight: bold;
  margin: 3px;
  text-align: center;
}

.boxCellIcon {
  float: right !important;
}

#whatsNew, .whatsNew {
  overflow: auto !important;
}

div.whatsNewSection {
  background-color: #FA8072;
  margin: 3px;
  text-align: center;
}

div.whatsNewLamannia {
  background-color: #D9D9FF !important;
}

@media (min-width: 2048px){
  #whatsNew, .whatsNew {
    width: 1591px;
  }
  div.whatsNewSection {
    width: 510px;
  }
}

@media (max-width: 1920px){
  #whatsNew, .whatsNew {
    width: 1326px;
  }
  div.whatsNewSection {
    width: 422px;
  }
}

@media (max-width: 1600px){
  #whatsNew, .whatsNew {
    width: 11194px;
  }
  div.whatsNewSection {
    width: 378px;
  }
}

@media (max-width: 1440px){
  #whatsNew, .whatsNew {
    width: 1061px;
  }
  div.whatsNewSection {
    width: 334px;
  }
}

@media (max-width: 1280px){
  #whatsNew, .whatsNew {
    width: 849px;
  }
  div.whatsNewSection {
    width: 263px;
  }
}

@media (max-width: 1024px){
  #whatsNew, .whatsNew {
    width: 663px;
  }
  div.whatsNewSection {
    width: 201px;
  }
}

@media (max-width: 800px){
  #whatsNew, .whatsNew {
    width: 530px;
  }
  div.whatsNewSection {
    width: 157px;
  }
}

@media (max-width: 640px){
  #whatsNew, .whatsNew {
    width: 398px;
  }
  div.whatsNewSection {
    width: 112px;
  }
}

@media (max-width: 480px){
  #whatsNew, .whatsNew {
    width: 346px;
  }
  div.whatsNewSection {
    width: 97px;
  }
}

td.homeWhatsNewCell {
  background-color: #FFFFFF;
  border: 1px solid #AAAAAA;
  border-radius: 5px;
  vertical-align: top;
}

.whatsNewSectionContent {
  background-color: #FFFFFF;
  align: left;
}

.homeSiteMapCell {
  background-color: palegoldenrod;
}

.homeAboutCell {
  background-color: lightskyblue;
}

/* Edittools support */
/**
 * @description Support for [[Template:IPA]], [[Template:Unicode]], and [[Template:Polytonic]]
 * that are used in [[MediaWiki:Edittools]]. The inherit declaration resets the font
 * for all browsers except MSIE6.  The empty comment must remain.
 */
.IPA {
    font-family:
        Chrysanthi Unicode,
        Doulos SIL,
        Gentium,
        GentiumAlt,
        Code2000,
        TITUS Cyberbit Basic,
        DejaVu Sans,
        Bitstream Vera Sans,
        Bitstream Cyberbit,
        Arial Unicode MS,
        Lucida Sans Unicode,
        Hiragino Kaku Gothic Pro,
        Matrix Unicode;
    /*/font-family :inherit;*/
}
.Unicode {
    font-family:
        TITUS Cyberbit Basic,
        Code2000,
        Doulos SIL,
        Chrysanthi Unicode,
        Bitstream Cyberbit,
        Bitstream CyberBase,
        Bitstream Vera,
        Thryomanes,
        Gentium,
        GentiumAlt,
        Visual Geez Unicode,
        Lucida Grande,
        Arial Unicode MS,
        Microsoft Sans Serif,
        Lucida Sans Unicode;
    /*/font-family :inherit;*/
}
.polytonic {
    font-family:
        Athena,
        Gentium,
        Palatino Linotype,
        Arial Unicode MS,
        Lucida Sans Unicode,
        Lucida Grande,
        Code2000; 
    /*/font-family :inherit;*/
}

/* Hide stuff meant for accounts with special permissions. */
/**
 * @author [[User:Technical 13]]
**/
/* deprecated groups */
.developer-show,/*/ Made visible again in [[MediaWiki:Group-developer.css]] */
.widgeteditor-show,/*/... [[MediaWiki:Group-widgeteditor.css]]/[[MediaWiki:Group-sysop.css]] */
/* active groups */
.steward-show,/*/     ... [[MediaWiki:Group-steward.css]] */
.bureaucrat-show,/*/  ... [[MediaWiki:Group-bureaucrat.css]] */
.sysop-show,/*/       ... [[MediaWiki:Group-sysop.css]] */
.superuser-show,/*/   ... [[MediaWiki:Group-superuser.css]] */
.ddowikivip-show,/*/  ... [[Mediawiki:Group-ddowikivip.css]] */
.user-show, /*/       ... [[Mediawiki:Group-user.css]] */
.self-show {/*/       ... [[Special:MyPage/common.css]] */
  display: none;
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
  border: 1px solid #AAAAAA;
  font-size: 110%;
  margin-top: 10px;
  padding: 1px;
  text-align: center;
}
.mw-charinsert-buttons a {
  background-color: #CCDDEE !important;
  border: thin #006699 outset;
  color: #000000;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0em 0.1em 0.1em;
  text-decoration: none;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
  background-color: #BBCCDD;
  border-style: inset;
}
.client-js .mw-edittools-section {
  display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
  font-size: 0.9em;
  margin-left: 1px;
  padding: 0px 1px;
}
/* End of Edittools css */

/* Universal Pop-up fix */
/**
 * @author [[User:Ague]]
 * @revision 2012-04-11
 */
span.has_tooltip {
  position: relative;
}

span.has_tooltip span.tooltip {
  display: none;
}

span.has_tooltip:hover span.tooltip {
  display: block;
  left: 13px;
  position: absolute;
  top: 9px;
  width: 200%;
}
/* End of pop-up fix */

/* Universal <pre> fix */
/**
 * @author [[User:Technical 13]]
 * @revision 2012-04-16
 * @basedon [[User:Ague]]
 */
pre {
  max-width: 1200px;
  min-width: 300px;
  overflow: auto;
  white-space: pre-wrap !important;
  word-wrap: break-word;
}
/* </pre> fix */

/* strip "Item:" namespace from category pages fix */
/*
a[title^='Item:'] {
  display: inline-block;
  font-family:
        'Lucida Grande',
        Geneva,
        Arial,
        Verdana,
        monospace;
  font-size: 12px;
  overflow: hidden;
  text-indent: -2.1em;
}
*/
/*/ strip "Item:" namespace from category pages fix end */

/**
 * Universal RecentChanges, Watchlist, and Contributions color modification
 * @author [[User:Technical 13]]
 * @revision 2013-03-27
 *//*/ Going to change this into a Gadget I think...
strong.mw-plusminus-pos {
  color: #00FF00 !important;
}
strong.mw-plusminus-null {
  color: #777777 !important;
}
strong.mw-plusminus-neg {
  color: #FF0000 !important;
}*/

/* Default style for navigation boxes */
.navbox {/*/ Navbox container style */
  border: 1px solid #AAAAAA;
  clear: both;
  font-size: 88%;
  margin: auto;
  padding: 1px;
  text-align: center;
  width: 100%;
}
.navbox-inner,
.navbox-subgroup {
  width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
  padding: 0.25em 1em;/*/ Title, group and above/below styles */
  line-height: 1.5em;
  text-align: center;
}
th.navbox-group {/*/ Group style */
  white-space: nowrap;
  /*/ @noflip */
  text-align: right;
}
.navbox,
.navbox-subgroup {
  background-color: #FDFDFD;/*/ Background color */
}
.navbox-list {
  line-height: 1.8em;
  border-color: #FDFDFD;/*/ Must match background color */
}
.navbox th,
.navbox-title {
  background-color: #CCCCFF;/*/ Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
  background-color: #DDDDFF;/*/ Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
  background-color: #E6E6FF;/*/ Level 3 color */
}
.navbox-even {
  background-color: #F7F7F7;/*/ Even row striping */
}
.navbox-odd {
  background: transparent;/*/ Odd row striping */
}
table.navbox + table.navbox {/*/ Single pixel border between adjacent navboxes */
  margin-top: -1px;    /*/ (doesn't work for IE6, but that's okay)     */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
  padding: 0.125em 0em;/*/ Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
  margin-top: 0.5em;/*/ Prevent lists from clinging to navboxes */
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables JavaScript
   in [[MediaWiki:Common.js]] are styled here so they can be customized. */
.collapseButton {
  /*/ @noflip */
  float: right;
  font-weight: normal;
  /*/ @noflip */
  margin-left: 0.5em;
  /*/ @noflip */
  text-align: right;
  width: auto;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
  font-weight: normal;
  /*/ @noflip */
  text-align: right;
}
.navbox .mw-collapsible-toggle {
  width: 6em;
}

/* Hide elements */
/**
 * @author [[User:Technical 13]]
 */
.hidden { display: none; }

/* Begin Item Display CSS attributes */
/**
 * The following ItemDisplay... attributes are added by Joe to be used by ItemDisplay... templates
 * Added to [[Mediawiki:Common.css]]
 * until individual unique themes can be created and migrated to skin css files ( vector ... truglass ... simple )
 */

/* classes used on Template pages */
table.ItemDisplayTemplateOuterTable {
  background-color: #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.ItemDisplayTemplateOuterTable tr {
  vertical-align: top; /*/ this will top align both details side and images side */
}

table.ItemDisplayTemplateOuterTable th {
  background-color: #AACCFF;
  padding: 2px 10px;
  vertical-align: middle;
  white-space: nowrap;
}

table.ItemDisplayTemplateOuterTable td.ItemDisplayTemplateExampleValue {
  background-color: #FFFFFF;
  padding-top: 15px;
}

table.ItemDisplayTemplateOuterTable td {
  background-color: #CCEEFF;
  padding: 2px 10px;
}

/* classes used on Ammunition pages */
table.ItemDisplayAmmunitionOuterTable {
  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-color: #F0D1E0; /*/ 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.ItemDisplayAmmunitionOuterTable tr {
  vertical-align: top; /*/ this will top align both details side and images side */
}

table.ItemDisplayAmmunitionOuterTable td {
  width: 100%; /*/ set cells to expand to fill parent block element */
}

table.ItemDisplayAmmunitionDetailsTable {
  background-color: #F0D1E0; /*/ color of cell borders in details table */
  width: 100%; /*/ set details table to expand to fill parent block element */
}

table.ItemDisplayAmmunitionDetailsTable th {
  background-color: #E6B2CC; /*/ background color of detail name cells */
/*/  border: 2px outset; */
  padding: 2px 10px;
  vertical-align: middle;
  white-space: nowrap;
}
table.ItemDisplayAmmunitionDetailsTable td {
  background-color: #EBC2D6; /*/ background color of detail data cells */
/*/  border: 2px outset; */
  padding: 2px 10px;
}

table.ItemDisplayAmmunitionImagesTable {
  background-color: #F0D1E0; /*/ background color for images table (column) */
  padding: 10px 0px;
  width: 100%;
}

table.ItemDisplayAmmunitionImagesTable tr {
  /*/ intentionally empty??? */
}

table.ItemDisplayAmmunitionImagesTable td {
/*/  background-color: #EEFFCC; */ /*/ don't think this parameter is used */
/*/  border: 2px outset; */
  padding: 15px 10px;
}

/* classes used on Armor pages */
table.ItemDisplayArmorOuterTable {
  background-color: #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 */
/*/  height: 100%; */ /*/ this value is needed when either inside table is configured to expand height */
  width: 100%; /*/ set the outer table to expand width to maximum allowed */
}

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 {
  background-color: #E0D1B2; /*/ color of cell borders in details table */
  width: 100%; /*/ set details table to expand to fill parent block element */
}

table.ItemDisplayArmorDetailsTable th {
  background-color: #CCB280; /*/ background color of detail name cells */
/*/  border: 2px outset; */
  padding: 2px 10px;
  vertical-align: middle;
  white-space: nowrap;
}
table.ItemDisplayArmorDetailsTable td {
  background-color: #D6C299; /*/ background color of detail data cells */
/*/  border: 2px outset; */
  padding: 2px 10px;
}
table.ItemDisplayArmorImagesTable {
  background-color: #E0D1B2; /*/ background color for images table (column) */
  padding: 10px 0px;
  width: 100%;
}

table.ItemDisplayArmorImagesTable tr {
  /*/ intentionally empty??? */
}

table.ItemDisplayArmorImagesTable td {
/*/  background-color: #EEFFCC; */ /*/ don't think this parameter is used */
/*/  border: 2px outset; */
  padding: 15px 10px;
}

/* classes used on Component pages */
table.ItemDisplayComponentOuterTable {
  background-color: #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 */
/*/  height: 100%; */ /*/ this value is needed when either inside table is configured to expand height */
  width: 100%; /*/ set the outer table to expand width to maximum allowed */
}

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 {
  background-color: #CCEEFF; /*/ color of cell borders in details table */
  width: 100%; /* set details table to expand to fill parent block element */
}

table.ItemDisplayComponentDetailsTable th {
  background-color: #A3BECC; /*/ background color of detail name cells */
/*/  border: 2px outset; */
  padding: 2px 10px;
  vertical-align: middle;
  white-space: nowrap;
} 
table.ItemDisplayComponentDetailsTable td {
  background-color: #B8D6E6; /*/ background color of detail data cells */
/*/  border: 2px outset; */
  padding: 2px 10px;
}

table.ItemDisplayComponentImagesTable {
  background-color: #CCEEFF; /*/ background color for images table (column) */
  padding: 10px 0px;
  width: 100%;
}

table.ItemDisplayComponentImagesTable tr {
  /*/ intentionally empty??? */
}

table.ItemDisplayComponentImagesTable td {
/*/  background-color: #EEFFCC; */ /*/ don't think this parameter is used */
/*/  border: 2px outset; */
  padding: 15px 10px;
}

/* End Item Display CSS attributes */

/* Big warnings */
/**
 * @author [[User:Technical 13]]
 * @description Warning boxes for things like the block log on IP/user pages should be formatted as such
 */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
  background: none repeat scroll 0% 0% #FFDBDB;
  border: 1px solid #BB7070;
  clear: both;
  margin: 0.2em 0px;
  padding: 0.25em 0.9em;
}

.center {
  text-align: center !important;
  width: inherit !important;
}

.middle {
  vertical-align: middle;
}

/* References */
/**
 * @author [[User:Technical 13]]
 * @revision 2016-07-27
 * @description Use this to take out some of the inline css in [[Template:Ref]]
 */
.citation::before {
  content: '[ ';
}

.citation::after {
  content: ' ]';
}

.citation {
  font-size: smaller;
  font-variant-position: super;
  vertical-align: super;
  font-weight: bold;
}

/* hlist */
/**
 * @author [http://enwp.org/User:Edokter]
 * @revision 8 (2016-05-21)
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @description Style for horizontal lists (separator following item).
 */
.hlist dl,
.hlist ol,
.hlist ul {
  margin: 0;
  padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
  margin: 0;
  display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
  display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
  display: none;
}
/* Generate interpuncts */
.hlist dt:after {
  content: ": ";
}
.hlist dd:after,
.hlist li:after {
  content: " · ";
  font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
  content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
  content: " (";
  font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
  content: ")";
  font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
  counter-reset: listitem;
}
.hlist ol > li {
  counter-increment: listitem;
}
.hlist ol > li:before {
  content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
  content: " (" counter(listitem) "\a0";
}

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
  line-height: inherit;
  list-style: none none;
  margin: 0;
}
.plainlist ol li,
.plainlist ul li {
  margin-bottom: 0;
}

/* .toclimit-# */
/**
 * @author [[User:Technical 13]]
 * @description Allow limiting of which header levels are shown in a TOC;
 * <div class="toclimit-3">, for instance, will limit to
 * showing ==headings== and ===headings=== but no further.
 * Used in [[Template:TOC]]
 */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
  display: none;
}

/* snip */
/**
 * @author [[User:Technical 13]]
 * @description An easy way to format snipped text in quotes
 */
span.snip {
  font-size: smaller;
  font-weight: bold;
  font-style: italic;
}

/* calc_xp_bonus */
/**
 * @author [[User:Technical 13]]
 * @description [[Template:Calculated XP bonus]]
 */
span.calc_xp_bonus {
  font-style: italic !important;
}

span.calc_xp_bonus:before {
  content: " (";
}

span.calc_xp_bonus:after {
  content: ")";
}

/* 1em table padding */
table.padone > tbody > tr > td {
  padding: 0em 1em !important;
}

/* FEP table cells */
/**
 * @author [[User:Technical 13]]
 * @revision 2020-04-07
 * @description Used in [[Template:EnhancementsTOC]]
 */

th.Fephead, td.Fephead {
  background-color: #CCFF99;
  border: 2px solid #AADD77;
  border-bottom-width: 0;
}

th.fEphead, td.fEphead {
  background-color: #F0E68C;
  border: 2px solid #DB9200;
  border-bottom-width: 0;
}

th.fePhead, td.fePhead {
  background-color: #FFA07A;
  border: 2px solid #FF8058;
  border-bottom-width: 0;
}

th.Fepcell, td.Fepcell {
  background-color: #EEFFCC;
  border: 2px solid #AADD77;
  border-top-width: 0;
}

th.fEpcell, td.fEpcell {
  background-color: #FAFAD2;
  border: 2px solid #DB9200;
  border-top-width: 0;
}

th.fePcell, td.fePcell {
  background-color: #FFDAB9;
  border: 2px solid #FF8058;
  border-top-width: 0;
}