Content deleted Content added
No edit summary |
No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
#mw-content-text a.new { |
|||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); |
|||
color: #FFC0CB; |
|||
.classname { |
|||
font-family: ‘Montserrat’; |
|||
} |
} |
||
body { |
|||
font-family: 'Montserrat', sans-serif; |
|||
} |
|||
/* |
|||
<pre> |
|||
*/ |
|||
/* =============================== |
|||
S I D E B A R S . C S S |
|||
is the repository for all styling |
|||
that affects 2015-era portable |
|||
infobox code. |
|||
At the top is code which GENERALLY affects |
|||
/* ======================== |
|||
all infoboxes, and can be recognised easily |
|||
This CSS page controls |
|||
because it begins with .portable-infobox. |
|||
the GENERAL look of infoboxes. |
|||
At the bottom are all the various INDIVIDUAL |
|||
If you're looking for styles that |
|||
infobox themes. This code starts with .pi-theme-something. |
|||
only affect INDIVIDUAL infoboxes, |
|||
please go to MediaWiki:Themes.css |
|||
This page dates from 2 Sept 2016, but much of the code |
|||
========================= */ |
|||
on it comes from the last quarter of 2015. |
|||
================================= * |
|||
/***** Portable Infobox/Sidebar ******/ |
|||
.portable-infobox { |
.portable-infobox { |
||
width: 292px; |
|||
border: 1px solid var(--bright-accent-color); |
|||
border: 1px solid #666; |
|||
background-color: #222222; |
|||
} |
|||
width: 250px!important; |
|||
.theme-fandomdesktop-light .portable-infobox { |
|||
line-height: 130%; |
|||
background-color: var(--theme-border-color); |
|||
padding: 5px; |
|||
color:#3a3a3a; |
|||
} |
|||
.theme-fandomdesktop-light .portable-infobox .pi-data-label, |
|||
.theme-fandomdesktop-light .portable-infobox .pi-data-value { |
|||
color:#3A3A3A !important; |
|||
} |
|||
/** Make the image the full width, and preserve the ratio. Stretches smaller images, but no way around this yet **/ |
|||
.pi-image-thumbnail { |
|||
width:100%; |
|||
height: auto; |
|||
} |
|||
.skin-monobook .pi-background { |
|||
background-color: #222222; |
|||
} |
|||
/** Center captions and titles **/ |
|||
.portable-infobox .pi-title { |
|||
/* background-color: #252525; */ |
|||
background: #595873 url(https://images.wikia.nocookie.net/memoryalpha/eo/images/f/f7/MA_page_bar.png) repeat-x; |
|||
/* color: #FFD942; */ |
|||
color: #FFFFFF; |
|||
padding:5px; |
|||
text-align:center !important; |
|||
font-weight: bold; |
|||
font-size: larger; |
|||
line-height: 22px; |
|||
} |
|||
.portable-infobox .pi-caption { |
|||
padding:0; |
|||
text-align:center !important; |
|||
font-size: smaller !important; |
|||
color: inherit; |
|||
line-height: 130%; |
|||
font-style: normal; |
|||
} |
|||
.portable-infobox .pi-data { |
|||
border-bottom-style: none; |
|||
border-bottom-width: 0px; |
|||
} |
|||
.portable-infobox .pi-data-value { |
|||
font-size: smaller; |
|||
line-height: 110%; |
|||
} |
|||
.portable-infobox .pi-data-label { |
|||
color: white !important; |
|||
font-size: smaller; |
|||
flex-basis: 105px; |
|||
line-height: 110%; |
|||
} |
} |
||
.portable-infobox .pi-item-spacing { |
.portable-infobox .pi-item-spacing { |
||
padding: 3px 3px; |
|||
} |
} |
||
.portable-infobox .pi-title, |
|||
.portable-infobox .pi-header { |
.portable-infobox .pi-header { |
||
font-size: smaller; |
|||
background: var(--theme-accent-color); |
|||
text-align: center; |
|||
color: var(--theme-link-dynamic-color-1); |
|||
background-color: #595773; |
|||
color: white; |
|||
line-height: 130%; |
|||
letter-spacing: 0; |
|||
line-height: 140%; |
|||
} |
} |
||
.portable-infobox .pi-navigation { |
|||
text-align:center !important; |
|||
.theme-fandomdesktop-dark .portable-infobox .pi-header { |
|||
background-color: inherit; |
|||
font-size: smaller; |
|||
font-weight: normal; |
|||
} |
} |
||
.portable-infobox .pi- |
.portable-infobox.pi-layout-stacked .pi-data-value { |
||
text-align:center !important; |
|||
font-size: 1.2em; |
|||
padding: 10px; |
|||
} |
} |
||
.portable-infobox.pi-layout-stacked .pi-data-label { |
|||
.pi-header { |
|||
text-align:center !important; |
|||
line-height: 1.2em; |
|||
font-weight: normal; |
|||
font-style: italic; |
|||
} |
} |
||
/* Horizontal groups */ |
|||
.pi-horizontal-group .pi-horizontal-group-item, |
|||
.pi-horizontal-group .pi-header { |
.pi-horizontal-group .pi-header { |
||
background: #595873 url(https://images.wikia.nocookie.net/memoryalpha/eo/images/f/f7/MA_page_bar.png) repeat-x; |
|||
text-align: center!important; |
|||
color: #FFFFFF; |
|||
} |
|||
padding:5px; |
|||
.portable-infobox .pi-title a, |
|||
text-align:center !important; |
|||
.portable-infobox .pi-title a:link, |
|||
font-weight: bold; |
|||
.portable-infobox .pi-title a:visited, |
|||
font-size: larger!important; |
|||
.portable-infobox .pi-title a:hover, |
|||
line-height: 22px; |
|||
.portable-infobox .pi-header a, |
|||
.portable-infobox .pi-header a:visited, |
|||
.portable-infobox .pi-header a:link, |
|||
.portable-infobox .pi-header a:hover { |
|||
color: var(--theme-link-dynamic-color-1); |
|||
text-decoration: underline; |
|||
} |
} |
||
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { |
|||
.portable-infobox .pi-header .story-nav { |
|||
border-left-style:dotted; |
|||
background-color: var(--theme-accent-color); |
|||
border-left-color:#aaa; |
|||
border: 0; |
|||
} |
} |
||
/* Potentially useful, if there are ever true unordered lists in sidebars */ |
|||
.portable-infobox .pi-header .story-nav a, |
|||
.portable-infobox .pi- |
.portable-infobox .pi-data-value ul { |
||
text-indent:-1em; |
|||
.portable-infobox .pi-header .story-nav a:link, |
|||
padding-left:1.5em; |
|||
.portable-infobox .pi-header .story-nav a:hover { |
|||
padding-top:.25em |
|||
color: var(--theme-link-dynamic-color-1); |
|||
text-decoration: underline; |
|||
} |
|||
.portable-infobox .pi-title a: new, |
|||
.portable-infobox .pi-title a: new:visited, |
|||
.portable-infobox .pi-header a: new, |
|||
.portable-infobox .pi-header a: new:visited, |
|||
.portable-infobox .pi-navigation a: new, |
|||
.portable-infobox .pi-navigation a: new:visited { |
|||
color: #4b4b65; |
|||
text-decoration: underline; |
|||
} |
} |
||
/* Getting rid of auto hyphenation, per sulfur */ |
|||
.portable-infobox .pi-data-value, |
|||
.portable-infobox .pi-data-label { |
.portable-infobox .pi-data-label { |
||
-webkit-hyphens:none; |
|||
-moz-hyphens:none; |
|||
-ms-hyphens:none; |
|||
hyphens:none; |
|||
-ms-flex-preferred-size: 70%; |
|||
-webkit-flex-basis: 70%; |
|||
-moz-flex-basis: 70%; |
|||
flex-basis: 70%; |
|||
line-height: 120%; |
|||
font-size: 12px; |
|||
text-transform: none; |
|||
letter-spacing: 0px; |
|||
background-color: #413e48; |
|||
text-align: right; |
|||
} |
} |
||
.pi-item:hover > .pi-data-label, |
|||
.pi-item:hover > .pi-data-value { |
|||
/* ========================== |
|||
background-color: rgba(229, 192, 118, 0.4); |
|||
T H E M E S |
|||
========================== */ |
|||
/*** Special sidebar video theming... ***/ |
|||
/** BLU-RAY **/ |
|||
.portable-infobox.pi-theme-bd .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: royalblue; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
} |
||
/** BETAMAX **/ |
|||
.portable-infobox .pi-data-label a, |
|||
.portable-infobox |
.portable-infobox.pi-theme-bm .pi-navigation { |
||
text-align:center !important; |
|||
.portable-infobox .pi-data-label a:visited, |
|||
background-color: saddlebrown; |
|||
.portable-infobox .pi-data-label a, |
|||
color: white; |
|||
.portable-infobox .pi-data-label a:link, |
|||
font-size: smaller; |
|||
.portable-infobox .pi-data-label a:visited { |
|||
font-weight: bold; |
|||
} |
} |
||
/** CED **/ |
|||
.portable-infobox.pi-theme-ced .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: indigo; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** DIGITAL RELEASES **/ |
|||
.portable-infobox.pi-theme-dr .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: transparent; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** DVD **/ |
|||
.portable-infobox.pi-theme-dvd .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: silver; |
|||
color: black; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** HD DVD **/ |
|||
.portable-infobox.pi-theme-hddvd .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: darkred; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** LASERDISC **/ |
|||
.portable-infobox.pi-theme-ld .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: khaki; |
|||
color: black; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** VCD **/ |
|||
.portable-infobox.pi-theme-vcd .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: springgreen; |
|||
color: black; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** VHD **/ |
|||
.portable-infobox.pi-theme-vhd .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: orangered; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** VHS / UKVHS / USVHS **/ |
|||
.portable-infobox.pi-theme-vhs .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: black; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
.portable-infobox.pi-theme-ukvhs .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: black; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
.portable-infobox.pi-theme-usvhs .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: black; |
|||
color: white; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** UMD **/ |
|||
.portable-infobox.pi-theme-umd .pi-navigation { |
|||
text-align:center !important; |
|||
background-color: mediumslateblue; |
|||
color: black; |
|||
font-size: smaller; |
|||
font-weight: bold; |
|||
} |
|||
/** END VIDEO THEMING **/ |
|||
/* Episode */ |
|||
.portable-infobox .pi-data-value a, |
|||
. |
.pi-theme-episode .pi-data-value, |
||
. |
.pi-theme-episode .pi-layout-stacked .pi-data-value { |
||
padding-left:0; |
|||
} |
|||
.pi-theme-episode .larr { |
|||
float:left; |
|||
} |
|||
.pi-theme-episode .rarr { |
|||
float:right; |
|||
} |
} |
||
/* Conflict */ |
|||
.portable-infobox .pi-data-label a:hover, |
|||
.portable-infobox .pi-data-label a:link:hover, |
|||
.pi-theme-conflict .pi-border-color { |
|||
.portable-infobox .pi-data-label a:visited:hover, |
|||
border:none; |
|||
.portable-infobox .pi-data-value a:hover, |
|||
.portable-infobox .pi-data-value a:link:hover, |
|||
.portable-infobox .pi-data-value a:visited:hover { |
|||
color: #f5f2f2!important; |
|||
text-decooration: underline; |
|||
} |
} |
||
.portable-infobox .pi-data-label a.new, |
|||
.portable-infobox .pi-data-label a.new:visited, |
|||
.portable-infobox .pi-data-value a.new, |
|||
.portable-infobox .pi-data-value a.new:visited { |
|||
color: #624747!important; |
|||
text-decoration: none!important; |
|||
} |
|||
.pi-theme-conflict .pi-navigation { |
|||
/* This allows infoboxes to remain 292px wide, |
|||
/* ========================== |
|||
as is the tradition here at MA, but still |
|||
Collapsiblity styling |
|||
use {{sidebar image portable}} to set the |
|||
========================== */ |
|||
image width at 292px as well. If you DON'T |
|||
do this, then any {{sidebar image portable}}-enabled |
|||
images will overhang the right edge of the |
|||
sidebar. Only those infoboxes that use |
|||
{{sidebar image portable}} need this code snippet. |
|||
If you later want to trim the padding-bottom, |
|||
just add padding-bottom:0!important. |
|||
(Oh, and the !important is necessary.) |
|||
.pi-collapse-closed .pi-header:first-child, |
|||
.pi-collapse .pi-header:first-child { |
|||
*/ |
|||
text-align: left !important; |
|||
font-weight: normal; |
|||
padding: |
padding-left:0!important; |
||
padding-right:0!important; |
|||
} |
} |
||
.pi-collapse-closed .pi-header: : after { |
|||
.conflict-subtitle { |
|||
-webkit-transform: rotate(0deg); |
|||
font-size:11px; |
|||
-moz-transform: rotate(0deg); |
|||
-ms-transform: rotate(0deg); |
|||
transform: rotate(0deg); |
|||
content: '[more]'!important; |
|||
font-size: 10px; |
|||
color: #fff; |
|||
border-color: transparent; |
|||
border-width: 0; |
|||
width: 35px; |
|||
right: 3px; |
|||
top: 40%; |
|||
display: none; |
|||
} |
} |
||
.pi-collapse .pi-header: after { |
|||
.pi-theme-conflict .pi-data-value ul { |
|||
-webkit-transform: rotate(0deg); |
|||
text-indent:-1em; |
|||
-moz-transform: rotate(0deg); |
|||
padding-left:1.5em; |
|||
-ms-transform: rotate(0deg); |
|||
padding-top:.25em |
|||
transform: rotate(0deg); |
|||
color: #fff; |
|||
content: '[hide]'; |
|||
font-size: 10px; |
|||
border-color: transparent; |
|||
border-width: 0; |
|||
width: 35px; |
|||
right: 3px; |
|||
top: 40%; |
|||
display: none; |
|||
} |
} |
||
.pi-theme-conflict .pi-horizontal-group { |
|||
.theme-fandomdesktop-dark .portable-infobox:nth-of-type(n+2), |
|||
text-align:left; |
|||
.theme-fandomdesktop-dark .collapsible-navfobox .portable-infobox { |
|||
border-color: #524d6a; |
|||
} |
} |
||
.theme-fandomdesktop-light .portable-infobox:nth-of-type(n+2), |
|||
.pi-theme-conflict .pi-horizontal-group:not(:first-child) { |
|||
.theme-fandomdesktop-light .collapsible-navfobox .portable-infobox { |
|||
padding:1px!important; |
|||
border-color: #524d6a |
|||
} |
} |
||
.theme-fandomdesktop-dark .portable-infobox .pi-header + .pi-header { |
|||
.pi-theme-conflict .sb-twoimg { |
|||
background: #524d6a; |
|||
display:inherit; |
|||
} |
} |
||
.theme-fandomdesktop-light .portable-infobox .pi-header + .pi-header { |
|||
.pi-theme-conflict .pi-data-value:not(:first-child) { |
|||
background: #524d6a; |
|||
-ms-flex-preferred-size:280px; |
|||
-webkit-flex-basis:280px; |
|||
-moz-flex-basis:280px; |
|||
flex-basis:280px; |
|||
padding-left:5px; |
|||
} |
} |
||
.pi-theme-conflict .pi-data-value, |
|||
.portable-infobox .pi-header:nth-child(n+2) { |
|||
.pi-theme-conflict .pi-data-label { |
|||
padding: 4px 9px 5px 9px; |
|||
line-height:130%!important; |
|||
font-size:11px!important; |
|||
} |
} |
||
.portable-infobox .pi-header:nth-child(n+3) { |
|||
.pi-theme-conflict .pi-horizontal-group-item.pi-data-value { |
|||
padding: 2px 9px 2px 9px; |
|||
font-size:13px!important; |
|||
} |
} |
||
.pi-theme-conflict .pi-item.pi-group { |
|||
.theme-fandomdesktop-dark .portable-infobox .pi-header + .pi-header ~ .pi-header:nth-of-type(3) { |
|||
line-height:130%!important; |
|||
background: #e7c47e; |
|||
padding:2px; |
|||
font-size:12px; /* smaller in this case means 12px */ |
|||
} |
} |
||
.theme-fandomdesktop-light .portable-infobox .pi-header + .pi-header ~ .pi-header:nth-of-type(3) { |
|||
.pi-theme-conflict .pi-title { |
|||
background: #879ec0; |
|||
padding:2px; |
|||
font-size:19px; |
|||
} |
} |
||
.theme-fandomdesktop-dark .portable-infobox .pi-header + .pi-header ~ .pi-header:nth-of-type(4) { |
|||
.pi-theme-conflict .pi-horizontal-group .pi-header { |
|||
background: #e7cc97; |
|||
font-size:19px!important; |
|||
padding:1px; |
|||
} |
} |
||
.theme-fandomdesktop-light .portable-infobox .pi-header + .pi-header ~ .pi-header:nth-of-type(4) { |
|||
.pi-theme-conflict dl { |
|||
background: #8ea0b6; |
|||
margin:1em 0 !important |
|||
} |
|||
.theme-fandomdesktop-dark .portable-infobox + .portable-infobox:nth-of-type(3) .pi-header:first-of-type { |
|||
background: #edc980; |
|||
} |
|||
.theme-fandomdesktop-light .portable-infobox + .portable-infobox:nth-of-type(3) .pi-header:first-of-type { |
|||
background: #a2b6d3; |
|||
} |
} |
||
/* Starship */ |
|||
.pi-theme-starship .pi-navigation { |
|||
padding-left:0!important; |
|||
padding-right:0!important; |
|||
} |
|||
/* Planet */ |
|||
/* A few tweaks to infoboxes - in use */ |
|||
. |
.pi-theme-planet.portable-infobox { |
||
line-height:150% |
|||
background: #5a5a75; |
|||
color: #f5f2f2; |
|||
padding-right: 10px; |
|||
-ms-flex-preferred-size: 70%; |
|||
-webkit-flex-basis: 70%; |
|||
-moz-flex-basis: 69%; |
|||
flex-basis: 70%; |
|||
line-height: 120%; |
|||
font-size: 11px; |
|||
text-transform: none; |
|||
letter-spacing: 0; |
|||
background-color: #5a5a75; |
|||
text-align: right; |
|||
} |
} |
||
. |
.pi-theme-planet .pi-navigation { |
||
padding: |
padding-left:0!important; |
||
padding-right:0!important; |
|||
} |
} |
||
.page-content .portable-infobox .pi-header { |
|||
/* Government */ |
|||
padding: 3px; |
|||
.pi-theme-government .pi-navigation { |
|||
padding-left:0!important; |
|||
padding-right:0!important; |
|||
} |
} |
||
.wds-tabs__tab { |
|||
/* Comic */ |
|||
color: white; |
|||
.pi-theme-comic .pi-navigation { |
|||
padding-left:0!important; |
|||
padding-right:0!important; |
|||
} |
} |
||
/* Novel */ |
|||
.pi-theme-novel .pi-navigation { |
|||
padding-left:0!important; |
|||
padding-right:0!important; |
|||
} |
|||
/* Rank */ |
|||
.portable-infobox.pi-theme-rank { |
|||
width: 200px !important; |
|||
} |
|||
.pi-theme-rank .pi-navigation { |
|||
/* Fixing captions on dark theme */ |
|||
padding-left:0!important; |
|||
.theme-fandomdesktop-dark .pi-caption { |
|||
padding-right:0!important; |
|||
color: white; |
|||
} |
} |
||
.theme-fandomdesktop-dark .pi-caption a { |
|||
.pi-theme-rank .sb-twoimg { |
|||
color: #3a4f80 !important; |
|||
display:inherit; |
|||
} |
} |
||
/* |
|||
</pre> |
|||
*/ |
Latest revision as of 21:17, 26 July 2023
#mw-content-text a.new {
color: #FFC0CB;
}
/*
<pre>
*/
/* ===============================
S I D E B A R S . C S S
is the repository for all styling
that affects 2015-era portable
infobox code.
At the top is code which GENERALLY affects
all infoboxes, and can be recognised easily
because it begins with .portable-infobox.
At the bottom are all the various INDIVIDUAL
infobox themes. This code starts with .pi-theme-something.
This page dates from 2 Sept 2016, but much of the code
on it comes from the last quarter of 2015.
================================= *
/***** Portable Infobox/Sidebar ******/
.portable-infobox {
width: 292px;
border: 1px solid #666;
background-color: #222222;
}
.theme-fandomdesktop-light .portable-infobox {
background-color: var(--theme-border-color);
color:#3a3a3a;
}
.theme-fandomdesktop-light .portable-infobox .pi-data-label,
.theme-fandomdesktop-light .portable-infobox .pi-data-value {
color:#3A3A3A !important;
}
/** Make the image the full width, and preserve the ratio. Stretches smaller images, but no way around this yet **/
.pi-image-thumbnail {
width:100%;
height: auto;
}
.skin-monobook .pi-background {
background-color: #222222;
}
/** Center captions and titles **/
.portable-infobox .pi-title {
/* background-color: #252525; */
background: #595873 url(https://images.wikia.nocookie.net/memoryalpha/eo/images/f/f7/MA_page_bar.png) repeat-x;
/* color: #FFD942; */
color: #FFFFFF;
padding:5px;
text-align:center !important;
font-weight: bold;
font-size: larger;
line-height: 22px;
}
.portable-infobox .pi-caption {
padding:0;
text-align:center !important;
font-size: smaller !important;
color: inherit;
line-height: 130%;
font-style: normal;
}
.portable-infobox .pi-data {
border-bottom-style: none;
border-bottom-width: 0px;
}
.portable-infobox .pi-data-value {
font-size: smaller;
line-height: 110%;
}
.portable-infobox .pi-data-label {
color: white !important;
font-size: smaller;
flex-basis: 105px;
line-height: 110%;
}
.portable-infobox .pi-item-spacing {
padding: 3px 3px;
}
.portable-infobox .pi-header {
font-size: smaller;
text-align: center;
background-color: #595773;
color: white;
line-height: 130%;
}
.portable-infobox .pi-navigation {
text-align:center !important;
background-color: inherit;
font-size: smaller;
font-weight: normal;
}
.portable-infobox.pi-layout-stacked .pi-data-value {
text-align:center !important;
}
.portable-infobox.pi-layout-stacked .pi-data-label {
text-align:center !important;
font-weight: normal;
font-style: italic;
}
/* Horizontal groups */
.pi-horizontal-group .pi-header {
background: #595873 url(https://images.wikia.nocookie.net/memoryalpha/eo/images/f/f7/MA_page_bar.png) repeat-x;
color: #FFFFFF;
padding:5px;
text-align:center !important;
font-weight: bold;
font-size: larger!important;
line-height: 22px;
}
.pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
border-left-style:dotted;
border-left-color:#aaa;
}
/* Potentially useful, if there are ever true unordered lists in sidebars */
.portable-infobox .pi-data-value ul {
text-indent:-1em;
padding-left:1.5em;
padding-top:.25em
}
/* Getting rid of auto hyphenation, per sulfur */
.portable-infobox .pi-data-value,
.portable-infobox .pi-data-label {
-webkit-hyphens:none;
-moz-hyphens:none;
-ms-hyphens:none;
hyphens:none;
}
/* ==========================
T H E M E S
========================== */
/*** Special sidebar video theming... ***/
/** BLU-RAY **/
.portable-infobox.pi-theme-bd .pi-navigation {
text-align:center !important;
background-color: royalblue;
color: white;
font-size: smaller;
font-weight: bold;
}
/** BETAMAX **/
.portable-infobox.pi-theme-bm .pi-navigation {
text-align:center !important;
background-color: saddlebrown;
color: white;
font-size: smaller;
font-weight: bold;
}
/** CED **/
.portable-infobox.pi-theme-ced .pi-navigation {
text-align:center !important;
background-color: indigo;
color: white;
font-size: smaller;
font-weight: bold;
}
/** DIGITAL RELEASES **/
.portable-infobox.pi-theme-dr .pi-navigation {
text-align:center !important;
background-color: transparent;
color: white;
font-size: smaller;
font-weight: bold;
}
/** DVD **/
.portable-infobox.pi-theme-dvd .pi-navigation {
text-align:center !important;
background-color: silver;
color: black;
font-size: smaller;
font-weight: bold;
}
/** HD DVD **/
.portable-infobox.pi-theme-hddvd .pi-navigation {
text-align:center !important;
background-color: darkred;
color: white;
font-size: smaller;
font-weight: bold;
}
/** LASERDISC **/
.portable-infobox.pi-theme-ld .pi-navigation {
text-align:center !important;
background-color: khaki;
color: black;
font-size: smaller;
font-weight: bold;
}
/** VCD **/
.portable-infobox.pi-theme-vcd .pi-navigation {
text-align:center !important;
background-color: springgreen;
color: black;
font-size: smaller;
font-weight: bold;
}
/** VHD **/
.portable-infobox.pi-theme-vhd .pi-navigation {
text-align:center !important;
background-color: orangered;
color: white;
font-size: smaller;
font-weight: bold;
}
/** VHS / UKVHS / USVHS **/
.portable-infobox.pi-theme-vhs .pi-navigation {
text-align:center !important;
background-color: black;
color: white;
font-size: smaller;
font-weight: bold;
}
.portable-infobox.pi-theme-ukvhs .pi-navigation {
text-align:center !important;
background-color: black;
color: white;
font-size: smaller;
font-weight: bold;
}
.portable-infobox.pi-theme-usvhs .pi-navigation {
text-align:center !important;
background-color: black;
color: white;
font-size: smaller;
font-weight: bold;
}
/** UMD **/
.portable-infobox.pi-theme-umd .pi-navigation {
text-align:center !important;
background-color: mediumslateblue;
color: black;
font-size: smaller;
font-weight: bold;
}
/** END VIDEO THEMING **/
/* Episode */
.pi-theme-episode .pi-data-value,
.pi-theme-episode .pi-layout-stacked .pi-data-value {
padding-left:0;
}
.pi-theme-episode .larr {
float:left;
}
.pi-theme-episode .rarr {
float:right;
}
/* Conflict */
.pi-theme-conflict .pi-border-color {
border:none;
}
.pi-theme-conflict .pi-navigation {
/* This allows infoboxes to remain 292px wide,
as is the tradition here at MA, but still
use {{sidebar image portable}} to set the
image width at 292px as well. If you DON'T
do this, then any {{sidebar image portable}}-enabled
images will overhang the right edge of the
sidebar. Only those infoboxes that use
{{sidebar image portable}} need this code snippet.
If you later want to trim the padding-bottom,
just add padding-bottom:0!important.
(Oh, and the !important is necessary.)
*/
padding-left:0!important;
padding-right:0!important;
}
.conflict-subtitle {
font-size:11px;
}
.pi-theme-conflict .pi-data-value ul {
text-indent:-1em;
padding-left:1.5em;
padding-top:.25em
}
.pi-theme-conflict .pi-horizontal-group {
text-align:left;
}
.pi-theme-conflict .pi-horizontal-group:not(:first-child) {
padding:1px!important;
}
.pi-theme-conflict .sb-twoimg {
display:inherit;
}
.pi-theme-conflict .pi-data-value:not(:first-child) {
-ms-flex-preferred-size:280px;
-webkit-flex-basis:280px;
-moz-flex-basis:280px;
flex-basis:280px;
padding-left:5px;
}
.pi-theme-conflict .pi-data-value,
.pi-theme-conflict .pi-data-label {
line-height:130%!important;
font-size:11px!important;
}
.pi-theme-conflict .pi-horizontal-group-item.pi-data-value {
font-size:13px!important;
}
.pi-theme-conflict .pi-item.pi-group {
line-height:130%!important;
padding:2px;
font-size:12px; /* smaller in this case means 12px */
}
.pi-theme-conflict .pi-title {
padding:2px;
font-size:19px;
}
.pi-theme-conflict .pi-horizontal-group .pi-header {
font-size:19px!important;
padding:1px;
}
.pi-theme-conflict dl {
margin:1em 0 !important
}
/* Starship */
.pi-theme-starship .pi-navigation {
padding-left:0!important;
padding-right:0!important;
}
/* Planet */
.pi-theme-planet.portable-infobox {
line-height:150%
}
.pi-theme-planet .pi-navigation {
padding-left:0!important;
padding-right:0!important;
}
/* Government */
.pi-theme-government .pi-navigation {
padding-left:0!important;
padding-right:0!important;
}
/* Comic */
.pi-theme-comic .pi-navigation {
padding-left:0!important;
padding-right:0!important;
}
/* Novel */
.pi-theme-novel .pi-navigation {
padding-left:0!important;
padding-right:0!important;
}
/* Rank */
.portable-infobox.pi-theme-rank {
width: 200px !important;
}
.pi-theme-rank .pi-navigation {
padding-left:0!important;
padding-right:0!important;
}
.pi-theme-rank .sb-twoimg {
display:inherit;
}
/*
</pre>
*/