MediaWiki:Wikia.css

/* ##################### START OF MediaWiki:Wikia.css #################### */ /* #################### ALL CREDITS TO THE IYNQUE WIKI ################### */ /* CSS placed here will be applied to the Wikia skin. */ /* ####################################################################### */ /* ### THEME STYLES													  ### */ /* ####################################################################### */ /* Get Google Fonts */ /* "@import prevents parallel downloads, use instead" */ /* Link tags are normally used to import CSS. However, MediaWiki does not support adding your own link tags without use of javascript, so this error can normally be ignored. */	@import "https://fonts.googleapis.com/css?family=Arvo:400,700|Lato:400,700,400italic,700italic|Inconsolata:400,700|Varela+Round"; /* Arvo: used for headings */ /* Lato: used for text */ /* Inconsolata: used for pre and code tags */ /* Varela Round: used for kbd tags etc. */ /* Allow FontAwesome */ /* More info at http://dev.wikia.com/wiki/FontAwesome */ @import "//dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css"; /* Clear page background */ body { background-image: none; background-color: #f7f7f7; }	.global-notification { width:100%; }	#WikiaTopAds { background-color: #333; width:100%; }	#WikiaPage { border-style: none; } /* Wikia Header */ #WikiHeader { background-color: #333; margin-bottom: 30px; padding-bottom: 15px; border-radius: 0 0 5px 5px; }   #WikiHeader::before { background-color: #333; bottom: 0; content: ""; left: calc(50% - 50vw); position: absolute; top: 0; width: 100vw; z-index: -1; }   @media screen and (max-width: 1030px) { .WikiaPageContentWrapper, #WikiHeader::before { padding-top: 0; };   }    .jp_teaserendedskin #WikiHeader::before { content: none; background-color:none; display: none; }   div.navbackground::after { background-color: #69f; border-top: 2px groove rgba(255, 255, 255, 0.35); bottom: 0; content: ""; left: 100%; position: absolute; top: 0; }   @media screen and (max-width: 1370px) { div.navbackground::after { width: calc((100vw - 1038px) / 2); };   }    @media screen and (min-width: 1370px) { div.navbackground::after { right: -165px; };   }    @media screen and (min-width: 1940px) { div.navbackground::after { width: calc((100vw - 1608px) / 2); };   }    .jp_teaserendedskin div.navbackground::after { content: none; background-color: none; display: none; border-top: none; }	#WikiHeader nav.WikiNav div.navbackground img.chevron { border-style: none; border-right-style: none; border-bottom-style: none; }	.WikiHeader { font-family: Lato,'Helvetica Neue', Helvetica, Arial, sans-serif; }	.wordmark a { color: white; font-family: Arvo, Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-shadow:#69f 1px 1px  0, #69f 2px 2px  0, #69f 3px 3px  0, #69f 4px 4px  0, #69f 5px 5px  0, #69f 6px 6px  0, #69f 7px 7px  0, #69f 8px 8px  0, #69f 9px 9px  0, #69f 10px 10px 0; }	h1.wordmark.large.text.font-default { text-align: center; }	#WikiaPageHeader { border-style: none; } /* Main navigation */ ul.nav li.nav-item.marked a { color: white; }	ul.nav li.nav-item.marked li.subnav-2-item.marked2 a { color: black; }	ul.nav li.nav-item a { color: white; } /* Basic page styles */ .WikiaArticle { font-size: 16px; background-color: white; padding: 10px; border: 1px solid #e5e5e5; color: #262626; color: rgba(0,0,0,0.85); -webkit-font-smoothing: antialiased; }	#mw-content-text { line-height: 1.8em; }	.WikiaRail .module { border: 1px solid #e5e5e5; background-color: white; }	#WikiaArticleCategories { border: 1px solid #e5e5e5; background-color: #eee; }	#WikiaSearch input { border: 1px solid #e5e5e5; }	.WikiaRail .module h1 { font-family: Arvo, Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; color: #3f3f3f; color: rgba(0,0,0,0.75); }	#toc { border-style: none; } /* Wikia footer content */ #WikiaFooter section { border: none; }	#SPOTLIGHT_FOOTER { background-image: none; }	.CorporateFooter { background-color: #f7f7f7; padding-top: 1px; margin-top: 15px; } /* Buttons */ .button, .wikia-menu-button-submit input, .wikia-button, a.wikia-button, .wikia-menu-button { background: #69f none; border-radius: 2px; color: white !important; /* Is !important needed here? */		border-top: 2px groove rgba(255,255,255,0.35); }	.wikia-menu-button a { color: white; }	.button.secondary, .wikia-button.secondary, a.wikia-button.secondary, .wikia-menu-button.secondary { background: #eee none; color: black !important; /* Is !important needed here? */		font-weight: normal; font-style: normal; border-top: 2px groove rgba(255,255,255,1) !important; } /* Wikia Masthead */ header#WikiaHeader.WikiaHeader, div#WikiaBarWrapper.WikiaBarWrapper { background-image: none; box-shadow: none; background-color: #333; border-top-color: #333; } /* Main Content & Right Column text in Lato */ #WikiaMainContentContainer, #WikiaRail { font-family: Lato,'Helvetica Neue', Helvetica, Arial, sans-serif; } /* Main Content Headings in Arvo */ #WikiaArticle h1, #WikiaArticle h2, #WikiaArticle h3, #WikiaArticle h4, #WikiaArticle h5, #WikiaArticle h6 { /* Qualified per Wikia official instructions */ font-family: Arvo, Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0.4em; vertical-align: middle; } /* Heading Formats */ h1 span.mw-headline { color: white; background-color: #69f; border-radius: 3px; display: block; padding: .5em; font-size: 2rem; }	h2 span.mw-headline { color: white; background-color: #69f; border-radius: 3px; display: block; padding: .5em; font-size: 1.5rem; }	div#mw-content-text h2 { border-bottom-style: none; }	h3 span.mw-headline { text-shadow: #69f 1px 1px 0,#69f 2px 2px 0,#69f 3px 3px 0,#69f 4px 4px 0,#69f 5px 5px 0; color: white; background-color: rgba(102,153,255,0.5); border-radius: 3px; display: block; padding: .5em; font-size: 1.3rem; }	h4 span.mw-headline { text-shadow: #69f 1px 1px 0,#69f 2px 2px 0,#69f 3px 3px 0,#69f 4px 4px 0,#69f 5px 5px 0; color: white; background-color: rgba(102,153,255,0.5); border-radius: 3px; display: inline; padding: .5em; padding-right: .8em; font-size: 1.3rem; }	h5 span.mw-headline { text-shadow: #69f 1px 1px 0,#69f 2px 2px 0,#69f 3px 3px 0; color: white; background-color: rgba(102,153,255,0.25); border-radius: 3px; display: inline; line-height: 3em; padding: .5em; padding-right: .8em; font-size: 1rem }	h6 span.mw-headline { text-shadow: #69f 1px 1px 0,#69f 2px 2px 0,#69f 3px 3px 0; color: white; background-color: rgba(102,153,255,0.25); border-radius: 3px; display: inline; font-size: 1rem; padding: .5em; padding-right: .8em; } /* User Pages */ #WikiaUserPagesHeader { background-image: none; background-color: transparent; }	hgroup h1 { color: white !important; }	div.masthead-info { -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; border: 1px solid #e5e5e5; }	ul.tabs li.selected a{		background-color: #f7f7f7; border: 1px solid #e5e5e5; border-bottom: 1px solid #f7f7f7; }	ul.tabs { border: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background-color: #fff; } /* ####################################################################### */ /* ### GENERAL STYLES												  ### */ /* ####################################################################### */ /* abbreviations: standards-based styling */ abbr { border-bottom: 1px dotted #69f; cursor: help; } /* Keyboard Key style--Used by Template:Key */ kbd, .keyboard-key { border: 0; border-top: .1em solid #fff; border-bottom: .2em solid #666; background: #CCC; background: -webkit-gradient(linear,left top,left bottom,from(#ddd),to(#bbb)); background: -webkit-linear-gradient(top,#ddd,#bbb); background: -moz-linear-gradient(top,#ddd,#bbb); background: -ms-linear-gradient(top,#ddd,#bbb); background: -o-linear-gradient(top,#ddd,#bbb); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: rgba(0,0,0,0.65) 0 .1em .1em; -moz-box-shadow: rgba(0,0,0,0.65) 0 .1em .1em; box-shadow: rgba(0,0,0,0.65) 0 .1em .1em; text-shadow: rgba(255,255,255,0.25) 0 1px 0; color: #111; font: normal .85em/1 'Varela Round','Lucida Grande',Lucida,Arial,sans-serif; padding: .08em .4em; text-align: center; text-decoration: none; min-width: 1em; white-space: nowrap } /* code tags in Inconsolata, light blue, slightly larger to match text fonts */ code { color: #39c; font: 115% 'Inconsolata', 'source-code-pro', 'Consolas', 'Monaco', 'Menlo', Courier, monospace; } /* pre tags in Inconsolata, slightly larger to match text fonts */ pre { font: 115% 'Inconsolata', 'source-code-pro', 'Consolas', 'Monaco', 'Menlo', Courier, monospace; background-color: #f7f7f7 !important; border: 1px solid #e5e5e5 !important; } /* Style for horizontal rules */ hr { padding: 0; border: none; border-top: medium solid #cdcdcd; border-top: medium solid rgba(0,0,0,0.2); color: #333; text-align: center; margin-top: 1em; margin-bottom: 0; }	hr:after { content: "😛"; display: inline-block; position: relative; top: -0.7em; padding: 0 0.25em; background: white; vertical-align: middle; font-size: 1.5em; } /* Alternating row colors for wikitables //Colors not set up yet .wikitable tr:nth-child(even) { background-color: #666; background-color: rgba(255,255,255,0.05) }	.wikitable tr:nth-child(odd) { background-color: #333; background-color: rgba(0,0,0,0.05) }	.wikitable thead tr th { background-color: #0a3073; }	.wikitable tr:hover { background-color: #1f2f3f; background-color: rgba(0,31,63,0.5); }*/ /* ####################################################################### */ /* ### SPECIALTY STYLES												  ### */ /* ####################################################################### */ /* All-site notice--Not Okay */ #WikiaRail::before { color: #FFF; font-size: 14px; content: "⚠️ Site is under construction—Please pardon the errors! (css v.42)"; padding: 15px; background-color: #69f; display: block; visibility: visible; margin-bottom: 10px; background-image: repeating-linear-gradient(-75deg, rgba(0,0,0,.15), rgba(0,0,0,.15) 15px, transparent 15px, transparent 70px); border: 3px solid #fd0; border-left: 10px solid #fd0; } /* All-site notice--Clear //Keep around even if unused #WikiaRail::before { color: #424242; font-size: 14px; content: "Please Note: Something"; padding: 15px; background-color: #feffff; display: block; visibility: visible; margin-bottom: 10px; border: 1px solid #9cf; border-left: 10px solid #9cf; }*/ /* Formatting for link lists */ .linkList ul { list-style: none; margin: 0; }	.linkList ul li { border-left: solid 1px #69f; display: inline-block; padding-left: .5em; padding-right: .5em; }	.linkList ul li:first-child { border: none }	.linkList ul li a { color: #69f } /* 50% Transparent for "grayed-out" items */ .grayed-out { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } /* User tags */ a.tag { /* Qualified per instructions at http://dev.wikia.com/wiki/UserTags */ color: inherit; }	.head-admin-user, .bureaucrat-user, .sysop-user { background-color: #d8e3ff !important; /* Must use !important here */ background-color: rgba(255,255,255,0.75) !important; /* Must use !important here */ }	.head-admin-user::before { content: "👑"; display: inline-block; margin-right: 0.3em; }	.bot-user::before, .bot-global-user::before { content: "🔧"; display: inline-block; margin-right: 0.3em; }	.inactive-user::before, .former-admin-user::before, .inactive-bureaucrat-user::before, .inactive-sysop-user::before { content: "❌"; display: inline-block; margin-right: 0.3em; }	.newuser-user::before { content: "🔰"; display: inline-block; margin-right: 0.3em; }	.blocked-user { background-color: #b04882 !important; /* Must use !important here */ background-color: rgba(255,0,0,0.5) !important; /* Must use !important here */ color: white; }	.blocked-user::before { content: "🚫"; display: inline-block; margin-right: 0.3em; text-shadow: #000 0 .1em .1em; } /* Fancy image thumbs */ .cover { width: 360px; height: 360px; background: #E5E5E5; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; margin-top: 60px; margin-bottom: 60px; }	.cover:before { content: ''; display: block; width: 50%; height: 100%; float: left; background: #fff url(https://images.wikia.nocookie.net/__cb20140512083443/iynque/images/thumb/1/17/Iynque-pixie-portrait-512.png/300px-Iynque-pixie-portrait-512.png) no-repeat left center; background-size: 200%; box-shadow: inset 0 8px 0 #e1e1e1,inset 8px 0 0 #e1e1e1,inset 0 -8px 0 #e1e1e1; }	.cover:after { content: ''; display: block; width: 50%; height: 100%; float: left; position: absolute; margin-top: -338px; background: #fff url(https://images.wikia.nocookie.net/__cb20140512083443/iynque/images/thumb/1/17/Iynque-pixie-portrait-512.png/300px-Iynque-pixie-portrait-512.png) no-repeat right center; background-size: 200%; margin-left: 180px; box-shadow: inset 0 8px 0 #e1e1e1,inset -8px 0 0 #e1e1e1,inset 0 -8px 0 #e1e1e1; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; }	.cover:hover:after { -webkit-transform: rotateY(-65deg); -moz-transform: rotateY(-65deg); -ms-transform: rotateY(-65deg); -o-transform: rotateY(-65deg); transform: rotateY(-65deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0 50%; -moz-transform-origin: 0 50%; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; box-shadow: inset 0 8px 0 #e1e1e1,inset -8px 0 0 #e1e1e1,inset 0 -8px 0 #e1e1e1,inset 6em 0 5em rgba(0,0,0,0.3),3em 0 2.5em rgba(0,0,0,0.25); }	.cover .inner-controls { position: relative; height: 94%; }	.cover .inner-controls ul { float: right; height: 100%; width: 90px; padding: 0 0; }	.cover .inner-controls ul li { font-size: 3em; float: left; list-style: none; height: 34%; width: 100%; background: #e5e5e5; box-shadow: 0 -1px 0 rgba(255,255,255,0.3); text-align: center; line-height: 2; border-top: 1px solid rgba(255,255,255,.5); border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0; margin-top: 0; margin-bottom: 0; }	.cover .inner-controls ul li:hover { background: #d8d8d8; }	.cover .inner-controls ul li:hover a { color: #69c; }	.cover .inner-controls ul li:active { background: #cecece; box-shadow: 0 -1px 0 rgba(255,255,255,0.3),inset 0 0.1em 0.8em rgba(0,0,0,0.25); }	.cover .inner-controls ul li:active a { color: #69c; text-shadow: #05f 0 0 1em; }	.cover .inner-controls ul li a { text-decoration: none; color: #c1c1c1; text-shadow: 0 -1px 0px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.8); float: left; width: 100%; height: 100%; line-height: 2.4; }   div.article-comm-text { background-color: transparent; } /* ####################################################################### */ /* ### TEMPORARY BUG FIXES											  ### */ /* ####################################################################### */ /* None currently */ /* ####################################################################### */ /* ### Experiments     											   ### */ /* ####################################################################### */ /* Hover images */ .imgUnder { overflow: visible; display: inline-block; position: relative }   .imgOver { display: block; visibility: hidden; width: inherit; height: inherit; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }   .imgUnder:hover .imgOver { visibility: visible !important; } /* Multi-column layouts (MCL) */ .MCL-2col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }   .MCL-3col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }   .MCL-2col, .MCL-3col { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }       /* Styles for when we have less than 1600px to work with */ @media screen and (max-width:1600px) { .MCL-3col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }       }            /* Styles for when we have less than 1440px to work with */ @media screen and (max-width:1440px) { .MCL-2col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 }           }                /* Styles for when we have less than 800px to work with */ @media screen and (max-width:800px) { .MCL-3col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }               }    .columnItem { display:inline-block; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; }   .MCL-3col h1, .MCL-3col h2, .MCL-3col h3, .MCL-3col h4, .MCL-3col h5, .MCL-3col h6, .MCL-2col h1, .MCL-2col h2, .MCL-2col h3, .MCL-2col h4, .MCL-2col h5, .MCL-2col h6 { -webkit-column-span: all; -moz-column-span: all; column-span: all; } /* ##################### END OF MediaWiki:Wikia.css ##################### */