MediaWiki:Transcript.css

/* General styling that applies to all infoboxes */

.portable-infobox .pi-horizontal-group .pi-data-label { text-align:center; }

.portable-infobox .pi-secondary-font { font-size: 12px; text-align: left; }

.pi-image img { height: auto; width: 268px; } .pi-title { text-align: center; font-size: 18px; }

.portable-infobox { background: black; }

.portable-infobox h2 { left: 0 !important; }

.portable-infobox .pi-group { border: 0; }

/* Styling for character infoboxes; please use the variable "cv" for CV-related characters. The general theme for that is "darkgreen".

Please use "to" for The Originals characters; the general theme is "#600063"

Please use "us" for Ultimate Sacrifice characters; the general theme is "#FF4500"

Please use "ss" for Sierra Silas characters; the general theme is "#00868B"

Please use "sg" for Supergirl characters; the general theme is "#A67C00"



.pi-theme-cv .pi-header, .pi-theme-cv .pi-title{ background-image: linear-gradient(left, darkgreen, black, darkgreen); background-image: -o-linear-gradient(left, darkgreen, black, dargreen); background-image: -moz-linear-gradient(left, darkgreen, black, darkgreen); background-image: -webkit-linear-gradient(left, darkgreen, black, darkgreen); background-image: -ms-linear-gradient(left, darkrgreen, black, darkgreen); background-image: -khtml-linear-gradient(left, darkgreen, black, darkgreen); background-color: darkgreen; }

.pi-theme-cv .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #006400; }

.pi-theme-cv .pi-item:not(section) { border: 1px solid #006400; border-bottom: 0; } .pi-theme-cv section.pi-item:last-child { border-bottom: 1px solid #006400; }

.pi-theme-cv .pi-horizontal-group { border:1px solid #006400; border-bottom: none; border-top: none; }

/* Ultimate Sacrifice infobox - orange */ .pi-theme-us .pi-header, .pi-theme-us .pi-title { background-image: linear-gradient(left, #FF4500, black, #FF4500); background-image: -o-linear-gradient(left, #FF4500, black, #FF4500); background-image: -moz-linear-gradient(left, #FF4500, black, #FF4500); background-image: -webkit-linear-gradient(left, #FF4500, black, #FF4500); background-image: -ms-linear-gradient(left, #FF4500, black, #FF4500); background-image: -khtml-linear-gradient(left, #FF4500, black, #FF4500); background-color: #FF8C00; } .pi-theme-us .pi-item:not(section) { border: 1px solid #FF8C00; border-bottom: 0; } .pi-theme-us section.pi-item:last-child { border-bottom: 1px solid #FF8C00; }

.pi-theme-us .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #8B4513; }

.pi-theme-us .pi-horizontal-group { border:1px solid #8B4513; border-bottom: none; border-top: none; }

/* Sierra Silas infobox - blue */ .pi-theme-ss .pi-header, .pi-theme-ss .pi-title { background-image: linear-gradient(left, #00868B, black, #00868B); background-image: -o-linear-gradient(left, #00868B, black, #00868B); background-image: -moz-linear-gradient(left, #00868B, black, #00868B); background-image: -webkit-linear-gradient(left, #00868B, black, #00868B); background-image: -ms-linear-gradient(left, #00868B, black, #00868B); background-image: -khtml-linear-gradient(left, #00868B, black, #00868B); background-color: #00868B; } .pi-theme-ss .pi-item:not(section) { border: 1px solid #00868B; border-bottom: 0; } .pi-theme-ss section.pi-item:last-child { border-bottom: 1px solid #00868B; }

.pi-theme-ss .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #00868B; }

.pi-theme-ss .pi-horizontal-group { border:1px solid #00868B; border-bottom: none; border-top: none; }

/* Originals infobox - purple */ .pi-theme-to .pi-header, .pi-theme-to .pi-title { background-image: linear-gradient(left, #600063, black, #600063); background-image: -o-linear-gradient(left, #600063, black, #600063); background-image: -moz-linear-gradient(left, #600063, black, #600063); background-image: -webkit-linear-gradient(left, #600063, black, #600063); background-image: -ms-linear-gradient(left, #600063, black, #600063); background-image: -khtml-linear-gradient(left, #600063, black, #600063); background-color: #3b003d; } .pi-theme-to .pi-item:not(section) { border: 1px solid #7d00d1; border-bottom: 0; } .pi-theme-to section.pi-item:last-child { border-bottom: 1px solid #7d00d1; }

.pi-theme-to .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #600063; }

.pi-theme-to .pi-horizontal-group { border:1px solid #600063; border-bottom: none; border-top: none; }

/* Supergirl infobox - orange */ .pi-theme-sg .pi-header, .pi-theme-sg .pi-title { background-image: linear-gradient(left, #A67C00, black, #A67C00); background-image: -o-linear-gradient(left, #A67C00, black, #A67C00); background-image: -moz-linear-gradient(left, #A67C00, black, #A67C00); background-image: -webkit-linear-gradient(left, #A67C00, black, #A67C00); background-image: -ms-linear-gradient(left, #A67C00, black, #A67C00); background-image: -khtml-linear-gradient(left, #A67C00, black, #A67C00); background-color: #DAA520; } .pi-theme-sg .pi-item:not(section) { border: 1px solid #DAA520; border-bottom: 0; } .pi-theme-sg section.pi-item:last-child { border-bottom: 1px solid #DAA520; }

.pi-theme-sg .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #FFDC73; }

.pi-theme-to .pi-horizontal-group { border:1px solid #FFDC73; border-bottom: none; border-top: none; }

/* AOE*/

.pi-theme-aoe .pi-header, .pi-theme-aoe .pi-title{ background-image: linear-gradient(left, #e50000, black, #e50000); background-image: -o-linear-gradient(left, #e50000, black, #e50000); background-image: -moz-linear-gradient(left, #e50000, black, #e50000); background-image: -webkit-linear-gradient(left, #e50000, black, #e50000); background-image: -ms-linear-gradient(left, #e50000, black, #e50000); background-image: -khtml-linear-gradient(left, #e50000, black, #e50000); background-color: #e50000; }

.pi-theme-aoe .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #e50000; }

.pi-theme-aoe .pi-item:not(section) { border: 1px solid #e50000; border-bottom: 0; } .pi-theme-aoe section.pi-item:last-child { border-bottom: 1px solid #e50000; }

.pi-theme-aoe .pi-horizontal-group { border:1px solid #e50000; border-bottom: none; border-top: none; }

/* End customizeation. */

/* Start Customization for Episodes */

.pi-theme-episode { border: 1px solid #006400; border-radius: 10px; padding: 10px; width: 297px; text-align: left; margin: 0 0 1em 1em; }

.pi-theme-episode .pi-header, .pi-theme-episode .pi-title { background: #006400 !important; }

.pi-theme-episode .pi-header { text-align: center; font-size: 15px; font-weight: normal; }

.pi-theme-episode .pi-header a { font-weight: normal; } .pi-theme-episode .pi-title a, .pi-header a { color: white; font-size: 95%; }

.pi-theme-episode .pi-title { padding: 0; }

.pi-theme-episode .pi-title a { font-weight: bold; }

.pi-data:not(:last-of-type) { border: 0; }

.pi-theme-episode { background: inherit; background: -webkit-linear-gradient(left, black, darkgreen 200%, black); background: -o-linear-gradient(left, black, darkgreen 200%, black); background: -moz-linear-gradient(eft, black, darkgreen 200%, black); background: linear-gradient(left, black, darkgreen 200%, black); }

.pi-theme-episode section.pi-item:last-child { border-bottom: 0 !important; }

.pi-theme-episode .pi-border-color { border: transparent; }

.pi-theme-episode > div:nth-of-type(1) div, .episode> div:nth-of-type(2) div { margin-left: auto; margin-right: auto; font-style: italic; }

.pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item { text-align:center; }

/* The Originals Episode */

.pi-theme-toepisode { border: 1px solid #8d00ae; border-radius: 10px; padding: 10px; width: 310px; text-align: left; margin: 0 0 1em 1em; } .pi-theme-toepisode .pi-header, .pi-theme-toepisode .pi-title { background: #510061; } .pi-theme-toepisode .pi-title a { color: white; font-size: 95%; } .pi-theme-toepisode .pi-header { font-size: 15px; color: white; text-align: center; font-weight: normal; } .pi-theme-toepisode .pi-title { padding: 0; }

.pi-theme-toepisode .pi-header a { font-weight: normal; }

.pi-data:not(:last-of-type) { border: 0; } .pi-theme-toepisode { background: inherit; background: -webkit-linear-gradient(left, black, #3b0047 200%, black); background: -o-linear-gradient(left, black, #3b0047 200%, black); background: -moz-linear-gradient(eft, black, #3b0047 200%, black); background: linear-gradient(eft, black, #3b0047 200%, black); } .pi-theme-toepisode section.pi-item:last-child { border-bottom: 0; } .pi-theme-toepisode .pi-border-color { border: transparent; } .pi-theme-toepisode > div:nth-of-type(1) div, .toepisode> div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; font-style: italic; } .pi-theme-toepisode .pi-horizontal-group .pi-horizontal-group-item { text-align:center; }

.pi-theme-toepisode section.pi-item:last-child { border-bottom: 0 !important; }

/* Ultimate Sacrifice Episode */

.pi-theme-usepisode { border: 1px solid #FF4500; border-radius: 10px; padding: 10px; width: 310px; text-align: left; margin: 0 0 1em 1em; } .pi-theme-usepisode .pi-header, .pi-theme-usepisode .pi-title { background: #8B4513; } .pi-theme-usepisode .pi-title a { color: white; font-size: 95%; } .pi-theme-usepisode .pi-header { font-size: 15px; color: white; text-align: center; font-weight: normal; } .pi-theme-usepisode .pi-title { padding: 0; }

.pi-theme-usepisode .pi-header a { font-weight: normal; }

.pi-data:not(:last-of-type) { border: 0; } .pi-theme-usepisode { background: inherit; background: -webkit-linear-gradient(left, black, #8B4513 200%, black); background: -o-linear-gradient(left, black, #8B4513 200%, black); background: -moz-linear-gradient(eft, black #8B4513,  200%, black); background: linear-gradient(eft, black, #8B4513 200%, black); } .pi-theme-usepisode section.pi-item:last-child { border-bottom: 0; } .pi-theme-usepisode .pi-border-color { border: transparent; } .pi-theme-usepisode > div:nth-of-type(1) div, .uspisode> div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; font-style: italic; } .pi-theme-usepisode .pi-horizontal-group .pi-horizontal-group-item { text-align:center; }

.pi-theme-usepisode section.pi-item:last-child { border-bottom: 0 !important; }

/* Sierra Silas Episode */

.pi-theme-ssepisode { border: 1px solid #00868B; border-radius: 10px; padding: 10px; width: 310px; text-align: left; margin: 0 0 1em 1em; } .pi-theme-ssepisode .pi-header, .pi-theme-ssepisode .pi-title { background: #8B4513; } .pi-theme-ssepisode .pi-title a { color: white; font-size: 95%; } .pi-theme-ssepisode .pi-header { font-size: 15px; color: white; text-align: center; font-weight: normal; } .pi-theme-ssepisode .pi-title { padding: 0; }

.pi-theme-ssepisode .pi-header a { font-weight: normal; }

.pi-data:not(:last-of-type) { border: 0; } .pi-theme-ssepisode { background: inherit; background: -webkit-linear-gradient(left, black, #00868B 200%, black); background: -o-linear-gradient(left, black, #00868B 200%, black); background: -moz-linear-gradient(eft, black #00868B,  200%, black); background: linear-gradient(eft, black, #00868B 200%, black); } .pi-theme-ssepisode section.pi-item:last-child { border-bottom: 0; } .pi-theme-ssepisode .pi-border-color { border: transparent; } .pi-theme-ssepisode > div:nth-of-type(1) div, .sspisode> div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; font-style: italic; } .pi-theme-ssepisode .pi-horizontal-group .pi-horizontal-group-item { text-align:center; }

.pi-theme-ssepisode section.pi-item:last-child { border-bottom: 0 !important; }

/* Supergirl Episode */

.pi-theme-sgepisode { border: 1px solid #A67C00; border-radius: 10px; padding: 10px; width: 310px; text-align: left; margin: 0 0 1em 1em; } .pi-theme-sgepisode .pi-header, .pi-theme-sgepisode .pi-title { background: #510061; } .pi-theme-sgepisode .pi-title a { color: white; font-size: 95%; } .pi-theme-sgepisode .pi-header { font-size: 15px; color: white; text-align: center; font-weight: normal; } .pi-theme-sgepisode .pi-title { padding: 0; }

.pi-theme-sgepisode .pi-header a { font-weight: normal; }

.pi-data:not(:last-of-type) { border: 0; } .pi-theme-sgepisode { background: inherit; background: -webkit-linear-gradient(left, black, #A67C00 200%, black); background: -o-linear-gradient(left, black, #A67C00 200%, black); background: -moz-linear-gradient(eft, black ,#A67C00 200%, black); background: linear-gradient(eft, black, #A67C00 200%, black); } .pi-theme-sgepisode section.pi-item:last-child { border-bottom: 0; } .pi-theme-sgepisode .pi-border-color { border: transparent; } .pi-theme-sgepisode > div:nth-of-type(1) div, .sgepisode> div:nth-of-type(2) div { text-align: center; margin-left: auto; margin-right: auto; font-style: italic; } .pi-theme-sgepisode .pi-horizontal-group .pi-horizontal-group-item { text-align:center; }

.pi-theme-sgepisode section.pi-item:last-child { border-bottom: 0 !important; }

/* Chamberverse Relationship template */

.pi-theme-relationship .portable-infobox { width:252px; margin:0 0 .5em 1em; line-height: 1.5; } .pi-theme-relationship .pi-data-label { margin: auto; }

.pi-theme-relationship .pi-header { text-align: center !important; font-size: smaller; background: inherit; background: -webkit-linear-gradient(left, black, #006400, black); background: -o-linear-gradient(left, black, #006400, black); background: -moz-linear-gradient(left, black,#006400, black); background: linear-gradient(left, black, #006400, black); }

.pi-theme-relationship .pi-title { height:25px; background: inherit; background: -webkit-linear-gradient(left, #006400, black, #006400); background: -o-linear-gradient(left, #006400, black, #006400); background: -moz-linear-gradient(left, #006400, black, #006400); background: linear-gradient(left, #006400, black, #006400); font-size: larger; font-weight: bold; }

.pi-theme-relationship .pi-item:not(section) { /* Green border */ border: 1px solid #006400; border-bottom: 0;

}

.pi-theme-relationship section.pi-item:last-child { border-bottom: 1px solid #006400 !important; }

/* The Originals Relationships template */ .pi-theme-torelationship .portable-infobox { width:252px; margin:0 0 .5em 1em; line-height: 1.5; } .pi-theme-torelationship .pi-data-label { margin: auto; }

.pi-theme-torelationship .pi-header { text-align: center !important; font-size: smaller; background: inherit; background: -webkit-linear-gradient(left, black, #510061, black); background: -o-linear-gradient(left, black, #510061, black); background: -moz-linear-gradient(left, black, #510061, black); background: linear-gradient(left, black, #510061, black); }

.pi-theme-torelationship .pi-title { height:25px; background: inherit; background: -webkit-linear-gradient(left, #510061, black, #510061); background: -o-linear-gradient(left, #510061, black, #510061); background: -moz-linear-gradient(left, #510061, black, #510061); background: linear-gradient(left, #510061, black, #510061); font-size: larger; font-weight: bold; }

.pi-theme-torelationship .pi-item:not(section) { /* Red border */ border: 1px solid #510061; border-bottom: 0;

} .pi-theme-torelationship section.pi-item:last-child { border-bottom: 1px solid #510061 !important; }

/* Ultimate Sacrfiece Relationship template */

.pi-theme-usrelationship .portable-infobox { width:252px; margin:0 0 .5em 1em; line-height: 1.5; } .pi-theme-usrelationship .pi-data-label { margin: auto; }

.pi-theme-usrelationship .pi-header { text-align: center !important; font-size: smaller; background: inherit; background: -webkit-linear-gradient(left, black, #FF4500, black); background: -o-linear-gradient(left, black, #FF4500, black); background: -moz-linear-gradient(left, black,#FF4500, black); background: linear-gradient(left, black,#FF4500, black); }

.pi-theme-usrelationship .pi-title { height:25px; background: inherit; background: -webkit-linear-gradient(left, #FF4500, black, #FF4500); background: -o-linear-gradient(left, #FF4500, black, #FF4500); background: -moz-linear-gradient(left, #FF4500, black, #FF4500); background: linear-gradient(left, #FF4500, black, #FF4500); font-size: larger; font-weight: bold; }

.pi-theme-usrelationship .pi-item:not(section) { /* Orange border */ border: 1px solid #FF4500; border-bottom: 0;

}

.pi-theme-usrelationship section.pi-item:last-child { border-bottom: 1px solid #FF4500 !important; }

/* Supergirl Relationship template */

.pi-theme-sgrelationship .portable-infobox { width:252px; margin:0 0 .5em 1em; line-height: 1.5; } .pi-theme-sgrelationship .pi-data-label { margin: auto; }

.pi-theme-sgrelationship .pi-header { text-align: center !important; font-size: smaller; background: inherit; background: -webkit-linear-gradient(left, black, #A67C00, black); background: -o-linear-gradient(left, black, #A67C00, black); background: -moz-linear-gradient(left, black,#A67C00, black); background: linear-gradient(left, black, #A67C00, black); }

.pi-theme-sgrelationship .pi-title { height:25px; background: inherit; background: -webkit-linear-gradient(left, #A67C00, black, #A67C00); background: -o-linear-gradient(left, #A67C00, black, #A67C00); background: -moz-linear-gradient(left, #A67C00, black, #A67C00); background: linear-gradient(left, #A67C00, black, #A67C00); font-size: larger; font-weight: bold; }

.pi-theme-sgrelationship.pi-item:not(section) { /* Gold border */ border: 1px solid #A67C00; border-bottom: 0;

}

/* Sierra Silas Relationship template */

.pi-theme-ssrelationship .portable-infobox { width:252px; margin:0 0 .5em 1em; line-height: 1.5; } .pi-theme-ssrelationship .pi-data-label { margin: auto; }

.pi-theme-ssrelationship .pi-header { text-align: center !important; font-size: smaller; background: inherit; background: -webkit-linear-gradient(left, black, #00868B, black); background: -o-linear-gradient(left, black, #00868B, black); background: -moz-linear-gradient(left, black, #00868B black); background: linear-gradient(left, black, #00868B, black); }

.pi-theme-ssrelationship .pi-title { height:25px; background: inherit; background: -webkit-linear-gradient(left, #00868B, black, #00868B); background: -o-linear-gradient(left, #00868B, black, #00868B); background: -moz-linear-gradient(left, #00868B, black, #00868B); background: linear-gradient(left,#00868B, black, #00868B); font-size: larger; font-weight: bold; }

.pi-theme-ssrelationship .pi-item:not(section) { /* Blue border */ border: 1px solid #00868B; border-bottom: 0;

}

/* crew infobox */

/* Actor infoboxes */ aside.pi-theme-crew { background: linear-gradient(to right, black, #6b080b, black); border: 1px solid white; border-radius: 10px; padding: 0 6px; width: 250px; } .pi-theme-crew .pi-data-value { font-size: 10px; text-align: right; } .pi-theme-crew .pi-data-label { font-size: 10px; } .pi-theme-crew .pi-title { background: linear-gradient(to right, black, #6b080b, black); }

.pi-theme-crew .pi-item:not(.pi-title) { border-bottom: 0; border-top: 1px solid white; }

/* Location Infobox */ .pi-theme-location .pi-item:not(section) { border: 1px solid white; border-bottom: 0 !important; } .pi-theme-location .pi-item:last-child { border-bottom: 1px solid white !important; } .pi-theme-location .pi-header:first-of-type { border-top: 0 !important; } .pi-theme-location .pi-title { background: linear-gradient(to right, #6E6E6E, black, #6E6E6E); border-bottom: 0 !important; }

.pi-theme-location .pi-header { background: linear-gradient(to right, black, #6E6E6E, black); border-bottom: 1px solid white !important; }

/* Group Infobox */ .pi-theme-group { border: 1px solid #31d400; } .pi-theme-group .pi-title { background: linear-gradient(to right, black, darkgreen, black); border-bottom: 0 !important; } .pi-theme-group .pi-item:not(.pi-title) { border-top: 1px solid #31d400; }

.pi-theme-group .pi-header { background: linear-gradient(to right, black, darkgreen, black); border-top: 0 !important; }

.pi-theme-group .pi-item:last-child { border-bottom: 0 !important; }

/* Species Infobox */

.pi-theme-species { border: 1px solid white; } .pi-theme-species .pi-title { background: linear-gradient(to right, black, #734500, black); border-bottom: 0 !important; } .pi-theme-species .pi-item:not(section) { border: 1px solid white; border-bottom: 0; }

.pi-theme-species section.pi-item:last-child { border-bottom: 1px solid white !important; }

.pi-theme-species .pi-header { background: linear-gradient(to right, black, #734500, black); border-top: 0 !important; }

/*Actor*/

aside.pi-theme-actor { background: linear-gradient(to right, black, #4a8e00, black); border: 1px solid white; border-radius: 10px; padding: 0 6px; width: 250px; } .pi-theme-actor .pi-data-value { font-size: 10px; text-align: right; } .pi-theme-actor .pi-data-label { font-size: 10px; } .pi-theme-actor .pi-title { background: linear-gradient(to right, black, #4a8e00, black); } .pi-theme-actor .pi-item:not(.pi-title) { border-bottom: 0; border-top: 1px solid white; } .pi-theme-actor .pi-image img, .pi-theme-season .pi-image img { width:250px !important; }