MediaWiki:Wikia.css

/* font-face */ @import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Fresca'); @import url('https://fonts.googleapis.com/css?family=Oswald'); @import url("/MediaWiki:Tooltips.css?ctype=text/css&action=raw");/*Current Tooltips.js */ @import url("/MediaWiki:ImageTooltip.css?ctype=text/css&action=raw");

/* Hide Content on Desktop */ @media screen and (min-width: 322px) { .hiddendesktop, .HiddenDesktop, .Hiddendesktop, .hiddenDesktop, .HIDDENDESKTOP { display: none; } } /* Animated Link Highlighting */ a { transition: color 0.2s ease-in; } a:hover { color: #666666; text-decoration: none; } /*================================================================= = =                      Wikia Content Changes =

=
====================================================*/ /* All CSS that changes the display of core Wikia content/features should go here, with an explanation of what it does and why it's being used. If it was approved through Wikia, add a note with (Your Username/Staff Username; Mmm DD, YYY). This is mainly here to reduce the workload on staff of sorting through a massive CSS file if they see something they dislike. /* Display Share Buttons & Pages on Wiki as a row instead of stacking them. This is to conserve vertical space near the header. Not Approved, shouldn't violate customization guidelines. */ .header-column.header-tally { display: inherit; } display: inherit; } /* Hide Sub Namespace from the Search bar by default, although this is a content namespace, these are "low importance" pages that are usually navigated to from another page (Such as Servant Dialogue or Interludes). Approved (ChuckTerry/Timothy Quievryn; Feb 23, 2016). */ .autocomplete div[title^=Sub\:] { display: none; } /* Because of how cascading categories work (ignoring includeonly and such), hide the GUI Add Category Button. Adding them from the source editor makes management a WHOLE lot easier. Not Approved, though needed based on how we handle categories. */ display: none; } /*================================================================= = =                         Main Page Styling =
 * 1) PageShareContainer {
 * 1) CategorySelectAdd {

=
====================================================*/

/* ==================== Twitter Box ==================== */ .twitter_wrap { width: 540px; background: url("https://vignette.wikia.nocookie.net/fategrandorder/images/1/1d/Frame_info_repeat.gif") repeat-y center; position: relative; float: left; } .twitter_wrap:before { content: url("https://vignette.wikia.nocookie.net/fategrandorder/images/d/d1/Frame_info_head.gif"); position: absolute; left: 0; top: -20px; } .twitter_wrap:after { content: url("https://vignette.wikia.nocookie.net/fategrandorder/images/c/c1/Frame_info_bottom.gif"); position: absolute; left: 0; bottom: -20px; } .twitter_wrap h2 { text-align: center; } .twitter_wrap .btn_more { text-align: center; } .twitter_wrap { float: right; } .twitter_wrap .widget { margin-bottom: 20px; } /*================================================================= = =                         Infobox Styling =

=
====================================================*/ /* ==================== Standard Infobox ==================== */ .infobox { border: 1px solid #cccccc; background-color: transparent; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 2px solid #ededed; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* Hide picture attribution */ .attribution {display:none ; } /* ==================== Tabber ==================== */ .infobox .tabber { display: none; } .infobox div.tabberlive { margin-top: 0; } .infobox .tabberlive ul.tabbernav li a { border: none; background: #3d3d3d; padding: 3px 0.5em; margin-left: 3px; } .infobox .tabberlive ul.tabbernav li a:hover { background: none; } .infobox .tabberlive ul.tabbernav li a:link { color: #a6a6a6; font-size:9px } .infobox .tabberlive ul.tabbernav .tabberactive a:link { color: #474747; } .infobox .tabberlive div.tabbertab { padding:0; border: none; } .infobox .tabberlive div.tabbertab p { margin: 0; } .infobox .tabberlive ul.tabbernav { border-bottom: none; border-top: 5px solid black; padding: 3px 0; } .infobox .tabberlive ul.tabbernav li a:hover { background: none; } .infobox .tabberlive div.tabbertab { border: none; } .infobox .tabberlive ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; } .infobox .tabberlive ul.tabbernav { padding: 3px 0; } .infobox .tabberlive ul.tabbernav li { display: inline-block; margin-top: 8px; } .infobox .tabberlive ul.tabbernav { margin-top: -8px; } .infobox .tabberlive ul.tabbernav li:first-child { border-left: none; }

/** Navbox template **/ .navbox { background-color: #454545; border-radius: 0px; border: 1px solid #CCCCCC; box-shadow: none; margin-bottom: 10px; padding: 0px; text-align: center; width: 100%; /**background-image:; **/ background-position: center bottom; background-repeat: no-repeat; } .navboxhead { background-color: #1c1c1c; color: #000000; font-size: 14px; margin: 0 auto; padding: 2px 0; text-align: center; } .navboxhead a { color: #3A3A3A; } .navboxgroup { background-color: #1c1c1c; font-weight: bold; text-align: center; width: 15%; } .navboxfooter { background-color: #1c1c1c; color: #000000; font-size: 14px; margin: 0 auto; padding: 2px 0; text-align: center; } .navboxcell { background-color: #404040a; } /** Navbox-flipped template **/ .navbox-flipped { background-color: rgba(255,255,255,0.5); border-radius: 0px; border: 1px solid #CCCCCC; box-shadow: none; margin-bottom: 10px; padding: 0px; text-align: center; width: 100%; /**background-image:url("https://vignette.wikia.nocookie.net/fategrandorder/images/1/1d/Bg_logo.png");**/ background-position: center bottom; background-repeat: no-repeat; } /* ==================== Portable Infobox ==================== */ /* Wrapper Styling */ .pi-theme-wikia { text-align: left; font-size: 85%; background-color: transparent; border: 1px solid #CCCCCC; border-radius: 10px; width: 240px; } /* Styles the Infobox Title */ .portable-infobox .pi-title { text-align: center; font-size: large; font-weight: bold; line-height: 1.2em; background: #363636; color: white; margin: 5px 5px; padding-top: 8px; padding-bottom: 8px; font-style: normal; border-radius: 5px; } /* Adds a 5% Blank Area to the edges of the Images */ .pi-image a img { width:90%; height:90%; } /* Style Gallery Tabs for Images */ .pi-image-collection-tabs { font-size: 9px; line-height: 8px; padding: 3px 0.5em; border: none; } /* Make the 5% Area above Transparent */ .pi-image-collection-tab-content { margin: 0; background: transparent; } /* Styles Non-Collapsible Headers */ .portable-infobox .pi-header { text-align: center; font-size: small; background: #424242; color: white; margin-top: 2px; margin: 2px 5px; padding-top: 1px; padding-bottom: 1px; font-style: normal; border-radius: 5px; } /* Styles Collapsible Headers */ .pi-collapse .pi-horizontal-group .pi-header, .pi-collapse .pi-header { background: #b8b8b8; color: #4a4a4a; } /* Remove horizontal borders between data sets */ .portable-infobox .pi-group, .pi-group .pi-data { border: none; } /* Increase the Area available for the Labels */ .pi-data-label { flex-basis: 180px; } /* Template:PI-Nester Styles (Fixes Borders) */ .pi-group-nested .pi-header::after { border-style: none; } .pi-data:last-of-type + .pi-group { border-top-style:none; } /*================================================================= = =                         Template Styling =

=
====================================================*/ /* See Portable Infobox section fo Template:PI-Nester */ /* ==================== Template:Inum ==================== */ /* Wrapper */ .InumWrapper { display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; position:relative; } /* Image */ .InumIcon { display:-webkit-inline-box; display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; } /* Invisible Image for Linking */ .InumIconTop { position:absolute; bottom:1px; left:0; opacity:0; } /* Desktop Text Styles/Position */ .InumWrapper > .InumNum { position:absolute; bottom: -4px; left: 2px; color: white; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-2px -2px 4px #000,2px -2px 4px #000,-2px 2px 4px #000,2px 2px 4px #000; } /* Mobile Text Styles/Position */ .InumMobileDisplay { color: white; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,-2px -2px 4px #000,2px -2px 4px #000,-2px 2px 4px #000,2px 2px 4px #000; } /* Hide on Desktop Display */ @media screen and (min-width:322px) { .InumMobileDisplay { display:none; } } /* ================= Template:PageNotice ================= */ .PageNotice { background-color: #2e2e2e; border: 1px solid #dedede; border-radius: 5px; } .PageNotice-Image { border: none; padding-left: 25px; } .PageNotice-Text { border: none; padding-left: 25px; padding-right: 25px; color: #dddddd; } /* =================== End Template Styles ========================== */ /* ==================== 1st & 2nd Generation Admin name colors ==================== */

/* ================= Custom Tabview =========================== */ /* Selected Tab */ ul.tabs li.selected a { background: Black !important; color: Black !important; border: 2px solid #d7d7d7 !important; border-bottom: none !important; } /* Normal Tab; NOT selected */ ul.tabs li a { background: Black !important; color: Black !important; border: 2px solid #d7d7d7 !important; border-bottom: none !important; } /* ==================== USER PROFILE BOX ==================== */ display: none !important; }	display: none !important; } .UserProfileMasthead .masthead-info { -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25); -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.25); zoom: 1; background-image: url('https://vignette.wikia.nocookie.net/fategrandorder/images/2/21/User_Profile_Decor.png'); margin-left: 165px; }
 * 1) UserProfileMasthead .tag-container .autoconfirmed-user {
 * 1) UserProfileMasthead .tag-container .rollback-user {

/* ==================== OGG Player ==================== */

/* ============================ Other Styles ============================ */ /* Hide "Servants with Skill" on Servant Pages */ .Servant .ServantsWithSkill { display: none; }

/* === USERBOXES === */ table.userbox { float:left; margin:0.2em; padding:0; border-width:1px; border-style:solid; } table.userbox td.left, table.userbox td.right { text-align:center; vertical-align:middle; font-size:1.6em; padding:0; } table.userbox td.main { padding:0 4px; vertical-align:middle; line-height:125%; font-size:0.9em; } table.userbox { border-color:#aaa; background:#f8f8f8; } table.userbox td.left, table.userbox td.right { background:#d8d8d8; } /* ============================ Test Styles =========================== */ .spoiler-msg{ /* For spoiler template for comments */ background:#7166c4; color:#7166c4; } .spoiler-msg:focus,.spoiler-msg:hover{ background:none; color:#3a3a3a; }

/* New Infobox Thingy Testing, See Gilgamesh's Page for a preview. */ .ServantInfoWrapper { border: 2px solid #cbc5f4; border-radius: 10px; margin: 10px 0 10px 0; padding: 0 7px 0 7px; /**background: url("https://vignette.wikia.nocookie.net/fategrandorder/images/e/e6/Magic_Circle_SPS.png/revision/latest?cb=20170526002157") #353535 no-repeat center;**/ } .ServantInfoWrapper ul.pi-image-collection-tabs li:not(.current) { background: #969696; } .ServantInfoClass { display: inline; position: relative; top: -10px; right: 7px; } .ServantInfoName { display: inline; font-size: 2.2em; font-family: Times New Roman, Serif; position: relative; top: 2px; } .ServantInfoStars { float: right; width: 240px; text-align: center; font-size: 30px; } .ServantInfoStatsWrapper { width: calc(100% - 248px); } .closetable { width: 100%; } .ServantInfoAsideWrapper .portable-infobox { margin: 0; background: #2b2b2b; } .ServantInfoAsideWrapper { float: right; } .ServantInfoWrapper ul.pi-image-collection-tabs li.current { text-decoration: underline; } .ServantInfoAsideWrapper .pi-image-collection-tabs { padding-top: 5px; } .ServantInfoAsideWrapper .pi-image-collection { padding-bottom: 5px; } .ServantInfoStars p { margin: 6px 0 0 0; } .ServantInfoNav { clear: both; margin:15px auto 10px auto; border-spacing: 0; text-align: left; }

.ServantInfoNav tr td a { padding:10px 15px; } .celldivider{ border-bottom: 1px solid #cccccc; } .ServantInfoNav td:not(.lastcell) { border-right: 1px solid #cccccc; } /* ============================ Timeline =========================== */

position:absolute; background:#ED473B; left:60%; top:0px; color:white; padding:0px 10px; }
 * 1) dataYear{

.timeline{ width:100%; margin:10px 0px 300px 0px; padding-top:50px; position: relative; overflow:auto; border-bottom:2px solid #f1f1f1;

} .timeline:before { content: ''; display: block; position: absolute; left: 49.5%; top: 120px; width: 3px; height: 92%; background: #666; } .year{ transition: all 0.4s ease-in-out;

width:100%; margin-bottom:50px; position: relative; overflow:auto; } .evt{ min-height:100px; width:100%; margin-bottom:20px; position:relative;

}

.date{ transition: all 0.2s ease-in-out; display: block; width: 8%; position: absolute; top: 10px; left: 45.7%; line-height:60px; border-radius: 100%; font-size: 16px; background: #fff; color:#333; font-weight:900; text-align:center; border: 2px solid #fff; } .activeYear{ background:#ED473B; color:#fff; border-color:#fff; }

/* Blogs START Blogs START Blogs START Blogs START Blogs START Blogs START*/ .recent { width:49.25% !important; height:100% } .popular { width:49.25% !important; height:100%; float:right }

.administration { width:100% !important; } .administration .mainpage-header-sub { text-align:center } float:left; width:49.25% } float:right; width:49.25% } /* Blogs END Blogs END Blogs END Blogs END Blogs END Blogs END Blogs END */
 * 1) insideAdministrationLeft {
 * 1) insideAdministrationRight {

.WikiaArticle ul.tabbernav, .WikiaArticle .tabbertab-borderless ul.tabbernav, .WikiaArticle .tabbertab-bordered ul.tabbernav {   background-color: #525252; padding: 10px; border: none; text-align: center; color: #FFF; font-weight:normal; text-transform:uppercase; } .WikiaArticle ul.tabbernav li a, .WikiaArticle .tabbertab-borderless ul.tabbernav li a, .WikiaArticle .tabbertab-bordered ul.tabbernav li a { border: none; background: black; text-decoration: none; color: white; } .WikiaArticle ul.tabbernav li a:link, .WikiaArticle .tabbertab-borderless ul.tabbernav li a:link, .WikiaArticle .tabbertab-bordered ul.tabbernav li a:link {   color: white; } .WikiaArticle ul.tabbernav li a:hover, .WikiaArticle .tabbertab-borderless ul.tabbernav li a:hover, .WikiaArticle .tabbertab-bordered ul.tabbernav li a:hover {   background-color:transparent; } .WikiaArticle ul.tabbernav li.tabberactive a, .WikiaArticle .tabbertab-borderless ul.tabbernav li.tabberactive a, .WikiaArticle .tabbertab-bordered ul.tabbernav li.tabberactive a { border-bottom: none; background-color: #808080; padding:8px; color: white; }

/* Global Page Background */ /* #WikiaPageBackground, .WikiaPageBackground { background: #ebebeb url('https://vignette.wikia.nocookie.net/fategrandorder/images/d/db/Background_pattern.gif') repeat; } OLD VER */ background: #2b2b2b0 url('https://vignette.wikia.nocookie.net/fategrandorder/images/5/52/Bg-duel.png') repeat; }
 * 1) WikiaPageBackground, .WikiaPageBackground {

/* Global Page Background */

/* - */

.bg_saber { background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/9/9a/BG_Saber.png') no-repeat #d1ebeb center; background-size: 45%; font-weight: bold; color: #114E4D; text-align: center; }

.bg_archer{ background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/1/1a/BG_Archer.png') no-repeat #f7edc5 center; background-size: 45%; font-weight: bold; color: #574318; text-align: center; }

.bg_lancer{ background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/2/2b/BG_Lancer.png') no-repeat #eccdc8 center; background-size: 45%; font-weight: bold; color: #311011; text-align: center; }

.bg_rider{ background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/e/e2/BG_RIder.png') no-repeat #d5ebd1 center ; background-size: 40%; font-weight: bold; color: #183116; text-align: center; }

.bg_caster{ background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/d/d0/BG_Caster.png') no-repeat #dec6ec center; background-size: 40%; font-weight: bold; color: #431D4E; text-align: center; }

.bg_assassin{ background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/b/b2/BG_Assassin.png') no-repeat #A4A4A4 center; background-size: 45%; font-weight: bold; color: #121212; text-align: center; }

.bg_berserker{ background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/d/df/BG_Berserker.png') no-repeat #C9BFB9 center; background-size: 40%; font-weight: bold; color: #2B1D0E; text-align: center; }

.bg_extra{ background: url('https://vignette.wikia.nocookie.net/fategrandorder/images/d/d8/Binny_08.png') no-repeat #A4AFD8 center; background-size: 60%; background-color: #A4AFD8; font-weight: bold; color: #170E37; text-align: center; }

/* table background */ /* #####END_STYLESHEET##### */