MediaWiki:Wikia.css

/* Global font adjustments */ html { /* Adjust font size */ /* Font varient */ font-variant-ligatures: none; -webkit-font-variant-ligatures: none; /* Smoothing */ text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; }

/* Unit page tables */ .basic_info_table { border: 2px solid #cccccc; background-color: #f2f2f2; border-radius: 6px; font-size: 0.8125em; }

.basic_info_table td, th{ border: 1px solid #cccccc; border-radius: 2px; }

.basic_info_table th{ background-color: #cceeff; border: 1px solid #cccccc; }

.basic_info_table td{ background-color: #fff; }

tr > .nameofblock{ border-radius: 2px; background-color: #4080bf; color: white; }

/* Item page tables */ .item_info_table { background-color: #f2f2f2; border-radius: 6px; font-size: 1em; line-height: normal; }

.item_info_table td, th{ border: 1px solid #cccccc; border-radius: 2px; }

.item_info_table th{ background-color: #cceeff; border: 1px solid #cccccc; }

.item_info_table td{ background-color: #f5f5f5; }

/* Tables for tabbers with no borders */ .tabs_info_table { background-color: #fff; border-radius: 6px; font-size: 1em; line-height: normal; text-align: center; }

.tabs_info_table td, th{ border: none; border: 0px solid #cccccc; }

.tabs_info_table th{ background-color: #cceeff; border: 0px solid #cccccc; }

.tabs_info_table tr:nth-child(odd) { background-color: #fff; }

/* Unit list table */ .unit_list_table { border: 0px outset #cccccc; background-color: #fff; border-radius: 6px; font-size: .9em; font-weight:500; margin-right: 30px; margin-left: 5px; font-family: Tahoma, Geneva, sans-serif; }

.unit_list_table th{ background-color: #fff; color: #fff; border: 2px outset #cccccc; }

.unit_list_table td, th{ padding: 0.3em; border-radius: 3px; }

.unit_list_table td{ border: 1px outset #ccc; }

.unit_list_table tr:hover { background-color: #cceeff; transform: translateX(-1px); }

/* Slots table customization */ .slots { font-family: Arial Black; font-weight: 100; text-shadow: #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px, #000 0px 0px 1px; }

/* Custom sprite player */ .spriteplayer { width: 128px; height: 42px; display: block; margin: auto; text-align: center; background-image: url("https://vignette.wikia.nocookie.net/gurasama/images/1/14/Stars_rank_animation_sprite.png/revision/latest?cb=20181127160030&format=original"); animation: sprite 3.06s steps(41) infinite; } @keyframes sprite { 49%, 100% {      background-position: -5248px; } }

/* Tabber Unit Page */ .tabberlive { /* tabber wrapper style */ width: auto; height: auto; } .tabberlive > .tabbertab:not(.tabbertabhide) { /* tabber visible content */ } .tabberlive > .tabbernav > li > a { /* tabber tabs */ } .tabberlive > .tabbernav > li > a:hover { /* tabber tabs when being hovered */ } .tabberlive > .tabbernav > li > a:active { /* tabber tabs when being clicked */ } .tabberlive > .tabbernav > li.tabberactive > a { /* selected tabber tab */ width: auto; height: auto; } .tabberlive > .tabbernav > li.tabberactive > a:hover { /* selected tabber tab when being hovered */ } .tabberlive > .tabbernav > li.tabberactive > a:active { /* selected tabber tab when being clicked */ }

.tabberequip { /* tabber tabs */ border: 0px solid #fff; }

/* Multi-page individual CSS */ .page-Unit_page_helpdoc .helpersheet > .thelperwrap { margin: 0.1rem; background-color: #fff; padding: 0.2rem; }

.page-Unit_page_helpdoc .thelper { -moz-box-shadow: inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff; box-shadow: inset 0px 1px 0px 0px #ffffff; background: -webkit-gradient(   linear,    left top,    left bottom,    color-stop(0.05, #ffffff),    color-stop(1, #f6f6f6)  ); background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%); background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr="#ffffff",      endColorstr="#f6f6f6",      GradientType=0    ); background-color: #ffffff; border: 1px solid #dcdcdc; display: inline-block; cursor: pointer; color: #595759; font-family: Verdana; font-size: 15px; padding: 3px 4px; text-decoration: none; }

.page-Unit_page_helpdoc .thelper:hover, .thelper.hover { background: -webkit-gradient(   linear,    left top,    left bottom,    color-stop(0.05, #f6f6f6),    color-stop(1, #ffffff)  ); background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%); background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr="#f6f6f6",      endColorstr="#ffffff",      GradientType=0    ); background-color: #f6f6f6; }

.page-Unit_page_helpdoc .thelper:active, .thelper.active { position: relative; top: 1px; }

/* Gradient and shadows emulating Grand Summoners font */ .gradient-shadow { position: relative; font-family: Tahoma, Geneva, sans-serif; font-weight: 700; }

.gradient-shadow div { background: linear-gradient(   to bottom,    #e5fafe 0%,    #96b1d2 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr="#e5fafe",      endColorstr="#96b1d2",      GradientType=0    ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; width: 100%; }

.gradient-shadow:after { text-shadow: 1px 1px 2px red; color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255,0.2); }

.gradient-shadow:after { content: attr(   title  ); /* Pulls the text from the 'title' attribute to make the shadow */ text-shadow: 0px 0px 10px #011a27, 0px 0px 10px #011a27, 0px 0px 5px #000, 0px 0px 4px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000; }

/* GS golden font gradient and shadows */ .page-Grand_Summoners_Global_Wiki .title { background-image: -webkit-gradient(   linear,    left top,    left bottom,    color-stop(0%, #9bc7e2),    color-stop(100%, #9bc7e2)  ); background-image: -webkit-linear-gradient(#ffffff, #9bc7e2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #fff; position: relative; text-shadow: none; } .page-Grand_Summoners_Global_Wiki .title:before { background: none; content: attr(data-text); left: 0; position: absolute; text-shadow: 0 3px 0 rgba(0, 0, 0, 0.3); top: 0; z-index: -1; }

.page-Grand_Summoners_Global_Wiki .gradient-shadowgs { position: relative; text-align: center; transform: skew(-11deg, 0deg); -webkit-transform: skew(-11deg, 0deg); -moz-transform: skew(-11deg, 0deg); -o-transform: skew(-11deg, 0deg); -ms-transform: skew(-11deg, 0deg); font-family: Arial Black; font-weight: 700; }

.page-Grand_Summoners_Global_Wiki .gradient-shadowgs div { background: linear-gradient(   to bottom,    #fbb00e 0%,    #f7db22 20%,    #ffeaa0 50%,    #6f3200 55%,    #f29b09 65%,    #ffe84e 90%  ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr="#fbb00e",      endColorstr="#ffe84e",      GradientType=0    ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; width: 100%; }

.page-Grand_Summoners_Global_Wiki .gradient-shadowgs:after { text-shadow: 2px 2px 2px #000; color: transparent; }

.page-Grand_Summoners_Global_Wiki .gradient-shadowgs:after { content: attr(   title  ); /* Pulls the text from the 'title' attribute to make the shadow */ text-shadow: 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, 0px 0px 10px #000, -2px -2px 3px red, -2px -2px 3px red, -2px -2px 3px red, -2px -2px 3px red; }

/* Section headers trapeze shapes */ .corner-top-right-bevel { border-color: transparent transparent #cceeff transparent; border-style: solid; height: 0; }