MediaWiki:Themes.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; }

/* Malachai */ .pi-theme-malachai .pi-header, .pi-theme-malachai .pi-title{ background-image: linear-gradient(left, darkred, black, darkred); background-image: -o-linear-gradient(left, darkred, black, darkred); background-image: -moz-linear-gradient(left, darkred, black, darkred); background-image: -webkit-linear-gradient(left, darkred, black, darkred); background-image: -ms-linear-gradient(left, darkred, black, darkred); background-image: -khtml-linear-gradient(left, darkred, black, darkred); background-color: darkred; }

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

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

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

/* === Episode === */ .pi-theme-episode { border: 1px solid #ae0000; 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: #6b0000 !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, darkred 200%, black); background: -o-linear-gradient(left, black, darkred 200%, black); background: -moz-linear-gradient(eft, black, darkred 200%, black); background: linear-gradient(left, black, darkred 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; }

/* === Relationship === */ .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, #f20909, black); background: -o-linear-gradient(left, black, #f20909, black); background: -moz-linear-gradient(left, black, #f20909, black); background: linear-gradient(left, black, #f20909, black); }

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

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

}

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

/* Isabella Marie Parker */ .pi-theme-IMP .pi-header, .pi-theme-IMP .pi-title{ background-image: linear-gradient(left, #0013a5, black, #0013a5); background-image: -o-linear-gradient(left, #0013a5, black, #0013a5); background-image: -moz-linear-gradient(left, #0013a5, black, #0013a5); background-image: -webkit-linear-gradient(left, #0013a5, black, #0013a5); background-image: -ms-linear-gradient(left, #0013a5, black, #0013a5); background-image: -khtml-linear-gradient(left, #0013a5, black, #0013a5); background-color: #0013a5; }

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

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

.pi-theme-IMP .pi-horizontal-group { border:1px solid #0013a5; border-bottom: none; border-top: none; }

/* === Episode === */ .pi-theme-impepisode { border: 1px solid #0013a5; border-radius: 10px; padding: 10px; width: 297px; text-align: left; margin: 0 0 1em 1em; }

.pi-theme-impepisode .pi-header, .pi-theme-impepisode .pi-title { background: #0013a5 !important; }

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

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

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

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

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

.pi-theme-impepisode { background: inherit; background: -webkit-linear-gradient(left, black, #0013a5 200%, black); background: -o-linear-gradient(left, black, #0013a5 200%, black); background: -moz-linear-gradient(eft, black, #0013a5 200%, black); background: linear-gradient(left, black, #0013a5 200%, black); }

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

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

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

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

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

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

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

.pi-theme-imprelationship .pi-item:not(section) { /* blue border */ border: 1px solid #0013a5; border-bottom: 0;

}

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

/* You Are Dear to My Heart */ .pi-theme-YADM .pi-header, .pi-theme-YADM .pi-title{ background-image: linear-gradient(left, #7c0c51, black, #7c0c51); background-image: -o-linear-gradient(left, #7c0c51, black, #7c0c51); background-image: -moz-linear-gradient(left, #7c0c51, black, #7c0c51); background-image: -webkit-linear-gradient(left, #7c0c51, black, #7c0c51); background-image: -ms-linear-gradient(left, #7c0c51, black, #7c0c51); background-image: -khtml-linear-gradient(left, #7c0c51, black, #7c0c51); background-color: #7c0c51; }

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

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

.pi-theme-YADM .pi-horizontal-group { border:1px solid #7c0c51; border-bottom: none; border-top: none; }

/* === Episode === */ .pi-theme-yadmepisode { border: 1px solid #7c0c51; border-radius: 10px; padding: 10px; width: 297px; text-align: left; margin: 0 0 1em 1em; }

.pi-theme-yadmepisode .pi-header, .pi-theme-yadmepisode .pi-title { background: #7c0c51 !important; }

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

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

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

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

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

.pi-theme-yadmepisode { background: inherit; background: -webkit-linear-gradient(left, black, #7c0c51 200%, black); background: -o-linear-gradient(left, black, #7c0c51 200%, black); background: -moz-linear-gradient(eft, black, #7c0c51 200%, black); background: linear-gradient(left, black, #7c0c51 200%, black); }

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

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

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

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

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

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

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

.pi-theme-yadmrelationship .pi-item:not(section) { /* blue border */ border: 1px solid #7c0c51; border-bottom: 0;

}

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

/* Forever Mine */ .pi-theme-FM .pi-header, .pi-theme-FM .pi-title{ background-image: linear-gradient(left, #00823e, black, #00823e); background-image: -o-linear-gradient(left, #00823e, black, #00823e); background-image: -moz-linear-gradient(left, #00823e, black, #00823e); background-image: -webkit-linear-gradient(left, #00823e, black, #00823e); background-image: -ms-linear-gradient(left, #00823e, black, #00823e); background-image: -khtml-linear-gradient(left, #00823e, black, #00823e); background-color: #00823e; }

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

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

.pi-theme-FM .pi-horizontal-group { border:1px solid #00823e; border-bottom: none; border-top: none; }

/* === Episode === */ .pi-theme-fmepisode { border: 1px solid #00823e; border-radius: 10px; padding: 10px; width: 297px; text-align: left; margin: 0 0 1em 1em; }

.pi-theme-fmepisode .pi-header, .pi-theme-fmepisode .pi-title { background: #00823e !important; }

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

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

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

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

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

.pi-theme-fmepisode { background: inherit; background: -webkit-linear-gradient(left, black, #00823e 200%, black); background: -o-linear-gradient(left, black, #00823e 200%, black); background: -moz-linear-gradient(eft, black, #00823e 200%, black); background: linear-gradient(left, black, #00823e 200%, black); }

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

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

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

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

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

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

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

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

}

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

/* Novel infoboxes */

.pi-theme-book { background: linear-gradient(to right, black, #200057, black); border-radius: 10px; border: 1px solid #5e00ff; padding: 8px; } .pi-theme-book .pi-title, .pi-theme-book .pi-header { background: #2b0075; padding: 3px; text-align: center; } .pi-theme-book section.pi-item:last-child { border-bottom: 0 !important; } .pi-theme-book .pi-title { border-bottom: 0; }

/* Actor infoboxes */ aside.pi-theme-actor { background: linear-gradient(to right, black, #6b080b, 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, #6b080b, black); }

.pi-theme-actor .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; }

/* Family Infoboxes */ /* Parker Family */ .pi-theme-p-family .pi-item:not(section) { border: 1px solid white; border-bottom: 0; } .pi-theme-p-family .pi-item:last-child { border-bottom: 1px solid white !important; } .pi-theme-p-family .pi-header:first-of-type { border-top: 0 !important; } .pi-theme-p-family .pi-title { background: linear-gradient(to right, black, #004657, black); border-bottom: 0 !important; } .pi-theme-p-family .pi-header { background: linear-gradient(to right, black, #004657, black); border-bottom: 1px solid white !important; } .pi-theme-p-family { border: 1px solid white; }

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

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

/* Samedi Family */ .pi-theme-s-family .pi-item:not(section) { border: 1px solid white; border-bottom: 0; } .pi-theme-s-family .pi-item:last-child { border-bottom: 1px solid white !important; } .pi-theme-s-family .pi-header:first-of-type { border-top: 0 !important; } .pi-theme-s-family .pi-title { background: linear-gradient(to right, black, #2a0a30, black); border-bottom: 0 !important; } .pi-theme-s-family .pi-header { background: linear-gradient(to right, black, #2a0a30, black); border-bottom: 1px solid white !important; } .pi-theme-s-family { border: 1px solid white; }