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: 297px; } .pi-title { text-align: center; font-size: 18px; } .portable-infobox { background: black; } .portable-infobox h2 { left: 0 !important; } .portable-infobox .pi-group { border: 0; } /* Character Templates */ /*The MoonLight Diaries*/ .pi-theme-tmd .pi-header, .pi-theme-tmd .pi-title{ background-image: linear-gradient(left, #b02079, black, #b02079); background-image: -o-linear-gradient(left, #b02079, black, #b02079); background-image: -moz-linear-gradient(left, #b02079, black, #b02079); background-image: -webkit-linear-gradient(left, #b02079, black, #b02079); background-image: -ms-linear-gradient(left, #b02079, black, #b02079); background-image: -khtml-linear-gradient(left, #b02079, black, #b02079); background-color: #b02079; } .pi-theme-tmd .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #b02079; } .pi-theme-tmd .pi-item:not(section) { border: 1px solid #b02079; border-bottom: 0; } .pi-theme-tmd section.pi-item:last-child { border-bottom: 1px solid #b02079; } .pi-theme-tmd .pi-horizontal-group { border:1px solid #b02079; border-bottom: none; border-top: none; } /* The Legacies of Moonlight */ .pi-theme-tlom .pi-header, .pi-theme-tlom .pi-title{ background-image: linear-gradient(left, #209ab0, black, #209ab0); background-image: -o-linear-gradient(left, #209ab0, black, #209ab0); background-image: -moz-linear-gradient(left, #209ab0, black, #209ab0); background-image: -webkit-linear-gradient(left, #209ab0, black, #209ab0); background-image: -ms-linear-gradient(left, #209ab0, black, #209ab0); background-image: -khtml-linear-gradient(left, #209ab0, black, #209ab0); background-color: #209ab0; } .pi-theme-tlom .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 1px solid #209ab0; } .pi-theme-tlom .pi-item:not(section) { border: 1px solid #209ab0; border-bottom: 0; } .pi-theme-tlom section.pi-item:last-child { border-bottom: 1px solid #209ab0; } .pi-theme-tlom .pi-horizontal-group { border:1px solid #209ab0; border-bottom: none; border-top: none; } /* Episodes */ /* The Moonlight Diaries */ .pi-theme-episode { border: 1px solid #b02079; 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: #b02079 !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, #b02079 200%, black); background: -o-linear-gradient(left, black, #b02079 200%, black); background: -moz-linear-gradient(eft, black, #b02079 200%, black); background: linear-gradient(left, black, #b02079 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 Legacies of Moonlight */ .pi-theme-episode-tlom { border: 1px solid #209ab0; border-radius: 10px; padding: 10px; width: 297px; text-align: left; margin: 0 0 1em 1em; } .pi-theme-episode-tlom .pi-header, .pi-theme-episode-tlom .pi-title { background: #209ab0 !important; } .pi-theme-episode-tlom .pi-header { text-align: center; font-size: 15px; font-weight: normal; } .pi-theme-episode-tlom .pi-header a { font-weight: normal; } .pi-theme-episode-tlom .pi-title a, .pi-header a { color: white; font-size: 95%; } .pi-theme-episode-tlom .pi-title { padding: 0; } .pi-theme-episode-tlom .pi-title a { font-weight: bold; } .pi-data:not(:last-of-type) { border: 0; } .pi-theme-episode-tlom { background: inherit; background: -webkit-linear-gradient(left, black, #209ab0 200%, black); background: -o-linear-gradient(left, black, #209ab0 200%, black); background: -moz-linear-gradient(eft, black, #209ab0 200%, black); background: linear-gradient(left, black, #209ab0 200%, black); } .pi-theme-episode-tlom section.pi-item:last-child { border-bottom: 0 !important; } .pi-theme-episode-tlom .pi-border-color { border: transparent; } .pi-theme-episode-tlom > 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-tlom .pi-horizontal-group .pi-horizontal-group-item { text-align:center; }

/* Relationships */ /* The Moonlight Diaries */ .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, #b02079, black); background: -o-linear-gradient(left, black, #b02079, black); background: -moz-linear-gradient(left, black, #b02079, black); background: linear-gradient(left, black, #b02079, black); } .pi-theme-relationship .pi-title { height:25px; background: inherit; background: -webkit-linear-gradient(left, #b02079, black, #b02079); background: -o-linear-gradient(left, #b02079, black, #b02079); background: -moz-linear-gradient(left, #b02079, black, #b02079); background: linear-gradient(left, #b02079, black, #b02079); font-size: larger; font-weight: bold; } .pi-theme-relationship .pi-item:not(section) { /* magenta border */ border: 1px solid #b02079; border-bottom: 0; } .pi-theme-relationship section.pi-item:last-child { border-bottom: 1px solid #b02079 !important; } /* The Legacies of Moonlight */ .pi-theme-relationship-tlom .portable-infobox { width:252px; margin:0 0 .5em 1em; line-height: 1.5; } .pi-theme-relationship-tlom .pi-data-label { margin: auto; } .pi-theme-relationship-tlom .pi-header { text-align: center !important; font-size: smaller; background: inherit; background: -webkit-linear-gradient(left, black, #209ab0, black); background: -o-linear-gradient(left, black, #209ab0, black); background: -moz-linear-gradient(left, black, #209ab0, black); background: linear-gradient(left, black, #209ab0, black); } .pi-theme-relationship-tlom .pi-title { height:25px; background: inherit; background: -webkit-linear-gradient(left, #209ab0, black, #209ab0); background: -o-linear-gradient(left, #209ab0, black, #209ab0); background: -moz-linear-gradient(left, #FF3D0D, black, #209ab0); background: linear-gradient(left, #FF3D0D, black, #209ab0); font-size: larger; font-weight: bold; } .pi-theme-relationship-tlom .pi-item:not(section) { /* teal border */ border: 1px solid #209ab0; border-bottom: 0; } .pi-theme-relationship-tlom section.pi-item:last-child { border-bottom: 1px solid #209ab0 !important; } /* Actor */ aside.pi-theme-actor { background: linear-gradient(to right, black, darkred, 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, darkred, black); } .pi-theme-actor .pi-item:not(.pi-title) { border-bottom: 0; border-top: 1px solid white; }

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

/* 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, #999999, black, #999999); border-bottom: 0 !important; } .pi-theme-location .pi-header { background: linear-gradient(to right, black, #999999, black); border-bottom: 1px solid white !important; } /* Group Infobox */ .pi-theme-group { border: 1px solid white; } .pi-theme-group .pi-title { background: linear-gradient(to right, black, #75dbf0, black); border-bottom: 0 !important; } .pi-theme-group .pi-item:not(.pi-title) { border-top: 1px solid white; } .pi-theme-group .pi-header { background: linear-gradient(to right, black, #75dbf0, 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, #873a3a, 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, #873a3a, black); border-top: 0 !important; }

/* family */ .pi-theme-family .pi-item:not(section) { border: 1px solid white; border-bottom: 0; } .pi-theme-family .pi-item:last-child { border-bottom: 1px solid white !important; } .pi-theme-family .pi-header:first-of-type { border-top: 0 !important; } .pi-theme-family .pi-title { background: linear-gradient(to right, black, #834ea6, black); border-bottom: 0 !important; } .pi-theme-family .pi-header { background: linear-gradient(to right, black, #834ea6, black); border-bottom: 1px solid white !important; } .pi-theme-family { border: 1px solid white; } /* TMD Season */ .pi-theme-season .pi-horizontal-group .pi-data-label { text-align: center !important; } .pi-theme-season .pi-horizontal-group .pi-data-value { text-align: center !important; } aside.pi-theme-season { background: black; border: 1px solid #209ab0; border-radius: 10px; padding: 0 6px; width: 250px; } .pi-theme-season .pi-data-value { font-size: 10px; text-align: right ; } .pi-theme-season .pi-data-label { font-size: 10px; } .pi-theme-season .pi-title { background: linear-gradient(to right, black, #209ab0, black); margin: 6px; } .pi-theme-season .pi-item:not(.pi-title) { border-bottom: 0; border-top: 1px solid #209ab0; } .pi-theme-season .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 0 !important; } .pi-theme-season .pi-title, .pi-theme-season .pi-header { background: linear-gradient(to right, black, #209ab0, black); padding: 0; text-align: center; } /* TLOM Season */ .pi-theme-tlom-season .pi-horizontal-group .pi-data-label { text-align: center !important; } .pi-theme-tlom-season .pi-horizontal-group .pi-data-value { text-align: center !important; } aside.pi-theme-tlom-season { background: black; border: 1px solid #FF3D0D; border-radius: 10px; padding: 0 6px; width: 250px; } .pi-theme-tlom-season .pi-data-value { font-size: 10px; text-align: right ; } .pi-theme-tlom-season .pi-data-label { font-size: 10px; } .pi-theme-tlom-season .pi-title { background: linear-gradient(to right, black, #209ab0, black); margin: 6px; } .pi-theme-tlom-season .pi-item:not(.pi-title) { border-bottom: 0; border-top: 1px solid #209ab0; } .pi-theme-tlom-season .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left: 0 !important; } .pi-theme-tlom-season .pi-title, .pi-theme-tlom-season .pi-header { background: linear-gradient(to right, black, #209ab0, black); padding: 0; text-align: center; }