MediaWiki:Themes.css

/* Portable Element Themes */ /* Uses CSS Variables, which are supported by most browsers except Edge */ /* Edge support is marked Legacy, and lines can be removed around 1 MAY 2017 */ .portable-infobox { margin: 0 0 1em 1em; } .portable-infobox .pi-img-thumbnail { height: auto; width: 100%; } .portable-infobox.pi-theme-Theme1 { --dark-color: #1E1E2E; --mid-color: #223; --light-color: #334; color: white; padding: 1px; border: 1px solid #334; } .pi-theme-Theme1.pi-background { background-color: var(--dark-color); } .pi-theme-Theme1 .pi-item-spacing { padding: 1px 2px; } .pi-theme-Theme1 .pi-border-color { border-color: var(--dark-color); } .pi-theme-Theme1 .pi-title { margin: 2px; margin-bottom: 0; font-size: 1.05em; background-color: var(--light-color); text-align: center; } .pi-theme-Theme1 .pi-title ~ .pi-title { font-size: smaller; } .pi-theme-Theme1 .pi-title ~ .pi-data .pi-data-value:only-child { background-color: var(--light-color); text-align: center; font-weight: bolder; width: 100%; } .pi-theme-Theme1 .pi-caption { background-color: var(--light-color); font-size: 1.05em; margin: 2px; text-align: center; font-style: normal; padding: 4px 10px 4px 0; color: white; font-weight: bold; } .pi-theme-Theme1 .pi-header { background-color: var(--light-color); text-align: center; } .pi-theme-Theme1 .pi-data .pi-data-label { flex-basis: 125px; text-align: right; font-size: 0.775em; padding: 4px 10px 4px 0; background-color: var(--mid-color); } .pi-theme-Theme1 .pi-data .pi-data-value { padding: 4px 0 4px 10px; } .pi-theme-Theme1 .pi-navigation { background-color: var(--light-color); text-align: center; }

/* --- */ /* --- Infobox: Adversary --- */ /* --- */

/* Template:Adversary  */

.portable-infobox.pi-theme-Adversary { --dark-color: #1e1e2e; --mid-color: #223; --light-color: #333344; border: 1px solid; padding: 0.2em; color: white; } .pi-theme-Adversary.pi-background { background-color: var(--dark-color); border-color: var(--light-color); } .pi-theme-Adversary .pi-item-spacing { padding: 1px 2px; } .pi-theme-Adversary .pi-border-color { border-color: var(--dark-color); } .pi-theme-Adversary .pi-title { background-image: url(http://vignette3.wikia.nocookie.net/masseffect/images/c/c9/ME-Enemy-HB-Container-Background.png/revision/latest/top-crop/width/275/height/30), linear-gradient(transparent 50%, #1e1e2e); background-repeat: no-repeat; background-position: top; margin: auto; width: 100%; } .pi-theme-Adversary .pi-title + .pi-data .pi-data-value:only-child { background: url(http://vignette3.wikia.nocookie.net/masseffect/images/c/c9/ME-Enemy-HB-Container-Background.png/revision/latest/window-crop/width/270/x-offset/0/y-offset/25/window-width/220/window-height/34) 0 center no-repeat; } .pi-theme-Adversary .pi-title + .pi-data .pi-data-value:only-child img { padding-bottom: 5px; } .pi-theme-Adversary .pi-data-label { background-color: var(--mid-color); flex-basis: 70px; text-align: right; padding: 0 0.5em; } .pi-theme-Adversary .pi-data-label .health { color: #ff0000; } .pi-theme-Adversary .pi-data-label .shields { color: #33A1C9; } .pi-theme-Adversary .pi-data-value { text-align: left; padding: 0 0.5em; } .pi-theme-Adversary .pi-data-value:only-child { margin: auto; width: 100%; text-align: center; } .portable-infobox.pi-theme-Adversary-ME2 {}

/* Template:AdversariesME3  */

.portable-infobox.pi-theme-Adversary-ME3 {}

.pi-theme-Adversary-ME3.pi-background { background-color: #0f2849; border: 1px solid #14345e; }

.pi-theme-Adversary-ME3 .portable-infobox .pi-item-spacing { padding: 0; } .pi-theme-Adversary-ME3 .pi-data-label, .pi-theme-Adversary-ME3 .pi-data-value { padding: 5px 10px; } .pi-theme-Adversary-ME3 .pi-data-label { background-color: #14345E; } .pi-theme-Adversary-ME3 .pi-data-value .lifebar div { width: 200px; height: 62px; font-weight: bold; text-align: center; background: url('http://images3.wikia.nocookie.net/__cb20120412022902/masseffect/images/e/ef/ME3_Enemy_Container.png') no-repeat; margin: 4px auto; } .pi-theme-Adversary-ME3 .pi-data-value .lifebar { width: 172px; margin: auto; vertical-align: top; } .pi-theme-Adversary-ME3 .pi-data-value .lifebar { height: 20px; padding-top: 5px; color: #FFC17B; text-shadow: #01101D 1px 1px 1px; } .pi-theme-Adversary-ME3 .pi-data-value .lifebar-image { height: 30px; padding-top: 1px; background: url('http://images1.wikia.nocookie.net/__cb20120412022629/masseffect/images/2/2a/ME3_Enemy_Background.png') no-repeat center 1px; } .pi-theme-Adversary-ME3 .pi-data-label .health  { color: #ff0000; } .pi-theme-Adversary-ME3 .pi-data-label .armor   { color: #ff931e; } .pi-theme-Adversary-ME3 .pi-data-label .shields { color: #00ffff; } .pi-theme-Adversary-ME3 .pi-data-label .barrier { color: #b748b7; }

.portable-infobox.pi-theme-Adversary-MEI {} .portable-infobox.pi-theme-Adversary-MEG {} .portable-infobox.pi-theme-Character-MP-ME3 { --dark-color: #0f2849; --mid-color: #14345e; --light-color: #184573; --special-color: #2669ae; }

/* - */ /* --- Infobox: Weapons --- */ /* - */

/* Template:Template:Weapon (Mass Effect 2)  */

.portable-infobox.pi-theme-Weapon-ME2 {}

/* Template:Template:Weapon (Mass Effect 3)  */

.portable-infobox.pi-theme-Weapon-ME3 { /*dark-color: #0f2849; mid-color: #14345e; light-color: #184573; special-color: #2669ae;*/ border: 1px solid #14345e; color: white; text-shadow: black 0 1px; } .pi-theme-Weapon-ME3.pi-background { background-color: var(--dark-color); border-color: var(--mid-color); } .pi-theme-Weapon-ME3 .pi-item-spacing { padding: 1px 2px; } .pi-theme-Weapon-ME3 .pi-border-color { border-color: var(--dark-color); } .pi-theme-Weapon-ME3 .pi-title, .pi-theme-Weapon-ME3 .pi-header, .pi-theme-Weapon-ME3 .pi-navigation { margin: 2px; background-color: var(--light-color); text-align: center; font-weight: bolder; } .pi-theme-Weapon-ME3 > .pi-data .pi-data-label { background-color: var(--mid-color); text-align: right; padding: 5px; } .pi-theme-Weapon-ME3 > .pi-data .pi-data-value { vertical-align: middle; padding: 5px; } .pi-theme-Weapon-ME3 .pi-group .pi-data > .pi-data-label { border-top-left-radius: 20px; margin: 2px; border: 1px solid; border-color: var(--light-color); text-align: right; background-color: var(--mid-color); color: white; padding: 3px; } .pi-theme-Weapon-ME3 .pi-group .pi-data > .pi-data-value { border-bottom-right-radius: 20px; border: 1px solid; border-color: var(--special-color); } .pi-theme-Weapon-ME3 .pi-group .pi-data > .pi-data-value:not(:first-child) { padding: 0; margin-left: 5px; } .pi-theme-Weapon-ME3 .pi-horizontal-group-item.pi-data-label { margin: 2px; background-color: var(--mid-color); text-align: center; padding: 5px; } .pi-theme-Weapon-ME3 .pi-horizontal-group-item.pi-data-value { text-align: center; padding: 5px; }

.pi-theme-Character-MP-ME3.pi-background { background-color: var(--dark-color); border-color: var(--mid-color); } .pi-theme-Character-MP-ME3 .pi-item-spacing { padding: 1px 2px; } .pi-theme-Character-MP-ME3 .pi-border-color { border-color: var(--dark-color); } .pi-theme-Character-MP-ME3 .pi-title { background-color: var(--light-color); } .pi-theme-Character-MP-ME3 .pi-data-label { background-color: var(--light-color); text-align: right; } .pi-theme-Character-MP-ME3 .pi-data-value { background-color: var(--mid-color); }

@supports (not (--css-variables: 0)) { /* Legacy code can go here. */   .pi-theme-Theme1.pi-background { background-color: #1E1E2E; } .pi-theme-Theme1 .pi-border-color { border-color: #1E1E2E; } .pi-theme-Theme1 .pi-title, .pi-theme-Theme1 .pi-title ~ .pi-data .pi-data-value:only-child, .pi-theme-Theme1 .pi-caption, .pi-theme-Theme1 .pi-header, .pi-theme-Theme1 .pi-navigation { background-color: #334; } .pi-theme-Theme1 .pi-data .pi-data-label { background-color: #223; } .pi-theme-Weapon-ME3.pi-background { background-color: #0f2849; }   .pi-theme-Weapon-ME3 .pi-border-color { border-color: #14345e; }   .pi-theme-Weapon-ME3 .pi-title, .pi-theme-Weapon-ME3 .pi-header, .pi-theme-Weapon-ME3 .pi-navigation { background-color: #184573; } .pi-theme-Weapon-ME3 > .pi-data .pi-data-label, .pi-theme-Weapon-ME3 .pi-horizontal-item.pi-data-label { background-color: #14345e; }   .pi-theme-Weapon-ME3 .pi-group .pi-data > .pi-data-label { border-color: #184573; background-color: #14345e; color: white; }   .pi-theme-Weapon-ME3 .pi-group .pi-data > .pi-data-value { border-color: #2669ae; }   .pi-theme-Adversary.pi-background { background-color: #1e1e2e; border-color: #334; }   .pi-theme-Adversary .pi-border-color { border-color: #1e1e2e; } .pi-theme-Adversary .pi-data-label { background-color: #223; } }