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('http://images3.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('http://images3.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('http://images1.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('http://images3.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('http://images4.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('http://images4.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; }

/* Scroll-banner styles */ width:         90%; height:        auto; min-height:    85px; 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:    65px;   /* Safari 6.1+ */ flex-grow:             0; flex-shrink:           0; flex-basis:            65px; background-repeat:     no-repeat; background-size:       100% 100% ; }   background-image:   url('http://vignette4.wikia.nocookie.net/forgottenrealms/images/0/02/Scroll_left.png'); }   background-image:   url('http://vignette2.wikia.nocookie.net/forgottenrealms/images/5/5f/Scroll_middle.png'); background-repeat: repeat-x; background-size:   270px 100%; flex-grow:         1; flex-shrink:       0; flex-basis:        270px; padding:           8px; }   background-image:   url('http://vignette2.wikia.nocookie.net/forgottenrealms/images/6/65/Scroll_right.png'); }
 * 1) scroll-banner {
 * 1) scroll-banner div {
 * 1) scroll-banner > div:nth-of-type(1) {
 * 1) scroll-banner > div:nth-of-type(2) {
 * 1) scroll-banner > div:nth-of-type(3) {

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

.infobox2 .tabberlive .tabbertab { padding:  1px 0px; border-width: 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:     1em; vertical-align:  top; }

table.splittable > tbody > tr > td:first-child { text-align:      left; white-space:     nowrap; vertical-align:  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: 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 {   background-color:   #FBFBFB; }

.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 */ {   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 {   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 {   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:      #FFFFFF; } .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 {   text-align:         center; font-style:        italic; color:             inherit; background-color:  #F7F7F7; line-height:       1.2em; } .pi-theme-frwiki .pi-image /* alignment of image box */ { } .pi-theme-frwiki .pi-image-thumbnail /* img class */ { }

.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 {   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 {   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 {   text-align:         center; padding:           3px; border-style:      solid; border-width:      2px; border-color:      #FFFFFF; } .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 {   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 {   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 {   background-color:   inherit; /* Inherit the color of the whole infobox */ line-height:       1.2em; } .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) {   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 {   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 {   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 {   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)

{   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 {   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 {   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 {   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) {   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 {   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 {   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 {   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 { 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 {   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 {   border-top:         1px solid #808080; } .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; }