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. *****/ /* See also: MediaWiki:Monobook.css */

/***********************************************************/ /* Moviesign: Portable Infobox styles                     */ /*  Default style, chosen by theme="llwiki"               */ /*  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 llwiki selectors below, and then add the */ /*  custom CSS at the bottom. */ /***********************************************************/

.pi-theme-llwiki.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-water.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-light.pi-background, .pi-theme-demon.pi-background, .pi-theme-shadow.pi-background {   background-color:   #FBFBFB; }

.pi-theme-llwiki .pi-image /* alignment of image box */ { } .pi-theme-llwiki .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-llwiki,    /* 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-water,     /* Location/Body of water 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-light, 	  /* 4e Creature origin */ .pi-theme-demon, 	  /* 4e Creature origin */ .pi-theme-shadow,    /* 4e Creature origin */ .pi-theme-ship       /* Ship infobox */ {   border:             1px solid #999999; color:             #000000; font-size:         88%; vertical-align:    top; } .pi-theme-llwiki    .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-water     .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-light 	 .pi-item-spacing, .pi-theme-demon 	 .pi-item-spacing, .pi-theme-shadow    .pi-item-spacing, .pi-theme-ship      .pi-item-spacing {   padding: 5px 3px 5px 3px; } .pi-theme-llwiki    .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-water     .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-light 	 .pi-title, .pi-theme-demon 	 .pi-title, .pi-theme-shadow    .pi-title, .pi-theme-ship      .pi-title {   text-align:         center; line-height:       1.2em; font-weight:       bold; font-size:         18px; color:             #FBFBFB; /* Color for the text in the title box. */   padding:            2px; background-color:  #333333; /* Color for the background in the title box. */   border-style:       solid; border-width:      2px 2px 0px 2px; border-color:      #FBFBFB; /* Color for the border in the title box. */ } .pi-theme-llwiki    .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-water     .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-light 	 .pi-caption, .pi-theme-demon 	 .pi-caption, .pi-theme-shadow    .pi-caption, .pi-theme-ship      .pi-caption {   text-align:         center; font-style:        italic; font-size:         14px; /* The size of the text in the caption. */   color:              inherit; background-color:  #F7F7F7; /* The color for the background of the caption. */   line-height:        1.2em; } .pi-theme-llwiki    .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-water     .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-light     .pi-group, .pi-theme-demon     .pi-group, .pi-theme-shadow    .pi-group, .pi-theme-ship      .pi-group {   border:             none; } .pi-theme-llwiki    .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-water     .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-light     .pi-border-color, .pi-theme-demon     .pi-border-color, .pi-theme-shadow    .pi-border-color, .pi-theme-ship      .pi-border-color {   border-color:       #999999; } .pi-theme-llwiki    .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-water     .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-light	    .pi-header, .pi-theme-demon	    .pi-header, .pi-theme-shadow    .pi-header, .pi-theme-ship      .pi-header {   text-align:         center; padding:           5px 3px 3px 3px; border-style:      solid; border-width:      2px; border-color:      #FBFBFB; } .pi-theme-llwiki    .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-water     .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-light     .pi-secondary-font, .pi-theme-demon     .pi-secondary-font, .pi-theme-shadow    .pi-secondary-font, .pi-theme-ship      .pi-secondary-font {   font-size:          14px; font-weight:       bold; line-height:       1.2em; } .pi-theme-llwiki    .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-water     .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-light     .pi-secondary-background, .pi-theme-demon     .pi-secondary-background, .pi-theme-shadow    .pi-secondary-background, .pi-theme-ship      .pi-secondary-background {   background-color:   #4d4d4d; /* Header background color. */ } .pi-theme-llwiki    .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-water     .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-light     .pi-data, .pi-theme-demon     .pi-data, .pi-theme-shadow    .pi-data, .pi-theme-ship      .pi-data {   background-color:   inherit; /* Inherit the color of the whole infobox */ line-height:       1.4em; } .pi-theme-llwiki    .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-water     .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-light     .pi-data:not(:last-of-type), .pi-theme-demon     .pi-data:not(:last-of-type), .pi-theme-shadow    .pi-data:not(:last-of-type), .pi-theme-ship      .pi-data:not(:last-of-type) {   border-bottom-style:none; border-bottom-width:0; } .pi-theme-llwiki    .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-water     .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-light     .pi-data-label, .pi-theme-demon     .pi-data-label, .pi-theme-shadow    .pi-data-label, .pi-theme-ship      .pi-data-label {   text-align:         left; white-space:       nowrap; vertical-align:    top; line-height:       inherit; -webkit-flex:      1 1 190px; /* Safari 6.1+ */ -ms-flex:          1 1 190px; /* IE 10 */ flex:              1 1 190px; } .pi-theme-llwiki    .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-water     .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-light     .pi-data .pi-secondary-font, .pi-theme-demon     .pi-data .pi-secondary-font, .pi-theme-shadow    .pi-data .pi-secondary-font, .pi-theme-ship      .pi-data .pi-secondary-font {   font-weight:        normal; font-size:         14px; } .pi-theme-llwiki    .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-water     .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-light     .pi-data-value, .pi-theme-demon     .pi-data-value, .pi-theme-shadow    .pi-data-value, .pi-theme-ship      .pi-data-value {   vertical-align:     top; white-space:       normal; line-height:       inherit; width:             100%;  /* This allows tabber to be full width. */ } .pi-theme-llwiki    .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-water     .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-light     .pi-data-value:not(:first-child), .pi-theme-demon     .pi-data-value:not(:first-child), .pi-theme-shadow    .pi-data-value:not(:first-child), .pi-theme-ship      .pi-data-value:not(:first-child) {   padding-left:       0; margin-left:       4px; -webkit-flex:      0 1 auto; /* Safari 6.1+ */ -ms-flex:          0 1 auto; /* IE 10 */ flex:              0 1 auto; } .pi-theme-llwiki    .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-water     .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-light     .pi-font, .pi-theme-demon     .pi-font, .pi-theme-shadow    .pi-font, .pi-theme-ship      .pi-font {   text-align:         left; font-weight:       normal; font-size:         14px; } .pi-theme-llwiki    .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-water     .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-light     .pi-horizontal-group, .pi-theme-demon     .pi-horizontal-group, .pi-theme-shadow    .pi-horizontal-group, .pi-theme-ship      .pi-horizontal-group {   background-color:   inherit; } .pi-theme-llwiki    .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-water     .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-light     .pi-horizontal-group-item, .pi-theme-demon     .pi-horizontal-group-item, .pi-theme-shadow    .pi-horizontal-group-item, .pi-theme-ship      .pi-horizontal-group-item {   padding:            1px 2px 0px 2px; } .pi-theme-llwiki    .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-water     .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-light     .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-demon     .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-shadow    .pi-horizontal-group .pi-horizontal-group-item:not(:first-child), .pi-theme-ship      .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-llwiki .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-llwiki    .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-water     .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-light     .pi-horizontal-group .pi-data-label, .pi-theme-demon     .pi-horizontal-group .pi-data-label, .pi-theme-shadow    .pi-horizontal-group .pi-data-label, .pi-theme-ship      .pi-horizontal-group .pi-data-label {   line-height:        1.2em; } .pi-theme-llwiki    .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-water     .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-light     .pi-horizontal-group-item, .pi-theme-demon     .pi-horizontal-group-item, .pi-theme-shadow    .pi-horizontal-group-item, .pi-theme-ship      .pi-horizontal-group-item {   text-align:         center; } .pi-theme-llwiki    .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-water     .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-light     .pi-horizontal-group-item .tabbernav, .pi-theme-demon     .pi-horizontal-group-item .tabbernav, .pi-theme-shadow    .pi-horizontal-group-item .tabbernav, .pi-theme-ship      .pi-horizontal-group-item .tabbernav {   text-align:         left; } .pi-theme-llwiki    .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-water      .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-light      .pi-horizontal-group-item .tabbertab > p, .pi-theme-demon      .pi-horizontal-group-item .tabbertab > p, .pi-theme-shadow     .pi-horizontal-group-item .tabbertab > p, .pi-theme-ship       .pi-horizontal-group-item .tabbertab > p { background-color:  #DFDECF; } .pi-theme-llwiki    .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-water     .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-light     .pi-navigation, .pi-theme-demon     .pi-navigation, .pi-theme-shadow    .pi-navigation, .pi-theme-ship      .pi-navigation {   text-align:         right; font-weight:       normal; background-color:  #F7F7F7; padding:           3px 0 3px 0; margin:            0 3px 0 3px; } .pi-theme-llwiki    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-water     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-light     nav.pi-navigation:first-of-type, .pi-theme-demon     nav.pi-navigation:first-of-type, .pi-theme-shadow    nav.pi-navigation:first-of-type, .pi-theme-ship      nav.pi-navigation:first-of-type {   border-top:         1px solid #808080; } .pi-theme-llwiki .tabberlive .subtitle { background-color:  #DFDECF; } .pi-theme-llwiki .pi-item /* almost everything gets this, so be careful */ { }

/********************* END llwiki THEME ****************************/ /************** BEGIN llwiki-INFORMATION THEME *********************/

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

.portable-infobox.pi-theme-llwiki-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-llwiki-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-llwiki-information .pi-item-spacing /* padding between each element */ { padding: 5px 3px 5px 3px; }

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

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

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

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

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

.pi-theme-llwiki-information .pi-data-value:not(:first-child) /* padding between data columns */ { padding-left:      10px; margin-left:       0; flex-basis:        75%; } /*************** END llwiki-INFORMATION THEME **********************/ /***************** BEGIN llwiki-MEMBER THEME ***********************/ .portable-infobox.pi-theme-llwiki-member { width:             248px; border:            1px solid black; color:             #000000; vertical-align:    top; background-color:  #FFFFFF; margin:            0 0 0.5em 1em; }

.pi-theme-llwiki-member .pi-title /* padding, margin, font... */ {   text-align:         center; line-height:       1.2em; background-color:  #000000; color:             #FFFFFF; border-style:      solid; border-width:      2px 2px 0px 2px; border-color:      #FBFBFB; margin:            0 0 2px 0; font-size:         17px; font-weight:       bold; } .pi-theme-llwiki-member .pi-item-spacing { padding:           5px 3px 5px 3px; margin:            2px; } .pi-theme-llwiki-member .pi-caption { text-align:        center; font-style:        italic; color:             inherit; background-color:  #F7F7F7; line-height:       1.2em; } .pi-theme-llwiki-member .pi-header { text-align:        center; padding:           5px 3px 3px 3px; border-style:      solid; border-width:      2px; border-color:      #FBFBFB; } .pi-theme-llwiki-member .pi-secondary-font { font-size:         14px; font-weight:       bold; line-height:       1.2em; } .pi-theme-llwiki-member .pi-secondary-background { background-color:  #DFDECF; } .pi-theme-llwiki-member .pi-data { border:            none; } /****************** END llwiki-MEMBER 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:  #3b2e2e; } .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; } /***************************************************************************/ /* Location/Body of water template style, chosen by theme-source="variant" */ /*  where variant=water                                                   */ /***************************************************************************/ .portable-infobox.pi-theme-water { color:             #000000; border:            1px solid #000080; /* HTML navy */ } .portable-infobox.pi-theme-water .pi-title { color:             #FFFFFF; background-color:  #0000FF; /* HTML blue */ } .portable-infobox.pi-theme-water .pi-secondary-background { color:             #000000; background-color:  #EAF2F8 ; /* faint blue */ } .portable-infobox.pi-theme-water .pi-caption { color:             #008080; /* HTML teal */ } .portable-infobox.pi-theme-water .pi-navigation { background-color:  #EAF2F8; /* faint blue */ } /**********************************************************************/ /* 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:        57%; } /***********************************************************************/ /* 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:        57%; } /**********************************************************************/ /* 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:        57%; } /***********************************************************************/ /* 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:        57%; } /***********************************************************************/ /* Creature/light template style, chosen by theme-source="variant" */ /*  where variant=light                                            */ /***********************************************************************/ .portable-infobox.pi-theme-light .tabbox, .portable-infobox.pi-theme-light { color:             #28444c; background-color:  #fcfcfe; } .portable-infobox.pi-theme-light .pi-title { background-color:  #f1dfa7; color:             #000000; /* Color for the text in the title box. */ } .portable-infobox.pi-theme-light .pi-secondary-font { color:             #000000; /* Color for the text in the header box. */ } .portable-infobox.pi-theme-light .tabbertab .subtitle, .portable-infobox.pi-theme-light .pi-secondary-background { background-color:  #f5e7bd; /* Header background color. */ } .portable-infobox.pi-theme-light .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .portable-infobox.pi-theme-light .pi-caption { background-color:  #eff1f5;  /* The color for the background of the caption. */ } .portable-infobox.pi-theme-light .pi-data-label { flex-basis:        57%; } /***********************************************************************/ /* Creature/demon template style, chosen by theme-source="variant" */ /*  where variant=demon                                            */ /***********************************************************************/ .portable-infobox.pi-theme-demon .tabbox, .portable-infobox.pi-theme-demon { color:             #28444c; background-color:  #fcfcfe; } .portable-infobox.pi-theme-demon .pi-title { background-color:  #751515; /*   color:              #000000; */ /* Color for the text in the title box. */ } .portable-infobox.pi-theme-demon .pi-secondary-font { /*   color:              #000000; */ /* Color for the text in the header box. */ } .portable-infobox.pi-theme-demon .tabbertab .subtitle, .portable-infobox.pi-theme-demon .pi-secondary-background { background-color:  #aa1e1e; /* Header background color. */ } .portable-infobox.pi-theme-demon .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .portable-infobox.pi-theme-demon .pi-caption { color:             #000000; background-color:  #a86868;  /* The color for the background of the caption. */ } .portable-infobox.pi-theme-demon .pi-data-label { flex-basis:        57%; } /************************************************************************/ /* 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:  #42334d; } .portable-infobox.pi-theme-shadow .tabbertab .subtitle, .portable-infobox.pi-theme-shadow .pi-secondary-background { background-color:  #5c476b; } .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:        57%; } /************************************************************************/ /* Ship template style, chosen by theme-source="variant" where         */ /*  variant=ship                                                       */ /************************************************************************/ .portable-infobox.pi-theme-ship { color:             #0A2929; border:            1px solid #29A3A3; background-color:  #FBFEFF; } .portable-infobox.pi-theme-ship .pi-title { background-color:  #40D9FF; } .portable-infobox.pi-theme-ship .pi-secondary-background { background-color:  #B2F0FF; } .portable-infobox.pi-theme-ship .pi-caption { background-color:  #F2FCFF; } .portable-infobox.pi-theme-ship .pi-navigation.pi-secondary-background { color:             inherit; background-color:  #F2FCFF; }

/****************** 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; } .pi-image-collection-tab-content.current { background-color:  inherit; } .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 ******************/