MediaWiki:Fandomdesktop.css

/***** Styles for Fandom Desktop *****/ /*** Styles for the Main Page ***/ .mainpage div.floatnone { filter: drop-shadow(0px 0px 2px #ffffff) drop-shadow(0px 0px 2px #ffffff); }

.mainpage-apply { max-width:				630px; text-align:			center; padding:				2px 10px; margin:				10px auto; background-color:		var(--theme-page-background-color--secondary); border-radius:			2px; font-size:				20px; }

.mainpage-rightrail-box { margin:					0 0 10px 0; border:					4px outset #d9d9d9; padding:				10px; font-size:				90%; -moz-border-radius:		15px; -webkit-border-radius:	15px; border-radius:			15px; background-color:		var(--theme-page-background-color); } .mainpage-rightrail-content { margin-bottom:			5px; background-color:		var(--theme-page-background-color); padding:				1em 1em; font-size:				100%; -moz-border-radius:		15px; -webkit-border-radius:	15px; border-radius:			15px; border:					none; }

/* Front Page */

.button { font-size: .9em; background: var(--theme-accent-color); color: white; border-radius: 3px; margin: 0 4px; padding: 5px 10px;} /* Infoboxes */

.portable-infobox { border-radius: 12px; box-shadow: 0 2px 10px rgba(229,229,229, 0.8); overflow: hidden;}

/* Alpha - Characters */

.pi-theme-alpha .pi-title { background-color: #b48f8f; border-bottom: 1px solid #030303; margin-bottom: 5px; padding: 12px 9px;} .pi-theme-alpha .pi-header { background-color: #be9e9e; margin-top: 5px;}

.pi-theme-alpha.pi-background { background-color: #fff; border: 1px solid #030303;} .pi-theme-alpha .pi-image { position: relative; padding: 15px;}

.pi-theme-alpha .pi-data { border-top: 1px solid #c9c9c9; padding: 10px; margin: 0px;}

/* Beta - VIP Characters */

.pi-theme-beta .pi-title { background-color: #67adb3; border-bottom: 1px solid #030303; margin-bottom: 5px; padding: 12px 9px;} .pi-theme-beta .pi-header { background-color: #78b6bc; margin-top: 5px;}

.pi-theme-beta.pi-background { background-color: #fff; border: 1px solid #030303;} .pi-theme-beta .pi-image { position: relative; padding: 15px;}

.pi-theme-beta .pi-data { border-top: 1px solid #c9c9c9; padding: 10px; margin: 0px;}

/* Gamma - Locations */

.pi-theme-gamma .pi-title { background-color: #c68f69; border-bottom: 1px solid #030303; margin-bottom: 5px; padding: 12px 9px;} .pi-theme-gamma .pi-header { background-color: #cd9d7b; margin-top: 5px;}

.pi-theme-gamma.pi-background { background-color: #fff; border: 1px solid #030303;} .pi-theme-gamma .pi-image { position: relative; padding: 15px;}

.pi-theme-gamma .pi-data { border-top: 1px solid #c9c9c9; padding: 10px; margin: 0px;}

/* Delta - Goals */

.pi-theme-delta .pi-title { background-color: #999999; border-bottom: 1px solid #030303; margin-bottom: 5px; padding: 12px 9px;} .pi-theme-delta .pi-header { background-color: #c0bfbf; margin-top: 5px; text-align: center;}

.pi-theme-delta.pi-background { background-color: #fff; border: 1px solid #030303;} .pi-theme-delta .pi-image { position: relative; padding: 15px;}

.pi-theme-delta .pi-data { border-top: 1px solid #ccc; padding: 10px; margin: 0px;}

/* Epsilon - Homes */

.pi-theme-epsilon .pi-title { background-color: #8c6661; border-bottom: 1px solid #030303; margin-bottom: 5px; padding: 12px 9px;} .pi-theme-epsilon .pi-header { background-color: #a4817c; margin-top: 5px;}

.pi-theme-epsilon.pi-background { background-color: #fff; border: 1px solid #030303;} .pi-theme-epsilon .pi-image { position: relative; padding: 15px;}

.pi-theme-epsilon .pi-data { border-top: 1px solid #ccc; padding: 10px; margin: 0px;}

/* Zeta - Buildings */

.pi-theme-zeta .pi-title { background-color: #a8b8c6; border-bottom: 1px solid #030303; margin-bottom: 5px; padding: 12px 9px;} .pi-theme-zeta .pi-header { background-color: #c7d1da; margin-top: 5px;}

.pi-theme-zeta.pi-background { background-color: #fff; border: 1px solid #030303;}

.pi-theme-zeta .pi-image { position: relative; padding: 15px;} .pi-theme-zeta .pi-data { border-top: 1px solid #ccc; padding: 10px; margin: 0px;}

/* Eta - Special, Weekly and Limited-Time Goals */

.pi-theme-eta .pi-title { background-color: #87928a; border-bottom: 1px solid #030303; margin-bottom: 5px; padding: 12px 9px;} .pi-theme-eta .pi-header { background-color: #bc9c9a; margin-top: 5px; text-align: center;}

.pi-theme-eta.pi-background { background-color: #fff; border: 1px solid #030303;} .pi-theme-eta .pi-image { position: relative; padding: 15px;}

.pi-theme-eta .pi-eta { border-top: 1px solid #ccc; padding: 10px; margin: 0px;}

/* Protection Images */ div.protection-image { display: none;} div.protection-image-visible { display: inline;} /* Tabs in infoboxes */

/* The whole gallery/tabber box*/ .pi-image-collection-tabs { background: #ffffff; text-align: center;}

.portable-infobox .pi-image-collection { background: #ffffff;} /* All tabs */ .portable-infobox .pi-image-collection-tabs li { background: #ffffff; border-top: 1px solid #000000;} /* The current selected tab */ .pi-image-collection-tabs .current { background: #ddcccc; color: #000000; border-right: 1px solid #000000; border-left: 1px solid #000000;}

/* General Style Sheet */

.i18ndoc { background-color: #fff77d; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px;}

div.ajax-poll { width:auto !important;} h3 { padding-bottom: 0px;}

/* Tabber - Multiline Tabber */

.tabber .wds-tabs { flex-wrap: wrap;}

/* Tabber - General Appearance - Base code from dev.fandom.com */

.tabber { display: table; width: 100%; margin-top: 0.5em; padding: 2px; border: 1px solid #000;}

.tabber .wds-tabs__wrapper { display: table-cell; width: 200px; border: none;}

.tabber .wds-tabs__wrapper .wds-tabs { flex-direction: column; align-items: flex-start;}

.tabber .wds-tabs .wds-tabs__tab { box-shadow: none; font-size: 14px; padding-top: 1em;}

.tabber .wds-tabs .wds-tabs__tab-label { height: 35px; width: 75px; margin: 0;}

.tabber .wds-tabs a { display: block; padding: 10px; color: black !important;}

.tabber .wds-tabs__tab.wds-is-current a { background: #2aa198; color: white !important; border-radius: 3px;}

.tabber .wds-tab__content.wds-is-current { display: table-cell; padding: 0em 1em;}