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; } .WikiaPageContentWrapper .page-header__separator { margin-bottom: 0;  /* Reducing space at the top of each content block. */ } .mainPageContainer {   /* Contains everything down to the D&D wikis footer */ background: inherit; margin:    0; padding:   0; } .scroll-banner-container { /* Adjusts spacing around scroll banner */ width:     100%; margin:    -0.625em 0 -0.625em 0; padding:   0; } .mainPageBannerContentBox { /* The box around the banner content */ margin:    0.6250em 0 0.6250em 0; padding:   0.3125em 0 0.3125em 0; } .mainPageContainer #scroll-banner p { /* Styles for banner content */ text-align: center; font-size: 14px; } .mainPageLeftSection { margin:    0; background: inherit; border:    0; padding:   0.3125em; } .WikiaArticle .headingAB, .mainPageContainer .headingAB { /* Used by Template:HeadingA and Template:HeadingB */ padding:       0.2em 0.4em; margin:        0 0 10px 0; border:        1px solid #A0522D; color:         #000000; font-size:     120%; font-weight:   bold; text-align:    left; } .headingA { background: #FFDEAD; } .headingB { background: #FFEFD5; }

.rightColumnContainer { margin: 0; background: #F7F3E5; border: 0.625em ridge #BE5E0D; padding: 0; } .mainPageRightSection, .bottomWideSection { margin: 0; background: inherit; border: 0; padding: 0.3125em; } .bottomWideContainer { margin: 0.3125em 0 0.3125em 0; background: #F7F3E5; border: 0.625em ridge #BE5E0D; padding: 0; } /* --- 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: Reference list styles **/ /* Style for the references div */ .reflist { font-size: 84%; }

/* Column-specific styles */ .references-column-width { /* Vertical bar between columns */ -ms-column-rule:       1px solid #aaa; -moz-column-rule:      1px solid #aaa; -webkit-column-rule:   1px solid #aaa; column-rule:           1px solid #aaa; /* Column width */ -ms-column-width:      25em; -moz-column-width:     25em; -webkit-column-width:  25em; column-width:          25em; }

/* Top margin for lists embedded in columns */ div.columns { margin-top: 0.3em; float:     inherit; /* Override FANDOM value of "left" */ } div.columns dl, div.columns ol, div.columns ul { margin-top: 0; }

/* Avoid elements breaking between columns */ .nocolbreak, div.columns li, div.columns dd dd { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }

/** Moviesign: Scroll-banner styles **/ width:         100%; height:        auto; min-height:    80px; border:        0px solid #ccc; display:       -webkit-flex;   /* Safari */ display:       flex; margin:        5px 0 2px 0; vertical-align: baseline; }   -webkit-flex-grow:      0;      /* Safari 6.1+ */ -webkit-flex-shrink:   0;      /* Safari 6.1+ */ -webkit-flex-basis:    50px;   /* Safari 6.1+ */ flex-grow:             0; flex-shrink:           1; flex-basis:            50px; 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; }

/** Moviesign: Bordered nav box **/ /* First, the general style of a border box */ .border-box { margin:                  0 auto; } .border-box-contentarea { padding:               3px 2px 3px 2px; /* so content doesn't touch the border */ } .border-box-title, .border-box-subtitle { font-family: Georgia, serif; font-weight: bold; text-align: center; } .border-box-title { font-size:             larger; } .border-box-subtitle { font-size:             inherit; /* Inherits from wiki page */ } .border-box-content { font-size:             smaller; }   /* Then the styles for a specific design of border box */ .border-box-runes { border:                60px solid transparent; color:                 #000; border-image:          url(https://vignette.wikia.nocookie.net/forgottenrealms/images/6/6f/Border-FRW-gray-gold.png/revision/latest); -webkit-border-image:  url(https://vignette.wikia.nocookie.net/forgottenrealms/images/6/6f/Border-FRW-gray-gold.png/revision/latest);  /* Safari 3.1-5 */ -o-border-image:       url(https://vignette.wikia.nocookie.net/forgottenrealms/images/6/6f/Border-FRW-gray-gold.png/revision/latest);  /* Opera 11-12.1 */ -moz-border-image:     url(https://vignette.wikia.nocookie.net/forgottenrealms/images/6/6f/Border-FRW-gray-gold.png/revision/latest);  /* Mozilla */ border-width:          45px 30px 30px 30px; border-image-slice:    70 84 84 84; border-image-width:    45px 30px 30px 30px; border-image-outset:   0; border-image-repeat:   round; } .border-box-contentarea-runes { background-color:      #fcefcf; } .border-box-title-runes { background-color:      inherit; /* inherits from contentarea, but can be changed here */ } .border-box-subtitle-runes { background-color:      inherit; /* inherits from contentarea, but can be changed here */ } .border-box-content-runes { background-color:      inherit; /* inherits from contentarea, but can be changed here */ }   /* Styles for another border box */ .border-box-logo { margin:                5px auto; border:                4px solid transparent; color:                 #000; border-image:          url('https://vignette.wikia.nocookie.net/forgottenrealms/images/f/f4/LogoBox.png/revision/latest'); -webkit-border-image:  url('https://vignette.wikia.nocookie.net/forgottenrealms/images/f/f4/LogoBox.png/revision/latest');  /* Safari 3.1-5 */ -o-border-image:       url('https://vignette.wikia.nocookie.net/forgottenrealms/images/f/f4/LogoBox.png/revision/latest');  /* Opera 11-12.1 */ -moz-border-image:     url('https://vignette.wikia.nocookie.net/forgottenrealms/images/f/f4/LogoBox.png/revision/latest');  /* Mozilla */ border-width:          4px; border-image-slice:    4 fill; border-image-width:    4px; border-image-outset:   0; border-image-repeat:   stretch; } .border-box-contentarea-logo { background-color:      inherit; } .border-box-title-logo { background-color:      inherit; /* inherits from contentarea, but can be changed here */ } .border-box-subtitle-logo { background-color:      inherit; /* inherits from contentarea, but can be changed here */ } .border-box-content-logo { background-color:      inherit; /* inherits from contentarea, but can be changed here */ font-size:             8pt; line-height:           1.1em; } .border-box-content-logo ul { margin:            0.2em 0 0.2em 3.5em; } .border-box-content-logo li { margin:            0; }

/** Moviesign: styles for Climate template */ .climatebox { /* The outer div that encloses everything */ text-align:        center; border:            1px solid #A9A78A; float:             right; clear:             both; font-family:       Tahoma,"Lucida Sans Unicode",sans-serif; /* Needed for sans ℉ and ℃ */ } .climatebox-header { /* Main header */ font-size:         18px; font-weight:       bold; margin:            5px 2px 3px 2px; } .climatebox-subheader { /* Sub-header */ font-size:         16px; font-weight:       bold; margin:            5px 2px 3px 2px; } .climatebox-wrapper { /* Used to allow the temp, rain, and snow boxes to grow from the center */ display:           flex; justify-content:   center; align-items:       stretch; position:          relative; } .climatebox-temperature, .climatebox-rainfall, .climatebox-snowfall { /* The divs containing the temperature, rainfall, or snowfall bars */ width:             auto; display:           flex; flex-wrap:         nowrap; justify-content:   space-between; align-items:       stretch; flex:              3 0 auto; } .climatebox-item { /* Divs containing data and labels for each bar */ flex:              0 1 8.333%; /* Allowed to shrink, not grow, and start at 1/12th the width */ display:           flex;          /* These items are also containers */ flex-flow:         column nowrap; /* arranged in columns. */   align-items:        center; } .climatebox-bar-top { /* Upper bar */ line-height:      16px; font-size:        11px; display:          flex;  /* This bar is also a container for the data */ align-items:      flex-end;  /* Data goes at the bottom of the bar */ justify-content:  center; } .climatebox-temperature .climatebox-bar-top { background-color: pink; } .climatebox-rainfall .climatebox-bar-top { background-color: lightblue; } .climatebox-snowfall .climatebox-bar-top { background-color: lightgray; border:           1px solid black; border-bottom:    0; } .climatebox-bar-bottom { /* Lower bar */ line-height:       16px; font-size:         11px; } .climatebox-temperature .climatebox-bar-bottom { background-color: red; } .climatebox-rainfall .climatebox-bar-bottom { background-color: blue; } .climatebox-snowfall .climatebox-bar-bottom { background-color: white; border:           1px solid black; border-top:       0; } .climatebox .climatebox-data, .climatebox .climatebox-label { margin:            0; text-align:        center; } .climatebox-label { /* Label at the bottom of a data bar */ font-size:         12px; } .climatebox-stats { /* The stats in the bottom div */ text-align:        left; line-height:       20px; } p.climatebox-source { /* The source field at the bottom below an */ text-align:        right; padding:           0 2px; margin:            0 0 4px 0; font-size:         12px; line-height:       12px; } .climatebox-zerobar { position:          absolute; border-top:        1px solid black; width:             98%; } .climatebox-zerolabel { position:          relative; bottom:            13px; text-align:        right; font-size:         10px; line-height:       12px; }

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; } .portable-infobox ul.tabbernav li a { padding:   3px .25em; /* was 3px .5em from FANDOM */ } .portable-infobox ul.tabbernav li a:hover { border-color:      #333; background-color:  #AAE; } .tabbertab > p { padding: 0; margin: 0; }

/* Moviesign: Styles for panels inside infoboxes. This makes it resemble our current tabs. */

[class*="pi-theme-"]   .pi-panel {   padding:            1px 2px 0 2px; } [class*="pi-theme-"]   .pi-section-content {   border:             1px solid #ccc; } [class*="pi-theme-"]   .pi-section-content.pi-section-active {   padding:            1px 0; margin:            0 0 1px 0; } [class*="pi-theme-"]   .pi-section-navigation {   border:             0; line-height:       20px; font:              bold 12px Verdana,sans-serif; padding-top:       3px; position:          relative; top:               1px; } [class*="pi-theme-"]   .pi-section-tab.pi-section-active {   box-shadow:         none; background-color:  #FFF; border-bottom:     1px solid #FFF; } [class*="pi-theme-"]   .pi-section-tab {   background-color:   #F2F7FF; border:            1px solid #CCC; margin:            0 2px; } [class*="pi-theme-"]   .pi-section-label {   color:              #448; text-transform:    none; height:            20px; margin:            0 4px; } [class*="pi-theme-"]   .pi-section-tab:hover.pi-section-active {   color:              #000; border-color:      #333; border-bottom-color:#FFF; } [class*="pi-theme-"]   .pi-section-tab:hover {   background-color:   #AAE; border-color:      #333; border-bottom-color:#CCC; } .pi-panel[data-item-name="plane"] .pi-section-label { margin:            0 2px; }

/* Moviesign: Reducing the height of rows in some wikitables */ .wikitable p { 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:           100%; font-size:       100%; line-height:     1em; vertical-align:  top; }

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

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

table.classtable > tbody > tr > th { text-align:    center; font-weight:   bold; font-size:     smaller; }

/* 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; margin-bottom:     2px; } .alignment-grid td { width:             33%; } .alignment-grid caption { line-height:       normal; padding:           1px; }

/* 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: Styles for the Roll of Months */ .rollOfMonths { font-size:         14px; line-height:       1.2; text-align:        center; width:	       	230px; } .rollOfMonths tr:first-of-type th:first-of-type { font-size:	   	18px; font-variant:	   small-caps; } .rollOfMonths th:first-of-type { font-size:		   16px; font-variant:	   small-caps; } .rollOfMonths td { text-align:        right; } .rollOfMonths td:only-child { text-align:        center; } .RoMcontainer { float:			   right; display:		   flex; display:           -webkit-flex;   /* Safari */ flex-direction:	   column; width:			   300px; } .RoMtop { background-image:	url('https://vignette.wikia.nocookie.net/forgottenrealms/images/8/8f/Scroll_top.png/revision/latest?cb=20180323002447'); background-repeat:	no-repeat; background-position:center top; background-size:	100% 100%; flex:  		    0 1 40px; } .RoMcenter { display:   		flex; display:           -webkit-flex;   /* Safari */ flex-direction:		row; justify-content:	center; background-image:	url('https://vignette.wikia.nocookie.net/forgottenrealms/images/7/77/Scroll_center.png/revision/latest?cb=20180323002613'); background-repeat:	repeat-y; background-size:	100% auto; flex:      		1 1 auto; } .RoMmiddle { background-color:	none; } .RoMbottom { background-image:	url('https://vignette.wikia.nocookie.net/forgottenrealms/images/2/25/Scroll_bottom.png/revision/latest?cb=20180323002701'); background-repeat:	no-repeat; background-position:center bottom; background-size:	100% 100%; flex:		       0 1 40px; }

/* Moviesign: Styles for Template:Category union for files */ .category-gallery .wikia-gallery-item { border:            1px solid #d9d9d9; background-color:  #f2f2f2; }

/* Moviesign: Styles for Template:Canon note (experimental) */ .canon-note-container { border:            1px solid #A0522D; overflow:          auto; } .canon-note { font-size:         8pt; line-height:       1.1em; } .canon-note p { margin:            2px; } .canon-note ul { margin:            0.2em 0 0.2em 3.5em; } .canon-note li { margin:            0; } .canon-note-image { background-image:  url('https://vignette.wikia.nocookie.net/forgottenrealms/images/8/89/5e_icon-25x25.png/revision/latest?cb=20190110020829'); background-repeat: no-repeat; width:             30px; height:            27px; float:             left; }

/***********************************************************/ /* 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 list below, and then add the custom CSS  */ /*  at the bottom. */ /***********************************************************/       /* This is a list of variants */ .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-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-shadow,    /* 4e Creature origin */ .pi-theme-ship,      /* Ship infobox */ .pi-theme-space,     /* Celestial body */ .pi-theme-book       /* In-universe book */ {   border:             1px solid #A9A78A; color:             #000000; font-size:         88%; vertical-align:    top; }

.pi-background           /* overall 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 */ }

[class*="pi-theme-"]   .pi-item-spacing  /* padding between each element */ {   padding: 5px 3px 5px 3px; } [class*="pi-theme-"]   .pi-title  /* padding, margin, font... */ {   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; } [class*="pi-theme-"]   .pi-caption  /* font, color */ {   text-align:         center; font-style:        italic; color:             inherit; background-color:  #F7F7F7; line-height:       1.2em; } [class*="pi-theme-"]   .pi-group  /* group border */ {   border:             none; } [class*="pi-theme-"]   .pi-border-color  /* for pi-group, data */ {   border-color:       #A9A78A; } [class*="pi-theme-"]   .pi-header  /* header, in or out of group */ {   text-align:         center; padding:           5px 3px 3px 3px; border-style:      solid; border-width:      2px; border-color:      #FBFBFB; } [class*="pi-theme-"]   .pi-secondary-font  /* header, label font */ {   font-size:          12px; font-weight:       bold; line-height:       1.2em; } [class*="pi-theme-"]   .pi-secondary-background  /* header bg */ {   background-color:   #DFDECF; } [class*="pi-theme-"]   .pi-data  /* div around label and value */ {   background-color:   inherit; /* Inherit the color of the whole infobox */ line-height:       1.4em; } [class*="pi-theme-"]   .pi-data:not(:last-of-type)  /* line between data rows */ {   border-bottom-style:none; border-bottom-width:0; } [class*="pi-theme-"]   .pi-data-label  /* label field */ {   text-align:         left; white-space:       normal; 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; } [class*="pi-theme-"]   .pi-data .pi-secondary-font  /* overriding font for label */ {   font-weight:        normal; font-size:         12px; } [class*="pi-theme-"]   .pi-data-value  /* value field */ {   vertical-align:     top; white-space:       normal; line-height:       inherit; width:             100%;  /* This allows tabber to be full width. */ } [class*="pi-theme-"]   .pi-data-value:not(:first-child)  /* padding between data columns */ {   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; } [class*="pi-theme-"]   .pi-font  /* value font */ {   text-align:         left; font-weight:       normal; font-size:         12px; } [class*="pi-theme-"]   .pi-horizontal-group  /* table style */ {   background-color:   inherit; } [class*="pi-theme-"]   .pi-horizontal-group-item  /* cell spacing */ {   padding:            1px 2px 0px 2px; } [class*="pi-theme-"]   .pi-horizontal-group .pi-horizontal-group-item:not(:first-child)  /* override */ {   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; } [class*="pi-theme-"]   .pi-horizontal-group .pi-data-label  /* line height */ {   line-height:        1.2em; } [class*="pi-theme-"]   .pi-horizontal-group-item  /* table cells */ {   text-align:         center; } [class*="pi-theme-"]   .pi-horizontal-group-item .tabbernav  /* tabs in a tabber */ {   text-align:         left; } [class*="pi-theme-"]   .pi-horizontal-group-item .tabbertab > p  /* headings in a tab */ {   background-color:   #DFDECF; } [class*="pi-theme-"]   .pi-navigation  /* fields for links */ {   text-align:         right; font-weight:       normal; background-color:  #F7F7F7; padding:           3px 0 3px 0; margin:            0 3px 0 3px; } [class*="pi-theme-"]   .pi-image + .pi-navigation /* navigation tags immediately after an image */ {   border:         none; margin:        0; padding:       0; text-align:    center; font-weight:   bold; font-style:    italic; } [class*="pi-theme-"]   .pi-image-collection + .pi-navigation /* or after an image collection (e.g., tabber) */ {   border:         none; margin:        0; padding:       0; text-align:    center; font-weight:   normal; font-style:    italic; } [class*="pi-theme-"]   .pi-group + .pi-navigation  /* navigation tags at bottom of infobox */ {   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.*/ /********************************************************************/

.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 FRWIKI-MEMBER THEME ***********************/ .pi-theme-frwiki-member { width:             248px; border:            1px solid black; color:             #000000; vertical-align:    top; background-color:  #FFFFFF; margin:            0 0 0.5em 1em; }

.pi-theme-frwiki-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-frwiki-member .pi-item-spacing { padding:           5px 3px 5px 3px; } .pi-theme-frwiki-member .pi-caption { text-align:        center; font-style:        italic; color:             inherit; background-color:  #F7F7F7; line-height:       1.2em; } .pi-theme-frwiki-member .pi-header { text-align:        center; padding:           5px 3px 3px 3px; border-style:      solid; border-width:      2px; border-color:      #FBFBFB; } .pi-theme-frwiki-member .pi-secondary-font { font-size:         12px; font-weight:       bold; line-height:       1.2em; } .pi-theme-frwiki-member .pi-secondary-background { background-color:  #DFDECF; } .pi-theme-frwiki-member .pi-data { border:            none; } /****************** END FRWIKI-MEMBER THEME ************************/ /**************** BEGIN THEME-SOURCE VARIANTS **********************/

/**********************************************************************/ /* Real-life company template style, chosen by theme-source="variant" */ /*  where variant=rlc                                                */ /**********************************************************************/ .pi-theme-rlc .pi-data-label { flex-basis:        35%; } /**********************************************************************/ /* Vegetation/Plant template style, chosen by theme-source="variant" */ /*  where variant=plant                                              */ /**********************************************************************/ .pi-theme-plant { color:             #003300; background-color:  #F7FFF7; } .pi-theme-plant .pi-title { background-color:  #99AD99; } .pi-theme-plant .pi-secondary-background { background-color:  #C2CEC2; } .pi-theme-plant .pi-caption { background-color:  #EEF2EE; } .pi-theme-plant .pi-data-label { flex-basis:        50%; } /**********************************************************************/ /* Vegetation/Fungus template style, chosen by theme-source="variant" */ /*  where variant=fungus                                             */ /**********************************************************************/ .pi-theme-fungus { color:             #331A00; background-color:  #F3EFEB; } .pi-theme-fungus .pi-title { background-color:  #B29980; } .pi-theme-fungus .pi-secondary-background { background-color:  #D1C2B3; } .pi-theme-fungus .pi-caption { background-color:  #E5DDD5; } .pi-theme-fungus .pi-data-label { flex-basis:        50%; } /**********************************************************************/ /* Location/Road template style, chosen by theme-source="variant"    */ /*  where variant=road                                               */ /**********************************************************************/ .pi-theme-road .pi-title { background-color:  #CD853F; /* HTML peru */ } .pi-theme-road .pi-secondary-background { background-color:  #DEB887; /* HTML burlywood */ } .pi-theme-road .pi-navigation { background-color:  #F8F8F8; } /**********************************************************************/ /* Location/Mountain template style, chosen by theme-source="variant" */ /*  where variant=mountain                                           */ /**********************************************************************/ .pi-theme-mountain { color:             #000000; border:            1px solid #8B4513; /* HTML saddlebrown */ } .pi-theme-mountain .pi-title { color:             #FFFFFF; background-color:  #3b2e2e; } .pi-theme-mountain .pi-secondary-background { color:             #000000; background-color:  #BBC4CC; /* half-way from lightslategray to white */ } .pi-theme-mountain .pi-caption { color:             #2F4F4F; /* HTML darkslategray */ } .pi-theme-mountain .pi-navigation { background-color:  #F8F8F8; } /***************************************************************************/ /* Location/Body of water template style, chosen by theme-source="variant" */ /*  where variant=water                                                   */ /***************************************************************************/ .pi-theme-water { color:             #000000; border:            1px solid #000080; /* HTML navy */ } .pi-theme-water .pi-title { color:             #FFFFFF; background-color:  #0000FF; /* HTML blue */ } .pi-theme-water .pi-secondary-background { color:             #000000; background-color:  #EAF2F8 ; /* faint blue */ } .pi-theme-water .pi-caption { color:             #008080; /* HTML teal */ } .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                                               */ /**********************************************************************/ .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                                                 */ /**********************************************************************/ .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                                             */ /**********************************************************************/ .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                                                */ /**********************************************************************/ .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                                          */ /***********************************************************************/ .pi-theme-aberration .tabbox, .pi-theme-aberration { color:             #29284C; background-color:  #FEFCFE; } .pi-theme-aberration .pi-title { background-color:  #A2A1CF; } .pi-theme-aberration .tabbertab .subtitle, .pi-theme-aberration .pi-secondary-background { background-color:  #CECDDF; } .pi-theme-aberration .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .pi-theme-aberration .pi-caption { background-color:  #eeeef6; } .pi-theme-aberration .pi-data-label { flex-basis:        65%; } /***********************************************************************/ /* Creature/elemental template style, chosen by theme-source="variant" */ /*  where variant=elemental                                           */ /***********************************************************************/ .pi-theme-elemental .tabbox, .pi-theme-elemental { color:             #4a2728; background-color:  #fefcfc; } .pi-theme-elemental .pi-title { background-color:  #caaaad; } .pi-theme-elemental .tabbertab .subtitle, .pi-theme-elemental .pi-secondary-background { background-color:  #deced2; } .pi-theme-elemental .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .pi-theme-elemental .pi-caption { background-color:  #ebe0e1; } .pi-theme-elemental .pi-data-label { flex-basis:        65%; } /**********************************************************************/ /* Creature/fey template style, chosen by theme-source="variant"     */ /*  where variant=fey                                                */ /**********************************************************************/ .pi-theme-fey .tabbox, .pi-theme-fey { color:             #3A4C28; background-color:  #FCFFFC; } .pi-theme-fey .pi-title { background-color:  #AFCAAB; } .pi-theme-fey .tabbertab .subtitle, .pi-theme-fey .pi-secondary-background { background-color:  #D3DECE; } .pi-theme-fey .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .pi-theme-fey .pi-caption { background-color:  #E1EBE0; } .pi-theme-fey .pi-data-label { flex-basis:        65%; } /***********************************************************************/ /* Creature/immortal template style, chosen by theme-source="variant" */ /*  where variant=immortal                                            */ /***********************************************************************/ .pi-theme-immortal .tabbox, .pi-theme-immortal { color:             #28444c; background-color:  #fcfcfe; } .pi-theme-immortal .pi-title { background-color:  #abb4cb; } .pi-theme-immortal .tabbertab .subtitle, .pi-theme-immortal .pi-secondary-background { background-color:  #d0d5e2; } .pi-theme-immortal .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .pi-theme-immortal .pi-caption { background-color:  #eff1f5; } .pi-theme-immortal .pi-data-label { flex-basis:        65%; } /************************************************************************/ /* Creature/shadow template style, chosen by theme-source="variant"    */ /*  where variant=shadow                                               */ /************************************************************************/ .pi-theme-shadow .tabbox, .pi-theme-shadow { color:             #272528; background-color:  #fdfdfd; } .pi-theme-shadow .pi-title { background-color:  #817a85; } .pi-theme-shadow .tabbertab .subtitle, .pi-theme-shadow .pi-secondary-background { background-color:  #b3afb6; } .pi-theme-shadow .pi-navigation.pi-secondary-background { color:             inherit; background-color:  inherit; } .pi-theme-shadow .pi-caption { background-color:  #e6e4e7; } .pi-theme-shadow .pi-data-label { flex-basis:        65%; } /************************************************************************/ /* Ship template style, chosen by theme-source="variant" where         */ /*  variant=ship                                                       */ /************************************************************************/ .pi-theme-ship { color:             #0A2929; border:            1px solid #29A3A3; background-color:  #FBFEFF; } .pi-theme-ship .pi-title { background-color:  #40D9FF; } .pi-theme-ship .pi-secondary-background { background-color:  #B2F0FF; } .pi-theme-ship .pi-caption { background-color:  #F2FCFF; } .pi-theme-ship .pi-navigation.pi-secondary-background { color:             inherit; background-color:  #F2FCFF; } /************************************************************************/ /* Space template style, chosen by theme-source="variant" where        */ /*  variant=space                                                      */ /************************************************************************/ .pi-theme-space.pi-background { background-color:  #131e24; color:             #fcff00; border-color:      #152c38; } .pi-theme-space .pi-caption { background-color:  #152c38; color:             inherit; font-size:         105%; } .pi-theme-space .pi-title { background-color:  #306682; color:             inherit; border-color:      #131e24; } .pi-theme-space .pi-header { border-color:      #131e24; } .pi-theme-space .pi-secondary-font { color:             inherit; } .pi-theme-space .pi-secondary-background { background-color:  #22495d; color:             inherit; } .pi-theme-space .pi-navigation.pi-secondary-background { background-color:  #152c38; color:             inherit; } .pi-theme-space a { color:             #ffc404; } .pi-theme-space sup a { color:             #ffffff; } .pi-theme-space a.new, .pi-theme-space a.new:visited { color:             #dd2200; } /************************************************************************/ /* Item/book template style, chosen by theme-source="variant" where    */ /*  variant=book                                                       */ /************************************************************************/ .pi-theme-book.pi-background { background-color:  #fbf8f4; color:             #251b0e; border:            1px solid #a57940; } .pi-theme-book .pi-caption { background-color:  #f1e7da; color:             inherit; font-size:         105%; } .pi-theme-book .pi-navigation { background-color:  inherit; color:             inherit; } .pi-theme-book .pi-title { background-color:  #cdab7e; font-style:        italic; } .pi-theme-book .pi-secondary-background { background-color:  #dbc3a3; color:             inherit; } /************************************************************************/ /* Book/comic template style, chosen by theme-source="variant" where   */ /*  variant=comic                                                      */ /************************************************************************/ .pi-theme-comic.pi-background { background-color:  #fff7cc; color:             #332b00; border:            1px solid #998200; } .pi-theme-comic .pi-caption { background-color:  #fffbe6; color:             inherit; font-size:         105%; } .pi-theme-comic .pi-navigation { background-color:  inherit; color:             inherit; } .pi-theme-comic .pi-title { background-color:  #ffd700; font-style:        italic; } .pi-theme-comic .pi-secondary-background { background-color:  #ffe866; color:             inherit; } /**********************************************************************/ /* Disease template style, chosen by type="disease"                  */ /**********************************************************************/ .type-disease { color:             #313c11; background-color:  #e3eec3; border:            1px solid #728b27; } .type-disease .pi-title { background-color:  #a3c738; border-color:      #d3d977; color:             #415016; } .type-disease .pi-secondary-background { background-color:  #b6d260; border-color:      #d3d977; color:             #415016; } .type-disease .pi-caption { background-color:  #edf4d7; } .pi-group[data-item-name="disease"] { background-image:  url('https://vignette.wikia.nocookie.net/forgottenrealms/images/3/38/Slime.png/revision/latest?cb=20190303030709'); background-repeat: no-repeat; } /**********************************************************************/ /* Event template style, chosen by type="event"                      */ /**********************************************************************/ .type-event { color:             #2b0e08; background-color:  #fff8e7; border:            1px solid #822917; } .type-event .pi-title { background-color:  #f0b4a8; border-color:      #f7dad4; color:             inherit; } .type-event .pi-secondary-background { background-color:  #edc9af; border-color:      #f7dad4; color:             inherit; } .type-event .pi-caption { background-color:  #fbece9; }

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

/************** BEGIN IMAGEMAP HIGHLIGHTER STYLES ******************/ .imageMapHighlighter .thumbimage { opacity:       0.7; } .imageMapHighlighter .article-thumb a { display:       inline; } .imageMapHighlighter ol.imageMapHighlighterArtefacts { font-size:     smaller; line-height:   10px; } .imageMapHighlighter .caption { padding-top:   0; } hr.imageMapHighlighterArtefacts { font-size:     8px; } /*************** END IMAGEMAP HIGHLIGHTER STYLES *******************/