MediaWiki:Fandomdesktop.css

/***** Forgotten Realms Wiki Styles *****/ /* Basic UCX styling */

.fandom-community-header__background { height: 100%; } .fandom-community-header__background:before { display: none; } .fandom-community-header__local-navigation { filter: drop-shadow(0px 0px 1px #956f3c) drop-shadow(0px 0px 1px #956f3c) drop-shadow(0px 0px 1px #956f3c); z-index: 100; } .fandom-community-header__community-name-wrapper { filter: drop-shadow(0px 0px 1px #956f3c) drop-shadow(0px 0px 1px #956f3c) drop-shadow(0px 0px 1px #956f3c); } .wiki-tools { background: #956f3c; }

/* Custom tags */ /* Font import moved to Common.css */ a.tag { color: inherit; } /* Unbold all links */ .page-content .mw-parser-output a { font-weight: inherit; }   background-color:   gold; color:             black; font-family:       "Cinzel Decorative", cursive; font-weight:       bold; }   background-color:   silver; color:             black; }   background-color:   #121962; color:				white; font-family:       "Share Tech Mono", monospace; }   background-color:   gold; color:             black; font-family:       "Comic Sans MS", cursive, sans-serif; }   background-color:   black; color:             white; font-family:       "Codystar", monospace; font-weight:       bold; font-size:         14px; }   background-color:   #9f0287; color:				white; font-family:       "Macondo Swash Caps", cursive; } /* Border removal */ div#content { border: none; } /* Floating image padding */ div.tleft, div.floatleft, table.floatleft { margin-right:	10px; } div.tlright div.floatlright, table.floatlright { margin-left:	10px; } /* Allowing footnotes to wrap around floating boxes */ .mw-parser-output .mw-references-wrap { clear: none; } /* Background color for the wiki */ body.wiki-forgottenrealms { background-color:	#936c39; } /* Set line-height for h2 tags in articles */ .page__main h2 { line-height: 1.25; } /* Size of section edit links */ .mw-editsection, .mw-editsection-like { font-size:	x-small; } /* Community page */ @font-face { font-family: "SplendorsOTF"; font-style: normal; src: url("https://vignette.wikia.nocookie.net/moviesign-test/images/2/2b/Splendors.otf/revision/latest"); } .community-page-header .community-page-header-welcome-message { font-family:       "SplendorsOTF", cursive; font-size:         42px; font-weight:       normal; }
 * 1) userProfileApp .tag-container .user-identity-header__tag.usergroup-bureaucrat {
 * 1) userProfileApp .tag-container .user-identity-header__tag.usergroup-eom-320,
 * 2) userProfileApp .tag-container .user-identity-header__tag.usergroup-eom-720,
 * 3) userProfileApp .tag-container .user-identity-header__tag.usergroup-helper {
 * 1) userProfileApp .tag-container .user-identity-header__tag.usergroup-templates {
 * 1) userProfileApp .tag-container .user-identity-header__tag.usergroup-comics {
 * 1) userProfileApp .tag-container .user-identity-header__tag.usergroup-stars {
 * 1) userProfileApp .tag-container .user-identity-header__tag.usergroup-sysop {

/* MAIN PAGE styles */ .page .page-header__separator { margin-bottom: 0;  /* Reducing space at the top of each content block. */ } .page__main {   /* Contains everything down to the D&D wikis footer */ } .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; } .page__main #scroll-banner p { /* Styles for banner content */ text-align: center; font-size: 14px; } .mainPageLeftSection { margin:    0; background: inherit; border:    0; padding:   0.3125em; } .page-content .headingAB, .page__main .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 0 10px 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; }

/* Image caption styles (non-infobox) */ .caption { color:     #404040; /* WCAG standard for accessible text */ }

/*** TABLE OF CONTENTS ***/ /* TOC depth modification */ /* * Allow limiting of which header levels are shown in a TOC; *, for instance, will limit to * showing ==headings== and ===headings=== but no further. * Used in Template:TOC limit */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } /* Remove sequence numbers */ content: none; } /* Underscoring H3 headers .resizable-container h3 { text-decoration:   underline; } /* Bolding H4 headers */ .resizable-container h4 { font-size:     16px; font-weight:   bold; }
 * 1) toc li::before {

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

@media print { .navbox { display: none; } }

/* Remove 'added by' from images */ .page-content .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; color:			#3a3a3a; }   -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 3px 0 3px; } .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 Quote template */ .frquote { display:		flex; align-items:	flex-start; overflow:		hidden; } .quotesymbol { flex:			0 0 20px; color:			#B2B7F2; font-size:		40px; font-family:	'Times New Roman',serif; font-weight:	bold; text-align:		left; padding:		5px 5px 0 5px; } .quotetext { flex:			0 1 auto; padding:		5px; } .quotesource { padding:		0 50px; }

/* Moviesign: styles for Climate template */ .climatebox { /* The outer div that encloses everything */ text-align:        center; font-family:       Tahoma,"Lucida Sans Unicode",sans-serif; /* Needed for sans ℉ and ℃ */ } .climatebox .border-box-contentarea { background-color:  #fcefcf; } .climatebox-title { /* Main title */ margin:            5px 2px 3px 2px; } .climatebox-subtitle { /* Sub-title */ 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-around; 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; line-height:       14px;       /* Reduce space between multi-line labels and data. */   z-index:            1;          /* Put the bars in front of the zero line */ } .climatebox-bar-top { /* Upper bar */ 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; z-index:           2;      /* Put the zero lable in front of the bars. */ }

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

/* Moviesign: styles for the List of Book (in-universe) page */

.LoB-IU { text-align:    center; } .LoB-IU td:first-of-type { font-style:    italic; }

/* 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: inherit; border:          none; color:           #000000; width:           100%; font-size:       inherit; 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:           100%; font-size:       inherit; 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:       inherit; 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; min-width:       20px; }

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:       inherit; line-height:     1.2em; vertical-align:  top; border-spacing:  0 2px; } table.splittable td { padding: 1px 1px 1px 0; } 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 { display:           block; } .category-gallery .wikia-gallery-item { display:           inline-block; border:            1px solid #d9d9d9; background-color:  #f2f2f2; } .category-gallery div.thumb { border:            none; }

/* 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 */ .pi-theme-BGitem     /* Baldur's Gate game items */ {   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 160px; /* Safari 6.1+ */ -ms-flex:          1 1 160px; /* IE 10 */ flex:              1 1 160px; } [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:   normal; 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 ***********************/ .portable-infobox.pi-theme-frwiki-member { width:             248px; border:            1px solid black; color:             #000000; vertical-align:    top; background-color:  #FFFFFF; margin:            0 0 0.5em 1em; }

.portable-infobox.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; } .portable-infobox.pi-theme-frwiki-member .pi-item-spacing { padding:           5px 3px 5px 3px; } .portable-infobox.pi-theme-frwiki-member .pi-caption { text-align:        center; font-style:        italic; color:             inherit; background-color:  #F7F7F7; line-height:       1.2em; } .portable-infobox.pi-theme-frwiki-member .pi-header { text-align:        center; padding:           5px 3px 3px 3px; border-style:      solid; border-width:      2px; border-color:      #FBFBFB; } .portable-infobox.pi-theme-frwiki-member .pi-secondary-font { font-size:         12px; font-weight:       bold; line-height:       1.2em; } .portable-infobox.pi-theme-frwiki-member .pi-secondary-background { background-color:  #DFDECF; } .portable-infobox.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:              1 1 180px; } /**********************************************************************/ /* 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:              1 1 180px; } /**********************************************************************/ /* 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 or variant=BGbook                                     */ /************************************************************************/ .pi-theme-BGbook.pi-background, .pi-theme-book.pi-background { background-color:  #fbf8f4; color:             #251b0e; border:            1px solid #a57940; } .pi-theme-BGbook .pi-caption, .pi-theme-book .pi-caption { background-color:  #f1e7da; color:             inherit; font-size:         105%; } .pi-theme-BGbook .pi-navigation, .pi-theme-book .pi-navigation { background-color:  inherit; color:             inherit; } .pi-theme-BGbook .pi-title, .pi-theme-book .pi-title { background-color:  #cdab7e; font-style:        italic; } .pi-theme-BGbook .pi-secondary-background, .pi-theme-book .pi-secondary-background { background-color:  #dbc3a3; color:             inherit; } /************************************************************************/ /* Item/BGitem template style, chosen by theme-source="variant" where  */ /*  variant=BGitem or variant=BGbook                                   */ /************************************************************************/ .pi-theme-BGbook .pi-image-collection-tab-content, .pi-theme-BGbook .pi-image, .pi-theme-BGitem .pi-image-collection-tab-content, .pi-theme-BGitem .pi-image { background-image:  url('https://vignette.wikia.nocookie.net/forgottenrealms/images/5/53/BGitem-background.jpg'); background-position: center center; } /************************************************************************/ /* 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; } /************************************************************************/ /* Book template style, chosen by type="book"                          */ /************************************************************************/ .pi-theme-frwiki.type-book .pi-title { font-style:        italic; } /************************************************************************/ /* Book template style, series/subsection variation, chosen by         */ /* theme-source="variant" where variant=series or subsection           */ /************************************************************************/ .pi-theme-frwiki.pi-theme-subsection .pi-title, .pi-theme-frwiki.pi-theme-series .pi-title { font-style:        normal; } /**********************************************************************/ /* 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; }

/**********************************************************************/ /* Class template style, chosen by type="class"                      */ /**********************************************************************/ .type-class .pi-panel .pi-header { font-size:         14px; } .type-class .pi-panel .pi-section-content .pi-header { font-size:         13px; } .type-class .pi-panel .pi-section-content .pi-navigation { text-align:        center; font-size:         12px; font-weight:       bold; }

/**********************************************************************/ /* Video template style, chosen by type="video"                      */ /**********************************************************************/ .type-video .pi-data-label { flex:				1 1 185px; }

/****************** 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.80 !important; /* important is necessary here because the tag */ }                                   /* adds an in-line opacity of 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 *******************/

.ooui-theme-fandomooui .not-patrolled { background-color:#ffc; }