MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Cosmos Skin */ /* Background */ background-image: url(https://static.miraheze.org/erosfantasywiki/a/a7/EFBackgroundLight.jpg) !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; }
 * 1) mw-content-container {

/* Content Background */ background-image: url(https://static.miraheze.org/erosfantasywiki/4/4e/EFContentBackground.png) !important; background-attachment: fixed !important; background-repeat: no-repeat !important; background-size: cover !important; }
 * 1) mw-content {

/* Category Links */ background-color: #eac8af !important; border: 1px solid #000000; }
 * 1) catlinks {

/* Header-Navigation and others */ .cosmos-header::before { background-image: linear-gradient(#8d4b4c, #7f4544); } .cosmos-header__sitename a:any-link { color: #fffac3; } .cosmos-header .wds-tabs .wds-tabs__tab-label a { color: #fffac3; } .cosmos-header .wds-tabs .wds-tabs__tab-label { color: #fffac3; } .cosmos-header .cosmos-header__counter { color: #fffac3; } /* Edit Button */ .cosmos-button-primary { background-image: url(https://static.miraheze.org/erosfantasywiki/2/2b/EFButton.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; background-color: transparent; }

/* Character Infobox */ border: 0px solid transparent; padding-bottom: 14px; }   border: 0px solid transparent; padding-top: 10px; padding-bottom: 14px; }   padding: 1px 2px 1px 2px; }   padding: 0px 2px 0px 2px; } /* COMMON */ .portable-infobox.pi-theme-Common { background-color: transparent !important; background-image: linear-gradient(to bottom right, #e8e8e8, #717171) !important; border: 10px solid transparent; border-image: url(https://static.miraheze.org/erosfantasywiki/7/7a/EFBorderCommon.png); border-image-width: 50px; border-image-repeat:stretch; border-image-slice: 50 50 50 50; border-image-outset: 5px; border-radius: 8px; margin: 0px 5px 0px 5px; } .portable-infobox.pi-theme-Common .pi-title { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/e/e2/EFGirlsHeader.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Common .pi-title h2 { border: 0px solid transparent; } .portable-infobox.pi-theme-Common .pi-border-color { border: 0px solid transparent; } .portable-infobox.pi-theme-Common .pi-image { border: 0px solid transparent; } .portable-infobox.pi-theme-Common .pi-secondary-background { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/2/29/EFHeaderBackground.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Common .pi-smart-data-label:nth-child(2n) { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Common .pi-smart-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Common .pi-smart-data-value:nth-child(2n) { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Common .pi-smart-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Common .pi-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 1px 1px 1px; } .portable-infobox.pi-theme-Common .pi-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 1px 1px 1px; }
 * 1) mw-content h2.pi-item.pi-item-spacing.pi-title {
 * 1) mw-content h2.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
 * 1) mw-content div.pi-item.pi-data.pi-item-spacing.pi-border-color {
 * 1) mw-content section.pi-item.pi-smart-group.pi-border-color {

/* RARE */ .portable-infobox.pi-theme-Rare { background-color: transparent !important; background-image: linear-gradient(to bottom right, #569ce4, #1c2e7f) !important; border: 10px solid transparent; border-image: url(https://static.miraheze.org/erosfantasywiki/c/cf/EFBorderRare.png); border-image-width: 50px; border-image-repeat:stretch; border-image-slice: 50 50 50 50; border-image-outset: 5px; border-radius: 8px; margin: 0px 5px 0px 5px; } .portable-infobox.pi-theme-Rare .pi-title { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/e/e2/EFGirlsHeader.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Rare .pi-title h2 { border: 0px solid transparent; } .portable-infobox.pi-theme-Rare .pi-border-color { border: 0px solid transparent; } .portable-infobox.pi-theme-Rare .pi-image { border: 0px solid transparent; } .portable-infobox.pi-theme-Rare .pi-secondary-background { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/2/29/EFHeaderBackground.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Rare .pi-smart-data-label:nth-child(2n) { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Rare .pi-smart-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Rare .pi-smart-data-value:nth-child(2n) { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Rare .pi-smart-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Rare .pi-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 1px 1px 1px; } .portable-infobox.pi-theme-Rare .pi-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 1px 1px 1px; }

/* EPIC */ .portable-infobox.pi-theme-Epic { background-color: transparent !important; background-image: linear-gradient(to bottom right, #b388b9, #4b2466) !important; border: 10px solid transparent; border-image: url(https://static.miraheze.org/erosfantasywiki/0/0b/EFBorderEpic.png); border-image-width: 50px; border-image-repeat:stretch; border-image-slice: 50 50 50 50; border-image-outset: 5px; border-radius: 8px; margin: 0px 5px 0px 5px; } .portable-infobox.pi-theme-Epic .pi-title { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/e/e2/EFGirlsHeader.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Epic .pi-title h2 { border: 0px solid transparent; } .portable-infobox.pi-theme-Epic .pi-border-color { border: 0px solid transparent; } .portable-infobox.pi-theme-Epic .pi-image { border: 0px solid transparent; } .portable-infobox.pi-theme-Epic .pi-secondary-background { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/2/29/EFHeaderBackground.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Epic .pi-smart-data-label:nth-child(2n) { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Epic .pi-smart-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Epic .pi-smart-data-value:nth-child(2n) { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Epic .pi-smart-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Epic .pi-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 1px 1px 1px; } .portable-infobox.pi-theme-Epic .pi-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 1px 1px 1px; }

/* LEGENDARY */ .portable-infobox.pi-theme-Legendary { background-color: transparent !important; background-image: linear-gradient(to bottom right, #fdeb7a, #d79156) !important; border: 10px solid transparent; border-image: url(https://static.miraheze.org/erosfantasywiki/e/ec/EFBorderLegendary.png); border-image-width: 50px; border-image-repeat:stretch; border-image-slice: 50 50 50 50; border-image-outset: 5px; border-radius: 8px; margin: 0px 5px 0px 5px; } .portable-infobox.pi-theme-Legendary .pi-title { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/e/e2/EFGirlsHeader.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Legendary .pi-title h2 { border: 0px solid transparent; } .portable-infobox.pi-theme-Legendary .pi-border-color { border: 0px solid transparent; } .portable-infobox.pi-theme-Legendary .pi-image { border: 0px solid transparent; } .portable-infobox.pi-theme-Legendary .pi-secondary-background { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/2/29/EFHeaderBackground.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Legendary .pi-smart-data-label:nth-child(2n) { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Legendary .pi-smart-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Legendary .pi-smart-data-value:nth-child(2n) { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Legendary .pi-smart-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Legendary .pi-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 1px 1px 1px; } .portable-infobox.pi-theme-Legendary .pi-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 1px 1px 1px; }

/* MYTHIC */ .portable-infobox.pi-theme-Mythic { background-color: transparent !important; background-image: linear-gradient(to bottom right, #fd9365, #c3422e) !important; border: 10px solid transparent; border-image: url(https://static.miraheze.org/erosfantasywiki/6/68/EFBorderMythic.png); border-image-width: 50px; border-image-repeat:stretch; border-image-slice: 50 50 50 50; border-image-outset: 5px; border-radius: 8px; margin: 0px 5px 0px 5px; } .portable-infobox.pi-theme-Mythic .pi-title { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/e/e2/EFGirlsHeader.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Mythic .pi-title h2 { border: 0px solid transparent; } .portable-infobox.pi-theme-Mythic .pi-border-color { border: 0px solid transparent; } .portable-infobox.pi-theme-Mythic .pi-image { border: 0px solid transparent; } .portable-infobox.pi-theme-Mythic .pi-secondary-background { border: 0px solid transparent; background-color: transparent; background-image: url(https://static.miraheze.org/erosfantasywiki/2/29/EFHeaderBackground.png); background-repeat: no-repeat; background-size: 270px 40px; background-position: center; padding: 6px 0px 14px 0px; } .portable-infobox.pi-theme-Mythic .pi-smart-data-label:nth-child(2n) { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Mythic .pi-smart-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Mythic .pi-smart-data-value:nth-child(2n) { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Mythic .pi-smart-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 2px 1px 2px; } .portable-infobox.pi-theme-Mythic .pi-data-label { text-align: center; vertical-align: middle; text-decoration: underline; background-color: #eac8af; border-radius: 8px 8px 0px 0px; padding: 1px 1px 1px 1px; } .portable-infobox.pi-theme-Mythic .pi-data-value { background-color: #faead1; border-radius: 0px 0px 8px 8px; padding: 1px 1px 1px 1px; }

/* Mainpage Columns */ @media all and (min-width: 768px) { .EF-mainpage-column-left { float: left; width: 65%; }   .EF-mainpage-column-right { float: left; width: 35%; } }

/* Skill Table */ .skilltabletop table { background-color: #582c29; border: transparent; }

.skilltable table { background-color: #faead1; border-radius: 8px; border: 1px solid #582c29; }

.skilltable th { background-color: #eac8af; color: #582c29; }

.skilltable td { background-color: #faead1; color: #582c29; }