User:Ursuul/rickipedia.css

/** * @Name:          Rickipedia.css * @Description:   Applies aesthetic themes to all Portable Infoboxes * @For Europa?:   Yes * @Authors:       Jr Mime  *                 Dark Yada  *                 Ursuul  */ /* All Infoboxes — DIMENSIONS, FONT, & s */ .pi-europa.portable-infobox { width: 270px; background: linear-gradient(45deg, #FFFFFF 0% ,#ECECEC 100%); }

.portable-infobox { border: 1px solid #999999; }

.portable-infobox .pi-item-spacing { padding: 0; }

.portable-infobox .pi-title, .portable-infobox .pi-header, .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-family: "Lucida Grande", "Trebuchet MS", "Gill Sans", Verdana, "URW Gothic L", "Nimbus Sans L", sans-serif; }

.portable-infobox .pi-title, .portable-infobox .pi-header { background: #03AFC9; color: #FFFFFF; text-decoration: none; padding: 2px; }

.portable-infobox .pi-header { font-size: small; text-align: right; padding: 0 5px 0 0; }/**/

/* All Infoboxes — IMAGES & GALLERIES */ .portable-infobox .pi-image, .portable-infobox .pi-image .image-thumbnail, .portable-infobox .pi-image .image-thumbnail .pi-image-thumbnail { width: 100%; height: auto; }

.portable-infobox .pi-image-collection-tabs { display: flex; flex-flow: wrap row; justify-content: flex-end; background: #ECECEC; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { font-weight: bold; text-align: center; padding: 2px; border: solid #FCFCFC; border-width: 1px 0 1px 2px; }

.portable-infobox .pi-image-collection-tabs .current { background: #03AFC9; color: #FFFFFF; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link:hover:not(.current) { background: #75DFEF; }

.portable-infobox .pi-caption.pi-item-spacing { font-style: italic; text-align: center; padding: 0; }/**/

/* All Infoboxes — DATA LABELS & VALUES */ .portable-infobox .pi-caption, .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { flex: 0 1 auto; width: 100%; background: #ECECEC; background: -moz-linear-gradient(45deg, #FFFFFF 0%, #ECECEC 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #FFFFFF), color-stop(100%, #ECECEC)); background: -webkit-linear-gradient(45deg, #FFFFFF 0%, #ECECEC 100%); background: -o-linear-gradient(45deg, #FFFFFF 0%, #ECECEC 100%); background: -ms-linear-gradient(45deg, #FFFFFF 0%, #ECECEC 100%); background: linear-gradient(45deg, #FFFFFF 0%, #ECECEC 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#ECECEC', GradientType=1); font-weight: normal; color: #0092A8; padding: 0 4px; border-top: 1px solid #FFFFFF; }

.portable-infobox .pi-data-label { text-align: right; }

.portable-infobox .pi-title + .pi-item.pi-data .pi-data-value { text-align: center; padding: 0; }

.portable-infobox .pi-horizontal-group .pi-horizontal-group-item { vertical-align: middle; }

.portable-infobox .pi-horizontal-group .pi-horizontal-group-item.pi-data-label { font-weight: bold; padding: 0 6px 0 0; }

.portable-infobox .pi-horizontal-group .pi-horizontal-group-item.pi-data-label:first-child { text-align: left; padding: 0 0 0 6px; }

.portable-infobox .pi-horizontal-group .pi-horizontal-group-item.pi-data-value { text-align: center; line-height: 120%; padding: 0 6px 0 6px; }

.portable-infobox .pi-navigation { background: #FFFFFF linear-gradient(45deg, #FFFFFF 0%, #ECECEC 100%); text-align: center; }/**/

/* All Infoboxes — MISCELLANEA */ .portable-infobox .pi-image:hover, .portable-infobox .pi-caption:hover, .portable-infobox .pi-image-collection-tabs:hover, .portable-infobox .pi-smart-group-body:hover > .pi-smart-data-value, .portable-infobox .pi-horizontal-group tr:hover .pi-horizontal-group-item, .portable-infobox .pi-item:hover > .pi-data-label, .portable-infobox .pi-item:hover > .pi-data-value, .portable-infobox .pi-navigation:hover { background: #D8DFE5 none; }

.portable-infobox abbr { text-decoration: underline dotted; border: 0; }/**/

/* Themes — General (Covers Comics, Locations, Seasons, & PM Items) */ .portable-infobox.pi-theme-general .pi-data-label { flex-basis: 40%; }

.portable-infobox.pi-theme-item .pi-horizontal-group-item.pi-data-value:nth-child(even), .portable-infobox.pi-theme-season .pi-horizontal-group-item.pi-data-value:nth-child(even), .portable-infobox.pi-theme-general .pi-horizontal-group-item.pi-data-value:nth-child(even), .portable-infobox.pi-theme-general .pi-group:first-of-type .pi-data-value { text-align: right; }

.portable-infobox.pi-theme-item .pi-horizontal-group-item.pi-data-value:nth-child(odd), .portable-infobox.pi-theme-season .pi-horizontal-group-item.pi-data-value:nth-child(odd), .portable-infobox.pi-theme-general .pi-horizontal-group-item.pi-data-value:nth-child(odd) { text-align: left; }

.portable-infobox.pi-theme-item .pi-horizontal-group .pi-horizontal-group-item, .portable-infobox.pi-theme-item .pi-horizontal-group .pi-horizontal-group-item.pi-data-label, .portable-infobox.pi-theme-season .pi-horizontal-group .pi-horizontal-group-item, .portable-infobox.pi-theme-season .pi-horizontal-group .pi-horizontal-group-item.pi-data-label, .portable-infobox.pi-theme-general .pi-horizontal-group .pi-horizontal-group-item, .portable-infobox.pi-theme-general .pi-horizontal-group .pi-horizontal-group-item.pi-data-label { padding: 0; }

.portable-infobox.pi-theme-item .pi-horizontal-group-item:nth-child(odd), .portable-infobox.pi-theme-season .pi-horizontal-group-item:nth-child(odd), .portable-infobox.pi-theme-general .pi-horizontal-group-item:nth-child(odd) { width: 43%; }/**/

/* Theme - Item */ .portable-infobox.pi-theme-item .pi-header { text-align: center; padding: 2px 0; }

.portable-infobox.pi-theme-item .pi-image-thumbnail { max-width: 150px; }

.portable-infobox.pi-theme-item .pi-data-label { flex-basis: 250%; color: #000000; }

.portable-infobox.pi-theme-item .pi-data-value { text-align: right; }/**/

/* Theme — Character */ .portable-infobox.pi-theme-character { background: #FFFFFF; border: 2px solid #FFFFFF; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -ms-border-radius: 10px 0 0 10px; -o-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; border-collapse: collapse; -moz-box-shadow: 0 0 20px #03AFC9; -webkit-box-shadow: 0 0 20px #03AFC9; -o-box-shadow: 0 0 20px #03AFC9; -ms-box-shadow: 0 0 20px #03AFC9; box-shadow: 0 0 20px #03AFC9; margin: 0 5px 10px 20px; }

.portable-infobox.pi-theme-character .pi-title { padding: 5px 0; -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -ms-border-radius: 10px 0 0 0; -o-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; margin: 2px; }

.portable-infobox.pi-theme-character .pi-title:only-child { border-radius: 10px 0 0 9px; }

.portable-infobox.pi-theme-character .pi-image { padding: 2px 0; }

.portable-infobox.pi-theme-character .pi-image-thumbnail { max-width: 266px; }

.portable-infobox.pi-theme-character .pi-header + .pi-image:hover { background: none; }

.portable-infobox.pi-theme-character .pi-group .pi-header + .pi-image { margin-bottom: -5px; }

.portable-infobox.pi-theme-character .pi-group:last-child .pi-header + .pi-image { padding-bottom: 0; }

.portable-infobox.pi-theme-character .pi-group:last-child .pi-header + .pi-image .pi-image-thumbnail { border-radius: 0 0 0 9px; }

.portable-infobox.pi-theme-character .pi-data-label { flex-basis: 60%; }

.portable-infobox.pi-theme-character .pi-header ~ .pi-data-value { text-align: right; }

.portable-infobox.pi-theme-character .pi-group:last-child .pi-data:last-of-type { border-bottom: 10px solid #03AFC9; border-radius: 0 0 0 9px; }/**/

/* Theme — PocketMorty */ .portable-infobox.pi-theme-pocket { background: linear-gradient(45deg, #FFFFFF 0%, #ECECEC 100%); }

.portable-infobox.pi-theme-pocket .pi-title { display: flex; justify-content: center; padding: 0 5px 0 0; font-size: medium; }

.portable-infobox.pi-theme-pocket .pi-title span:not(:last-child) { flex-grow: 2; }

.portable-infobox.pi-theme-pocket .pi-title span:last-child { font-size: small; padding: 0 0 0 15px; border-left: 1px solid rgba(255, 255, 255, .4); }

.portable-infobox.pi-theme-pocket .pi-image { border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; }

.portable-infobox.pi-theme-pocket .pi-image-thumbnail { max-width: 150px; }

.portable-infobox.pi-theme-pocket .pi-header { padding: 2px 0; text-align: center; }

.portable-infobox.pi-theme-pocket .pi-data-label { flex-basis: 104%; padding: 0 2px 1.5em .5em; color: #000000; }

.portable-infobox.pi-theme-pocket .pi-group:last-of-type > .pi-data:last-of-type .pi-data-label { padding-bottom: .5em; }

.portable-infobox.pi-theme-pocket .pi-data .pi-data-value { padding: 0.5em; }

.portable-infobox.pi-theme-pocket .pi-data:not(:first-of-type) .pi-data-value { padding-top: 0; }

.portable-infobox.pi-theme-pocket .pi-data, .portable-infobox.pi-theme-pocket .pi-smart-data-value { text-align: right; }

.portable-infobox.pi-theme-pocket .pi-smart-data-value:nth-child(odd) { color: #000000; }

.portable-infobox.pi-theme-pocket .pi-smart-data-value:nth-child(even) { padding-bottom: 1.5em; }

.portable-infobox.pi-theme-pocket .pi-header + .pi-navigation { padding: .5em 0; }/**/

/* Theme — Songs */ .portable-infobox.pi-theme-song .pi-title { text-align: right; }

.portable-infobox.pi-theme-song .pi-data-label { flex-basis: 70% }

.portable-infobox.pi-theme-song .pi-data-value .article-thumb a + figcaption { display: none; }/**/

/* Themes — MortyTrainer & Quest */ .portable-infobox.pi-theme-trainer .pi-header { text-align: center; }

.portable-infobox.pi-theme-quest .pi-image-thumbnail, .portable-infobox.pi-theme-trainer .pi-image-thumbnail { max-width: 150px; }

.portable-infobox.pi-theme-quest .pi-data-label, .portable-infobox.pi-theme-trainer .pi-data-label { color: #000000; }

.portable-infobox.pi-theme-trainer .pi-data-label { flex-basis: 40%; }

.portable-infobox.pi-theme-trainer .pi-data-value { text-align: right; }/**/