MediaWiki:Wikia.css

/* common.css copied for compatibility with new Wikia skin */ /***** CSS placed here will be applied to all skins on the entire site. *****/ /* Moviesign: I don't believe the above statement. It doesn't seem to affect Monobook */ /* See also: MediaWiki:Monobook.css */

/* MAIN PAGE styles */ .page-Main_Page .wikia-page-header .header-container { display:       none; }

/* --- RC LIST --- */ /* rc list byte-change colours */ .mw-plusminus-neg { color: #FFA932; } .mw-plusminus-pos { color: #4EFF43; } .mw-plusminus-null { color: #AAAAAA; } /* move namespace bit on RC to the right */ div.namespacesettings { float: right; clear: none; position: relative; top: -4em; width: 160px; border: 1px #606060; background: Navajowhite; padding: 4px; font-size: 90%; } /* colour 'N' and 'm' */ .newpage { color: #A56C40; } .minor { color: #666; }

/* === Dynamic navigation === */ /* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; } table.navbox tr:not(:first-child) th { background-color: #ddf; } @media print { .navbox { display: none; } } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

/* --- 4ed box --- */ div.box-4ed { margin: 0 auto; padding: 8px 0 8px; }

div.box-4ed-olive { background: url('https://images.wikia.nocookie.net/forgottenrealms/images/1/17/4ed_gradient.jpg'); border-top: 3px double #a9a78a; border-bottom: 3px double #a9a78a; color: #5a592f; } div.box-4ed-green { background: url('https://images.wikia.nocookie.net/forgottenrealms/images/4/45/4ed_gradient_green.jpg'); border-top: 3px double #98a98a; border-bottom: 3px double #98a98a; color: #455a2f; } div.box-4ed-blue  { background: url('https://images.wikia.nocookie.net/forgottenrealms/images/f/f4/4ed_gradient_blue.jpg'); border-top: 3px double #8aa0a9; border-bottom: 3px double #8aa0a9; color: #2f505a; } div.box-4ed-purple { background: url('https://images.wikia.nocookie.net/forgottenrealms/images/7/76/4ed_gradient_purple.jpg'); border-top: 3px double #8a8aa9; border-bottom: 3px double #8a8aa9; color: #302f5a; } div.box-4ed-pink { background: url('https://images.wikia.nocookie.net/forgottenrealms/images/0/0b/4ed_gradient_pink.jpg'); border-top: 3px double #a98aa5; border-bottom: 3px double #a98aa5; color: #572f5a; } div.box-4ed-red { background: url('https://images.wikia.nocookie.net/forgottenrealms/images/c/c9/4ed_gradient_red.jpg'); border-top: 3px double #a98c8a; border-bottom: 3px double #a98c8a; color: #592e2f; }

div.box-4ed-title, div.box-4ed-subtitle { font-family: Georgia, serif; font-weight: bold; text-align: center; }

div.box-4ed-title { font-size: larger; }

div.box-4ed-subtitle { font-size: smaller; }

div.box-4ed-content { font-size: smaller; }

/* Styles for div-based infoboxes */ div.infobox4ed { background: #fcfcf5; border: 1px solid #a9a78a; clear: right; color: #5a592f; float: right; font-size: 11px; margin: 0 0 12px 12px; width: 275px; } div.infobox4ed-image img { display: block; margin: 2px auto; } div.infobox4ed-caption { text-align: center; } div.infobox4ed-heading { background: #dfdecf; font-size: 14px; font-weight: bold; height: 28px; line-height: 28px; margin: 2px 2px 0 2px; text-align: center; } div.infobox4ed-subheading { background: #dfdecf; font-weight: bold; height: 20px; line-height: 20px; margin: 2px 2px 0 2px; text-align: center; } div.infobox4ed dl { margin: 2px 4px; overflow: hidden; } div.infobox4ed dt, div.infobox4ed dd { float: left; font-weight: normal; } div.infobox4ed dt { clear: left; width: 96px; } div.infobox4ed-footer { border-top: 1px solid #a9a78a; font-style: italic; margin: 2px 4px; padding: 4px 4px 0; text-align: right; } /* Prevent extra template whitespace messing everything up. */ div.infobox4ed p { display: none; }

/* Remove 'added by' from images */ .WikiaArticle .picture-attribution { display:none; }

/** Jandor: New forum layout - 2015 **/ /* Table data vertical align: top */ td.forum_title, td.forum_edited, td.forum_editor { vertical-align: top } /* Table header horizontal align using padding and width for date fix */ th.forum_title { padding: 0.1em 0.1em 0.1em 0.1em; } th.forum_edited { padding: 0.1em 0.1em 0.1em 0.2em; width:27%; } th.forum_editor { padding: 0.1em 0.3em 0.1em 0.1em; width:16%; } /* Table of "add topic button" */ display:inline-block; width:42%; margin:0px 28% 0px 28%; }
 * 1) tableaddnewtopicforum {

/** Moviesign: Scroll-banner styles **/ width:         98%; height:        auto; min-height:    80px; border:        0px solid #ccc; display:       -webkit-flex;   /* Safari */ display:       flex; margin:        10px; vertical-align: baseline; }   -webkit-flex-grow:      0;      /* Safari 6.1+ */ -webkit-flex-shrink:   0;      /* Safari 6.1+ */ -webkit-flex-basis:    75px;   /* Safari 6.1+ */ flex-grow:             0; flex-shrink:           1; flex-basis:            75px; background-repeat:     no-repeat; background-size:       100% 100% ; }   margin-top:             0.5em; margin-bottom:         0.5em; font-weight:           bold; font-size:             15px; color:                 #522900; line-height:           1.2em; }   background-image:   url('https://vignette.wikia.nocookie.net/forgottenrealms/images/0/02/Scroll_left.png'); }   background-image:   url('https://vignette.wikia.nocookie.net/forgottenrealms/images/5/5f/Scroll_middle.png'); background-repeat: repeat-x; background-size:   270px 100%; flex-grow:         1; flex-shrink:       1; flex-basis:        270px; padding:           8px 0 8px 0; }   background-image:   url('https://vignette.wikia.nocookie.net/forgottenrealms/images/6/65/Scroll_right.png'); }
 * 1) scroll-banner {
 * 1) scroll-banner .leftscroll,
 * 2) scroll-banner .rightscroll {
 * 1) scroll-banner p {
 * 1) scroll-banner .leftscroll {
 * 1) scroll-banner .midscroll {
 * 1) scroll-banner .rightscroll {

-webkit-flex-basis:    50px;   /* Safari 6.1+ */ flex-basis:            50px; }
 * 1) scroll-banner.RoY .leftscroll,
 * 2) scroll-banner.RoY .rightscroll {

/** Moviesign: Yearbox styles **/ .yearbox { text-align:        center; } .yearbox td { padding:           0 2px 0 2px; } .yearbox td:only-child { font-size:         16px; }

/** Cronje: new infobox styles **/ table.infobox2 { background-color: #FFFFFF; border:          1px solid #A9A78A; color:           #000000; font-size:       88%; vertical-align:  top; }

table.infoboxright { float:    right; margin:   0 0 10px 15px; max-width: 275px; width:    275px; }

table.infoboxfull { width: 100%; } table.infobox2 tr {vertical-align: top;} table.infobox2 td.infoboximage {text-align:   center !important;} table.infobox2 td.infoboximage > img {max-width: 275px;} table.infobox2 td.title, table.infobox2 td.subtitle, table.infobox2 td.subsubtitle { background-color: #BDBCAD; font-weight:     bold; line-height:     1.2em; padding:         0.25em 0.33em 0.33em; text-align:      center !important; } table.infobox2 td.title      {font-size: larger;} table.infobox2 td.subtitle   {background-color: #DFDECF;} table.infobox2 td.subsubtitle {background-color: #DDDDDD;} table.infobox2 > tbody > tr > td:first-child { text-align:    left; white-space:   nowrap; vertical-align: top; }

table.infobox2 > tbody > tr > td:last-child, table.infobox2 td.categories, table.infobox2 { text-align: left; white-space: normal; }

a.internal.sprite.details.magnify { /* Adding this to hopefully fix a bug with imagemap captions */ background-image: none !important; width:           100% !important; }

/* Moviesign: new styles for stuff inside a tabber. */

table.tabbox { background-color: #FFFFFF; border:          none; color:           #000000; width:           100%; font-size:       100%; vertical-align:  top; }

table.tabbox > tbody > tr { vertical-align: top; }

table.tabbox td.title, table.tabbox td.subtitle, table.tabbox td.subsubtitle { background-color: #BDBCAD; font-weight:     bold; line-height:     1.2em; padding:         0.25em 0.33em 0.33em; text-align:      center !important; } table.tabbox td.title      {font-size: larger;} table.tabbox td.subtitle   {background-color: #DFDECF;} table.tabbox td.subsubtitle {background-color: #DDDDDD;} table.tabbox td.categories {text-align: right;}

table.tabbox > tbody > tr > td:first-child { text-align:    left; white-space:   nowrap; vertical-align: top; } table.tabbox > tbody > tr > td:last-child { text-align: left; white-space: normal; } .portable-infobox .tabberlive .tabbertab, .infobox2 .tabberlive .tabbertab { padding: 1px 0; margin:  0 0 1px 0; } .portable-infobox .tabberlive .subtitle { padding:   0.3em 0.3em 0.2em 0.3em; } .portable-infobox .tabbox { background-color:  inherit; color:             inherit; } .infobox2 .tabberlive .tabbertab { border-width: 0; } .tabberlive ul.tabbernav { padding: 3px 0 0 0; line-height: 20px; } .tabbertab > p { padding: 0; margin: 0; }

/* Moviesign: new styles for percentage table */

table.percentagetable { background-color: #FFFFFF; border:          none; color:           #000000; width:           80%; font-size:       100%; line-height:     1em; vertical-align:  top; }

table.percentagetable > tbody > tr > td:first-child { text-align:      left; white-space:     nowrap; vertical-align:  top; }

table.percentagetable > tbody > tr > td:last-child { text-align:      right; white-space:     normal; }

/* Moviesign: new styles for spell table */

table.spelltable { background-color: #f0f0f0; border:          none; color:           #000000; width:           80%; font-size:       100%; line-height:     1em; vertical-align:  top; }

table.spelltable > tbody > tr > td:first-child { text-align:      left; white-space:     nowrap; vertical-align:  top; }

table.spelltable > tbody > tr > td:last-child { text-align:      right; white-space:     normal; font-weight:     bold; }

/* Moviesign: new styles for class table */

table.classtable { background-color: #f7f7f7; border:          none; color:           #000000; width:           80%; font-size:       100%; line-height:     1em; vertical-align:  top; }

table.classtable > tbody > tr > td:first-child { text-align:      left; white-space:     nowrap; vertical-align:  top; }

table.classtable > tbody > tr > td:last-child { text-align:      right; white-space:     normal; font-weight:     bold; }

/* Moviesign: new styles for split table */

table.splittable { background-color: inherit; border:          none; color:           #000000; width:           100%; font-size:       100%; line-height:     1.2em; vertical-align:  top; }

table.splittable > tbody > tr > td:first-child { text-align:      left; white-space:     nowrap; vertical-align:  text-top; }

table.splittable > tbody > tr > td:last-child { text-align:      left; white-space:     normal; font-weight:     normal; }

.alignment-grid { float:             left; text-align:        center; font-size:         88%; line-height:       22px; padding:           1px; border:            1px solid #999999; }

.alignment-grid td { width:             33%; }

/* Moviesign: New styles for Roll of Years */ .rollOfYears, .rollOfYearsTop { font-size:         14px; line-height:       1.2; text-align:        center; } .rollOfYears   th, .rollOfYearsTop th { font-size:         12px; } .rollOfYears th:first-of-type { font-size:         16px; font-variant:      small-caps; line-height:       1.1; padding-top:       0.2; padding-right:     5px; } .rollOfYearsTop th:only-child { font-size:         18px; font-variant:      small-caps; line-height:       1.1; padding-top:       0.2; padding-right:     5px; }

/***********************************************************/ /* Moviesign: Portable Infobox styles                     */ /*  Default style, chosen by theme="frwiki"               */ /*  Custom changes for individual infoboxes need to be    */ /*  selected by theme-source="variant" where variant is a */ /*  passed-in parameter. Each new variant will need to be */ /*  added to the frwiki selectors below, and then add the */ /*  custom CSS at the bottom. */ /***********************************************************/

.pi-theme-frwiki.pi-background,  /* overall background */ .pi-theme-rlc.pi-background, .pi-theme-plant.pi-background, .pi-theme-fungus.pi-background, .pi-theme-road.pi-background, .pi-theme-mountain.pi-background, .pi-theme-at-will.pi-background, .pi-theme-daily.pi-background, .pi-theme-encounter.pi-background, .pi-theme-ritual.pi-background, .pi-theme-aberration.pi-background, .pi-theme-elemental.pi-background, .pi-theme-fey.pi-background, .pi-theme-immortal.pi-background, .pi-theme-shadow.pi-background {   background-color:   #FBFBFB; }

.pi-theme-frwiki .pi-image /* alignment of image box */ { } .pi-theme-frwiki .pi-image-thumbnail { /*   max-width:          123px; Size of image, typically use the same width as infobox, minus borders*/ /*   max-height:         123px; (if needed) */ /*   width:              auto;  (if needed) */ /*   height:             auto;  Preserves the image ratio */ }

.pi-theme-frwiki,    /* Forgotten Realms Portable Infobox */ .pi-theme-rlc,       /* Real-life company infobox */ .pi-theme-plant,     /* Vegetation/Plant infobox */ .pi-theme-fungus,    /* Vegetation/Fungus infobox */ .pi-theme-road,      /* Location/Road infobox */ .pi-theme-mountain,  /* Location/Mountain infobox */ .pi-theme-at-will,   /* 4e At-will Spell */ .pi-theme-daily,     /* 4e Daily Spell */ .pi-theme-encounter, /* 4e Encounter Spell */ .pi-theme-ritual,    /* 4e Ritual */ .pi-theme-aberration, /* 4e Creature origin */ .pi-theme-elemental, /* 4e Creature origin */ .pi-theme-fey,       /* 4e Creature origin */ .pi-theme-immortal,  /* 4e Creature origin */ .pi-theme-shadow     /* 4e Creature origin */ {   border:             1px solid #A9A78A; color:             #000000; font-size:         88%; vertical-align:    top; } .pi-theme-frwiki    .pi-item-spacing, /* padding between each element */ .pi-theme-rlc       .pi-item-spacing, .pi-theme-plant     .pi-item-spacing, .pi-theme-fungus    .pi-item-spacing, .pi-theme-road      .pi-item-spacing, .pi-theme-mountain  .pi-item-spacing, .pi-theme-at-will   .pi-item-spacing, .pi-theme-daily     .pi-item-spacing, .pi-theme-encounter .pi-item-spacing, .pi-theme-ritual    .pi-item-spacing, .pi-theme-aberration .pi-item-spacing, .pi-theme-elemental .pi-item-spacing, .pi-theme-fey       .pi-item-spacing, .pi-theme-immortal  .pi-item-spacing, .pi-theme-shadow    .pi-item-spacing {   padding: 5px 3px 5px 3px; } .pi-theme-frwiki    .pi-title, /* padding, margin, font... */ .pi-theme-rlc       .pi-title, .pi-theme-plant     .pi-title, .pi-theme-fungus    .pi-title, .pi-theme-road      .pi-title, .pi-theme-mountain  .pi-title, .pi-theme-at-will   .pi-title, .pi-theme-daily     .pi-title, .pi-theme-encounter .pi-title, .pi-theme-ritual    .pi-title, .pi-theme-aberration .pi-title, .pi-theme-elemental .pi-title, .pi-theme-fey       .pi-title, .pi-theme-immortal  .pi-title, .pi-theme-shadow    .pi-title {   text-align:         center; line-height:       1.2em; font-weight:       bold; font-size:         16px; padding:           2px; background-color:  #BDBCAD; border-style:      solid; border-width:      2px 2px 0px 2px; border-color:      #FBFBFB; } .pi-theme-frwiki    .pi-caption, /* font, color */ .pi-theme-rlc       .pi-caption, .pi-theme-plant     .pi-caption, .pi-theme-fungus    .pi-caption, .pi-theme-road      .pi-caption, .pi-theme-mountain  .pi-caption, .pi-theme-at-will   .pi-caption, .pi-theme-daily     .pi-caption, .pi-theme-encounter .pi-caption, .pi-theme-ritual    .pi-caption, .pi-theme-aberration .pi-caption, .pi-theme-elemental .pi-caption, .pi-theme-fey       .pi-caption, .pi-theme-immortal  .pi-caption, .pi-theme-shadow    .pi-caption {   text-align:         center; font-style:        italic; color:             inherit; background-color:  #F7F7F7; line-height:       1.2em; } .pi-theme-frwiki    .pi-group, /* group border */ .pi-theme-rlc       .pi-group, .pi-theme-plant     .pi-group, .pi-theme-fungus    .pi-group, .pi-theme-road      .pi-group, .pi-theme-mountain  .pi-group, .pi-theme-at-will   .pi-group, .pi-theme-daily     .pi-group, .pi-theme-encounter .pi-group, .pi-theme-ritual    .pi-group, .pi-theme-aberration .pi-group, .pi-theme-elemental .pi-group, .pi-theme-fey       .pi-group, .pi-theme-immortal  .pi-group, .pi-theme-shadow    .pi-group {   border:             none; } .pi-theme-frwiki    .pi-border-color, /* for pi-group, data */ .pi-theme-rlc       .pi-border-color, .pi-theme-plant     .pi-border-color, .pi-theme-fungus    .pi-border-color, .pi-theme-road      .pi-border-color, .pi-theme-mountain  .pi-border-color, .pi-theme-at-will   .pi-border-color, .pi-theme-daily     .pi-border-color, .pi-theme-encounter .pi-border-color, .pi-theme-ritual    .pi-border-color, .pi-theme-aberration .pi-border-color, .pi-theme-elemental .pi-border-color, .pi-theme-fey       .pi-border-color, .pi-theme-immortal  .pi-border-color, .pi-theme-shadow    .pi-border-color {   border-color:       #A9A78A; } .pi-theme-frwiki    .pi-header, /* header, in or out of group */ .pi-theme-rlc       .pi-header, .pi-theme-plant     .pi-header, .pi-theme-fungus    .pi-header, .pi-theme-road      .pi-header, .pi-theme-mountain  .pi-header, .pi-theme-at-will   .pi-header, .pi-theme-daily     .pi-header, .pi-theme-encounter .pi-header, .pi-theme-ritual    .pi-header, .pi-theme-aberration .pi-header, .pi-theme-elemental .pi-header, .pi-theme-fey       .pi-header, .pi-theme-immortal  .pi-header, .pi-theme-shadow    .pi-header {   text-align:         center; padding:           5px 3px 3px 3px; border-style:      solid; border-width:      2px; border-color:      #FBFBFB; } .pi-theme-frwiki    .pi-secondary-font, /* header, label font */ .pi-theme-rlc       .pi-secondary-font, .pi-theme-plant     .pi-secondary-font, .pi-theme-fungus    .pi-secondary-font, .pi-theme-road      .pi-secondary-font, .pi-theme-mountain  .pi-secondary-font, .pi-theme-at-will   .pi-secondary-font, .pi-theme-daily     .pi-secondary-font, .pi-theme-encounter .pi-secondary-font, .pi-theme-ritual    .pi-secondary-font, .pi-theme-aberration .pi-secondary-font, .pi-theme-elemental .pi-secondary-font, .pi-theme-fey       .pi-secondary-font, .pi-theme-immortal  .pi-secondary-font, .pi-theme-shadow    .pi-secondary-font {   font-size:          12px; font-weight:       bold; line-height:       1.2em; } .pi-theme-frwiki    .pi-secondary-background, /* header bg */ .pi-theme-rlc       .pi-secondary-background, .pi-theme-plant     .pi-secondary-background, .pi-theme-fungus    .pi-secondary-background, .pi-theme-road      .pi-secondary-background, .pi-theme-mountain  .pi-secondary-background, .pi-theme-at-will   .pi-secondary-background, .pi-theme-daily     .pi-secondary-background, .pi-theme-encounter .pi-secondary-background, .pi-theme-ritual    .pi-secondary-background, .pi-theme-aberration .pi-secondary-background, .pi-theme-elemental .pi-secondary-background, .pi-theme-fey       .pi-secondary-background, .pi-theme-immortal  .pi-secondary-background, .pi-theme-shadow    .pi-secondary-background {   background-color:   #DFDECF; } .pi-theme-frwiki    .pi-data, /* div around label and value */ .pi-theme-rlc       .pi-data, .pi-theme-plant     .pi-data, .pi-theme-fungus    .pi-data, .pi-theme-road      .pi-data, .pi-theme-mountain  .pi-data, .pi-theme-at-will   .pi-data, .pi-theme-daily     .pi-data, .pi-theme-encounter .pi-data, .pi-theme-ritual    .pi-data, .pi-theme-aberration .pi-data, .pi-theme-elemental .pi-data, .pi-theme-fey       .pi-data, .pi-theme-immortal  .pi-data, .pi-theme-shadow    .pi-data {   background-color:   inherit; /* Inherit the color of the whole infobox */ line-height:       1.4em; } .pi-theme-frwiki    .pi-data:not(:last-of-type), /* line between data rows */ .pi-theme-rlc       .pi-data:not(:last-of-type), .pi-theme-plant     .pi-data:not(:last-of-type), .pi-theme-fungus    .pi-data:not(:last-of-type), .pi-theme-road      .pi-data:not(:last-of-type), .pi-theme-mountain  .pi-data:not(:last-of-type), .pi-theme-at-will   .pi-data:not(:last-of-type), .pi-theme-daily     .pi-data:not(:last-of-type), .pi-theme-encounter .pi-data:not(:last-of-type), .pi-theme-ritual    .pi-data:not(:last-of-type), .pi-theme-aberration .pi-data:not(:last-of-type), .pi-theme-elemental .pi-data:not(:last-of-type), .pi-theme-fey       .pi-data:not(:last-of-type), .pi-theme-immortal  .pi-data:not(:last-of-type), .pi-theme-shadow    .pi-data:not(:last-of-type) {   border-bottom-style:none; border-bottom-width:0; } .pi-theme-frwiki    .pi-data-label, /* label field */ .pi-theme-rlc       .pi-data-label, .pi-theme-plant     .pi-data-label, .pi-theme-fungus    .pi-data-label, .pi-theme-road      .pi-data-label, .pi-theme-mountain  .pi-data-label, .pi-theme-at-will   .pi-data-label, .pi-theme-daily     .pi-data-label, .pi-theme-encounter .pi-data-label, .pi-theme-ritual    .pi-data-label, .pi-theme-aberration .pi-data-label, .pi-theme-elemental .pi-data-label, .pi-theme-fey       .pi-data-label, .pi-theme-immortal  .pi-data-label, .pi-theme-shadow    .pi-data-label {   text-align:         left; white-space:       nowrap; vertical-align:    top; line-height:       inherit; flex-basis:        55%; } .pi-theme-frwiki    .pi-data .pi-secondary-font, /* overriding font for label */ .pi-theme-rlc       .pi-data .pi-secondary-font, .pi-theme-plant     .pi-data .pi-secondary-font, .pi-theme-fungus    .pi-data .pi-secondary-font, .pi-theme-road      .pi-data .pi-secondary-font, .pi-theme-mountain  .pi-data .pi-secondary-font, .pi-theme-at-will   .pi-data .pi-secondary-font, .pi-theme-daily     .pi-data .pi-secondary-font, .pi-theme-encounter .pi-data .pi-secondary-font, .pi-theme-ritual    .pi-data .pi-secondary-font, .pi-theme-aberration .pi-data .pi-secondary-font, .pi-theme-elemental .pi-data .pi-secondary-font, .pi-theme-fey       .pi-data .pi-secondary-font, .pi-theme-immortal  .pi-data .pi-secondary-font, .pi-theme-shadow    .pi-data .pi-secondary-font {   font-weight:        normal; font-size:         12px; } .pi-theme-frwiki    .pi-data-value, /* value field */ .pi-theme-rlc       .pi-data-value, .pi-theme-plant     .pi-data-value, .pi-theme-fungus    .pi-data-value, .pi-theme-road      .pi-data-value, .pi-theme-mountain  .pi-data-value, .pi-theme-at-will   .pi-data-value, .pi-theme-daily     .pi-data-value, .pi-theme-encounter .pi-data-value, .pi-theme-ritual    .pi-data-value, .pi-theme-aberration .pi-data-value, .pi-theme-elemental .pi-data-value, .pi-theme-fey       .pi-data-value, .pi-theme-immortal  .pi-data-value, .pi-theme-shadow    .pi-data-value {   vertical-align:     top; white-space:       normal; line-height:       inherit; width:             100%;  /* This allows tabber to be full width. */ } .pi-theme-frwiki    .pi-data-value:not(:first-child), /* padding between data columns */ .pi-theme-rlc       .pi-data-value:not(:first-child), .pi-theme-plant     .pi-data-value:not(:first-child), .pi-theme-fungus    .pi-data-value:not(:first-child), .pi-theme-road      .pi-data-value:not(:first-child), .pi-theme-mountain  .pi-data-value:not(:first-child), .pi-theme-at-will   .pi-data-value:not(:first-child), .pi-theme-daily     .pi-data-value:not(:first-child), .pi-theme-encounter .pi-data-value:not(:first-child), .pi-theme-ritual    .pi-data-value:not(:first-child), .pi-theme-aberration .pi-data-value:not(:first-child), .pi-theme-elemental .pi-data-value:not(:first-child), .pi-theme-fey       .pi-data-value:not(:first-child), .pi-theme-immortal  .pi-data-value:not(:first-child), .pi-theme-shadow    .pi-data-value:not(:first-child) {   padding-left:       0; margin-left:       4px; } .pi-theme-frwiki    .pi-font, /* value font */ .pi-theme-rlc       .pi-font, .pi-theme-plant     .pi-font, .pi-theme-fungus    .pi-font, .pi-theme-road      .pi-font, .pi-theme-mountain  .pi-font, .pi-theme-at-will   .pi-font, .pi-theme-daily     .pi-font, .pi-theme-encounter .pi-font, .pi-theme-ritual    .pi-font, .pi-theme-aberration .pi-font, .pi-theme-elemental .pi-font, .pi-theme-fey       .pi-font, .pi-theme-immortal  .pi-font, .pi-theme-shadow    .pi-font {   text-align:         left; font-weight:       normal; font-size:         12px; } .pi-theme-frwiki    .pi-horizontal-group, /* table style */ .pi-theme-rlc       .pi-horizontal-group, .pi-theme-plant     .pi-horizontal-group, .pi-theme-fungus    .pi-horizontal-group, .pi-theme-road      .pi-horizontal-group, .pi-theme-mountain  .pi-horizontal-group, .pi-theme-at-will   .pi-horizontal-group, .pi-theme-daily     .pi-horizontal-group, .pi-theme-encounter .pi-horizontal-group, .pi-theme-ritual    .pi-horizontal-group, .pi-theme-aberration .pi-horizontal-group, .pi-theme-elemental .pi-horizontal-group, .pi-theme-fey       .pi-horizontal-group, .pi-theme-immortal  .pi-horizontal-group, .pi-theme-shadow    .pi-horizontal-group {   background-color:   inherit; } .pi-theme-frwiki    .pi-horizontal-group-item, /* cell spacing */ .pi-theme-rlc       .pi-horizontal-group-item, .pi-theme-plant     .pi-horizontal-group-item, .pi-theme-fungus    .pi-horizontal-group-item, .pi-theme-road      .pi-horizontal-group-item, .pi-theme-mountain  .pi-horizontal-group-item, .pi-theme-at-will   .pi-horizontal-group-item, .pi-theme-daily     .pi-horizontal-group-item, .pi-theme-encounter .pi-horizontal-group-item, .pi-theme-ritual    .pi-horizontal-group-item, .pi-theme-aberration .pi-horizontal-group-item, .pi-theme-elemental .pi-horizontal-group-item, .pi-theme-fey       .pi-horizontal-group-item, .pi-theme-immortal  .pi-horizontal-group-item, .pi-theme-shadow    .pi-horizontal-group-item {   padding:            1px 2px 0px 2px; } .pi-theme-frwiki    .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), /* override */ .pi-theme-rlc       .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-plant     .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-fungus    .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-road      .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-mountain  .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-at-will   .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-daily     .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-encounter .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-ritual    .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-aberration .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-elemental .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-fey       .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-immortal  .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-shadow    .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {   padding-left:       2px; } /* Removing this and replacing it with (see .pi-navigation below) This was an override for the Source box at the bottom of the infobox .pi-theme-frwiki .pi-horizontal-group td.pi-horizontal-group-item:only-child, .pi-theme-rlc   .pi-horizontal-group td.pi-horizontal-group-item:only-child { Original comment: This is a kludge that I might have to undo later. This should right-align only if a single data item is used in a horizontal group. The only alternative I see right now is defining a theme-source and using a dummy parameter, but I'm not sure you can make it invisible. text-align:        right; } .pi-theme-frwiki    .pi-horizontal-group .pi-data-label, /* line height */ .pi-theme-rlc       .pi-horizontal-group .pi-data-label, .pi-theme-plant     .pi-horizontal-group .pi-data-label, .pi-theme-fungus    .pi-horizontal-group .pi-data-label, .pi-theme-road      .pi-horizontal-group .pi-data-label, .pi-theme-mountain  .pi-horizontal-group .pi-data-label, .pi-theme-at-will   .pi-horizontal-group .pi-data-label, .pi-theme-daily     .pi-horizontal-group .pi-data-label, .pi-theme-encounter .pi-horizontal-group .pi-data-label, .pi-theme-ritual    .pi-horizontal-group .pi-data-label, .pi-theme-aberration .pi-horizontal-group .pi-data-label, .pi-theme-elemental .pi-horizontal-group .pi-data-label, .pi-theme-fey       .pi-horizontal-group .pi-data-label, .pi-theme-immortal  .pi-horizontal-group .pi-data-label, .pi-theme-shadow    .pi-horizontal-group .pi-data-label {   line-height:        1.2em; } .pi-theme-frwiki    .pi-horizontal-group-item, /* table cells */ .pi-theme-rlc       .pi-horizontal-group-item, .pi-theme-plant     .pi-horizontal-group-item, .pi-theme-fungus    .pi-horizontal-group-item, .pi-theme-road      .pi-horizontal-group-item, .pi-theme-mountain  .pi-horizontal-group-item, .pi-theme-at-will   .pi-horizontal-group-item, .pi-theme-daily     .pi-horizontal-group-item, .pi-theme-encounter .pi-horizontal-group-item, .pi-theme-ritual    .pi-horizontal-group-item, .pi-theme-aberration .pi-horizontal-group-item, .pi-theme-elemental .pi-horizontal-group-item, .pi-theme-fey       .pi-horizontal-group-item, .pi-theme-immortal  .pi-horizontal-group-item, .pi-theme-shadow    .pi-horizontal-group-item {   text-align:         center; } .pi-theme-frwiki    .pi-horizontal-group-item .tabbernav, /* tabs in a tabber */ .pi-theme-rlc       .pi-horizontal-group-item .tabbernav, .pi-theme-plant     .pi-horizontal-group-item .tabbernav, .pi-theme-fungus    .pi-horizontal-group-item .tabbernav, .pi-theme-road      .pi-horizontal-group-item .tabbernav, .pi-theme-mountain  .pi-horizontal-group-item .tabbernav, .pi-theme-at-will   .pi-horizontal-group-item .tabbernav, .pi-theme-daily     .pi-horizontal-group-item .tabbernav, .pi-theme-encounter .pi-horizontal-group-item .tabbernav, .pi-theme-ritual    .pi-horizontal-group-item .tabbernav, .pi-theme-aberration .pi-horizontal-group-item .tabbernav, .pi-theme-elemental .pi-horizontal-group-item .tabbernav, .pi-theme-fey       .pi-horizontal-group-item .tabbernav, .pi-theme-immortal  .pi-horizontal-group-item .tabbernav, .pi-theme-shadow    .pi-horizontal-group-item .tabbernav {   text-align:         left; } .pi-theme-frwiki    .pi-horizontal-group-item .tabbertab > p, /* headings in a tab */ .pi-theme-rlc       .pi-horizontal-group-item .tabbertab > p, .pi-theme-plant      .pi-horizontal-group-item .tabbertab > p, .pi-theme-fungus     .pi-horizontal-group-item .tabbertab > p, .pi-theme-road       .pi-horizontal-group-item .tabbertab > p, .pi-theme-mountain   .pi-horizontal-group-item .tabbertab > p, .pi-theme-at-will    .pi-horizontal-group-item .tabbertab > p, .pi-theme-daily      .pi-horizontal-group-item .tabbertab > p, .pi-theme-encounter  .pi-horizontal-group-item .tabbertab > p, .pi-theme-ritual     .pi-horizontal-group-item .tabbertab > p, .pi-theme-aberration .pi-horizontal-group-item .tabbertab > p, .pi-theme-elemental  .pi-horizontal-group-item .tabbertab > p, .pi-theme-fey        .pi-horizontal-group-item .tabbertab > p, .pi-theme-immortal   .pi-horizontal-group-item .tabbertab > p, .pi-theme-shadow     .pi-horizontal-group-item .tabbertab > p { background-color:  #DFDECF; } .pi-theme-frwiki    .pi-navigation, .pi-theme-rlc       .pi-navigation, .pi-theme-plant     .pi-navigation, .pi-theme-fungus    .pi-navigation, .pi-theme-road      .pi-navigation, .pi-theme-mountain  .pi-navigation, .pi-theme-at-will   .pi-navigation, .pi-theme-daily     .pi-navigation, .pi-theme-encounter .pi-navigation, .pi-theme-ritual    .pi-navigation, .pi-theme-aberration .pi-navigation, .pi-theme-elemental .pi-navigation, .pi-theme-fey       .pi-navigation, .pi-theme-immortal  .pi-navigation, .pi-theme-shadow    .pi-navigation {   text-align:         right; font-weight:       normal; background-color:  #F7F7F7; padding:           3px 0 3px 0; margin:            0 3px 0 3px; } .pi-theme-frwiki    nav.pi-navigation:first-of-type, .pi-theme-rlc       nav.pi-navigation:first-of-type, .pi-theme-plant     nav.pi-navigation:first-of-type, .pi-theme-fungus    nav.pi-navigation:first-of-type, .pi-theme-road      nav.pi-navigation:first-of-type, .pi-theme-mountain  nav.pi-navigation:first-of-type, .pi-theme-at-will   nav.pi-navigation:first-of-type, .pi-theme-daily     nav.pi-navigation:first-of-type, .pi-theme-encounter nav.pi-navigation:first-of-type, .pi-theme-ritual    nav.pi-navigation:first-of-type, .pi-theme-aberration nav.pi-navigation:first-of-type, .pi-theme-elemental nav.pi-navigation:first-of-type, .pi-theme-fey       nav.pi-navigation:first-of-type, .pi-theme-immortal  nav.pi-navigation:first-of-type, .pi-theme-shadow    nav.pi-navigation:first-of-type {   border-top:         1px solid #808080; } .pi-theme-frwiki .tabberlive .subtitle { background-color:  #DFDECF; } .pi-theme-frwiki .pi-item /* almost everything gets this, so be careful */ { }

/********************* END FRWIKI THEME ****************************/ /************** BEGIN FRWIKI-INFORMATION THEME *********************/

/********************************************************************/ /* Information template style, chosen by theme="frwiki-information" */ /*  This is a full-width infobox with a different color scheme, so */ /*  it gets its own theme rather than try to override frwiki theme.*/ /********************************************************************/

.portable-infobox.pi-theme-frwiki-information { width:             96%; border:            10px groove #A0522D; padding:           5px; color:             #000000; vertical-align:    top; background-color:  #FFEFD5; /* HTML papayawhip */ margin:            0; float:             none; }

.pi-theme-frwiki-information .pi-title /* padding, margin, font... */ {   text-align:         left; line-height:       1.2em; background-color:  #FFDEAD; border:            1px solid #A0522D; margin:            0 0 10px 0; font-size:         17px; font-weight:       bold; }

.pi-theme-frwiki-information .pi-item-spacing /* padding between each element */ { padding: 5px 3px 5px 3px; }

.pi-theme-frwiki-information .pi-header /* header, in or out of group */ { padding:           3px; border:            none; margin:            0 0 36px 0; }

.pi-theme-frwiki-information .pi-secondary-font { font-size:         14px; font-weight:       bold; }

.pi-theme-frwiki-information .pi-secondary-background /* header bg */ { background-color:  #FFEFD5; /* HTML papayawhip */ }

.pi-theme-frwiki-information .pi-data:not(:last-of-type) /* line between data rows */ { border-bottom-style:none; border-bottom-width:0px; }

.pi-theme-frwiki-information .pi-data-label /* label field */ { text-align:        left; white-space:       nowrap; vertical-align:    top; line-height:       inherit; flex-basis:        25%; }

.pi-theme-frwiki-information .pi-data-value:not(:first-child) /* padding between data columns */ { padding-left:      10px; margin-left:       0; flex-basis:        75%; }

/*************** END FRWIKI-INFORMATION THEME **********************/ /**************** BEGIN THEME-SOURCE VARIANTS **********************/

/**********************************************************************/ /* Real-life company template style, chosen by theme-source="variant" */ /*  where variant=rlc                                                */ /**********************************************************************/ .portable-infobox.pi-theme-rlc .pi-data-label { flex-basis:        35%; } /**********************************************************************/ /* Vegetation/Plant template style, chosen by theme-source="variant" */ /*  where variant=plant                                              */ /**********************************************************************/ .portable-infobox.pi-theme-plant { color:             #003300; background-color:  #F7FFF7; } .portable-infobox.pi-theme-plant .pi-title { background-color:  #99AD99; } .portable-infobox.pi-theme-plant .pi-secondary-background { background-color:  #C2CEC2; } .portable-infobox.pi-theme-plant .pi-caption { background-color:  #EEF2EE; } .portable-infobox.pi-theme-plant .pi-data-label { flex-basis:        50%; } /**********************************************************************/ /* Vegetation/Fungus template style, chosen by theme-source="variant" */ /*  where variant=fungus                                             */ /**********************************************************************/ .portable-infobox.pi-theme-fungus { color:             #331A00; background-color:  #F3EFEB; } .portable-infobox.pi-theme-fungus .pi-title { background-color:  #B29980; } .portable-infobox.pi-theme-fungus .pi-secondary-background { background-color:  #D1C2B3; } .portable-infobox.pi-theme-fungus .pi-caption { background-color:  #E5DDD5; } .portable-infobox.pi-theme-fungus .pi-data-label { flex-basis:        50%; } /**********************************************************************/ /* Location/Road template style, chosen by theme-source="variant"    */ /*  where variant=road                                               */ /**********************************************************************/ .portable-infobox.pi-theme-road .pi-title { background-color:  #CD853F; /* HTML peru */ } .portable-infobox.pi-theme-road .pi-secondary-background { background-color:  #DEB887; /* HTML burlywood */ } .portable-infobox.pi-theme-road .pi-navigation { background-color:  #F8F8F8; } /**********************************************************************/ /* Location/Mountain template style, chosen by theme-source="variant" */ /*  where variant=mountain                                           */ /**********************************************************************/ .portable-infobox.pi-theme-mountain { color:             #000000; border:            1px solid #8B4513; /* HTML saddlebrown */ } .portable-infobox.pi-theme-mountain .pi-title { color:             #FFFFFF; background-color:  #000000; } .portable-infobox.pi-theme-mountain .pi-secondary-background { color:             #000000; background-color:  #BBC4CC; /* half-way from lightslategray to white */ } .portable-infobox.pi-theme-mountain .pi-caption { color:             #2F4F4F; /* HTML darkslategray */ } .portable-infobox.pi-theme-mountain .pi-navigation { background-color:  #F8F8F8; } /**********************************************************************/ /* 4e At-will Spell template style, chosen by theme=source="type"    */ /*  where type=at-will                                               */ /**********************************************************************/ .portable-infobox.pi-theme-at-will .pi-title { color:             #FFFFFF; background-color:  #5E9368; /* Green slate */ } /**********************************************************************/ /* 4e Daily Spell template style, chosen by theme=source="type"      */ /*  where type=daily                                                 */ /**********************************************************************/ .portable-infobox.pi-theme-daily .pi-title { color:             #FFFFFF; background-color:  #4E4E50; /* Bluish black */ } /**********************************************************************/ /* 4e Encounter Spell template style, chosen by theme=source="type"  */ /*  where type=encounter                                             */ /**********************************************************************/ .portable-infobox.pi-theme-encounter .pi-title { color:             #FFFFFF; background-color:  #8E1C36; /* Maroon slate */ } /**********************************************************************/ /* 4e Ritual Spell template style, chosen by theme=source="type"     */ /*  where type=ritual                                                */ /**********************************************************************/ .portable-infobox.pi-theme-ritual .pi-title { color:             #FFFFFF; background-color:  #69508C; /* Purple slate */ font-family:       "times,serif"; font-variant:      small-caps; font-size:         18px; } /***********************************************************************/ /* Creature/aberration template style, chosen by theme-source="variant"*/ /*  where variant=aberration                                          */ /***********************************************************************/ .portable-infobox.pi-theme-aberration .tabbox, .portable-infobox.pi-theme-aberration { color:             #29284C; background-color:  #FEFCFE; } .portable-infobox.pi-theme-aberration .pi-title { background-color:  #A2A1CF; } .portable-infobox.pi-theme-aberration .tabbertab .subtitle, .portable-infobox.pi-theme-aberration .pi-secondary-background { background-color:  #CECDDF; } .portable-infobox.pi-theme-aberration .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .portable-infobox.pi-theme-aberration .pi-caption { background-color:  #eeeef6; } .portable-infobox.pi-theme-aberration .pi-data-label { flex-basis:        50%; } /***********************************************************************/ /* Creature/elemental template style, chosen by theme-source="variant" */ /*  where variant=elemental                                           */ /***********************************************************************/ .portable-infobox.pi-theme-elemental .tabbox, .portable-infobox.pi-theme-elemental { color:             #4a2728; background-color:  #fefcfc; } .portable-infobox.pi-theme-elemental .pi-title { background-color:  #caaaad; } .portable-infobox.pi-theme-elemental .tabbertab .subtitle, .portable-infobox.pi-theme-elemental .pi-secondary-background { background-color:  #deced2; } .portable-infobox.pi-theme-elemental .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .portable-infobox.pi-theme-elemental .pi-caption { background-color:  #ebe0e1; } .portable-infobox.pi-theme-elemental .pi-data-label { flex-basis:        50%; } /**********************************************************************/ /* Creature/fey template style, chosen by theme-source="variant"     */ /*  where variant=fey                                                */ /**********************************************************************/ .portable-infobox.pi-theme-fey .tabbox, .portable-infobox.pi-theme-fey { color:             #3A4C28; background-color:  #FCFFFC; } .portable-infobox.pi-theme-fey .pi-title { background-color:  #AFCAAB; } .portable-infobox.pi-theme-fey .tabbertab .subtitle, .portable-infobox.pi-theme-fey .pi-secondary-background { background-color:  #D3DECE; } .portable-infobox.pi-theme-fey .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .portable-infobox.pi-theme-fey .pi-caption { background-color:  #E1EBE0; } .portable-infobox.pi-theme-fey .pi-data-label { flex-basis:        50%; } /***********************************************************************/ /* Creature/immortal template style, chosen by theme-source="variant" */ /*  where variant=immortal                                            */ /***********************************************************************/ .portable-infobox.pi-theme-immortal .tabbox, .portable-infobox.pi-theme-immortal { color:             #28444c; background-color:  #fcfcfe; } .portable-infobox.pi-theme-immortal .pi-title { background-color:  #abb4cb; } .portable-infobox.pi-theme-immortal .tabbertab .subtitle, .portable-infobox.pi-theme-immortal .pi-secondary-background { background-color:  #d0d5e2; } .portable-infobox.pi-theme-immortal .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .portable-infobox.pi-theme-immortal .pi-caption { background-color:  #eff1f5; } .portable-infobox.pi-theme-immortal .pi-data-label { flex-basis:        50%; } /************************************************************************/ /* Creature/shadow template style, chosen by theme-source="variant"    */ /*  where variant=shadow                                               */ /************************************************************************/ .portable-infobox.pi-theme-shadow .tabbox, .portable-infobox.pi-theme-shadow { color:             #272528; background-color:  #fdfdfd; } .portable-infobox.pi-theme-shadow .pi-title { background-color:  #817a85; } .portable-infobox.pi-theme-shadow .tabbertab .subtitle, .portable-infobox.pi-theme-shadow .pi-secondary-background { background-color:  #b3afb6; } .portable-infobox.pi-theme-shadow .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .portable-infobox.pi-theme-shadow .pi-caption { background-color:  #e6e4e7; } .portable-infobox.pi-theme-shadow .pi-data-label { flex-basis:        50%; } /****************** END THEME-SOURCE VARIANTS **********************/ /************ BEGIN TABBER INSIDE PORTABLE INFOBOX *****************/ .portable-infobox .pi-image-collection { margin-top: 0.5em; text-align: center; } .portable-infobox ul.pi-image-collection-tabs { border-bottom: 1px solid #778; font: bold 12px Verdana,sans-serif; list-style: none outside none; margin: 0 0 2px; overflow: visible; padding: 0 0 4px; text-align: center; } .portable-infobox ul.pi-image-collection-tabs li.current { background: none repeat scroll 0 0 #FFF; border-bottom: 1px solid #FFF; font-weight: bold; } .portable-infobox ul.pi-image-collection-tabs li.current:hover { background-color: #FFF; border-bottom: 1px solid white; } .portable-infobox ul.pi-image-collection-tabs li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; display: inline; line-height: normal; list-style: none outside none; background: none repeat scroll 0 0 #DDE; border-color: #778 #778 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px; color: #448; margin: 0 0 0 3px; padding: 3px 0.5em; text-decoration: none; } .portable-infobox ul.pi-image-collection-tabs li:hover { background: none repeat scroll 0 0 #AAE; border-color: #227; color: #000; } .portable-infobox .pi-tab-link.pi-item-spacing { padding: 3px 5px 4px; } /************* END TABBER INSIDE PORTABLE INFOBOX ******************/