MediaWiki:Wikia.css

/* Sen no Kiseki IV theme */

/* Fonts */ html body, .WikiaArticle #toctitle h2 { font-family: "Noto Sans", sans-serif,"Sawarabi Mincho","Helvetica Neue",Helvetica,Arial,sans-serif; }

h1 { font-family: "Prosto One", cursive,"Helvetica Neue",Helvetica,Arial,sans-serif; }

.mw-content-ltr { line-height: 2.1em; }

.toc { max-width: 100% !important }

/* Backgrounds */ .pi-image, .portable-infobox, .pi-border-color, .pi-border-color a, .portable-infobox .pi-title, .portable-infobox .pi-header, .wds-tabs__tab, .pi-image-collection-tab-content, ul.pi-image-collection-tabs, ul.pi-image-collection-tabs li.current { background-color:transparent !important; }

.WikiaPage .WikiaPageBackground, .LightboxModal .media { background-image: url(https://i.imgur.com/0cqNEDv.png); background-color: #f9f9f9; }

.pi-image { background-image: none }

/* Hide infobox title */ .portable-infobox .pi-title { display: none }

.portable-infobox .pi-item-spacing, .WikiaArticle .toc, li.pi-tab-link.pi-item-spacing { border: 0; }

.portable-infobox .pi-item-spacing, .WikiaArticle .toc, blockquote.q { border-left: solid 6px; padding-left: 15px; border-color: #009994; }

.portable-infobox .pi-data-label, .portable-infobox .pi-item-spacing, .pi-border-color a, ul.pi-image-collection-tabs li.current { color: #009994 }

.pi-data, .pi-group { border-bottom:none !important; }w

.pi-horizontal-group .pi-horizontal-group-item:not(:first-child){ border-style:none !important; }

.WikiaPage .page-header__separator { display:none; }

.WikiaArticle h2, h2, ul.tabbernav li.tabberactive a { font-family: "Prosto One", cursive; border-bottom:0; }

/* Recolouring the Edit/Comment buttons */ .WikiaPage .page-header :not(.wds-is-text):not(:disabled):not(.wds-is-secondary).wds-button:focus, .WikiaPage .page-header :not(.wds-is-text):not(:disabled):not(.wds-is-secondary).wds-button:hover, .WikiaPage .page-header :not(.wds-is-text):not(:disabled):not(.wds-is-secondary).wds-button:active, .WikiaPage .page-header :not(.wds-is-text):not(:disabled):not(.wds-is-secondary).wds-button.wds-is-active { background-color: #009994; }

.WikiaPage .page-header :not(.wds-is-text):not(.wds-is-secondary):not(:disabled).wds-button, .article-table th, .mw-parser-output .article-table th .portable-infobox .pi-title, .pi-secondary-background { background-color: #13384c; border: none; }

/* Tabber */ .tabber .tabbertab { padding: 0px }

blockquote { margin-left: 3px !important; margin-top: 0px !important; border-left: 6px solid #009994; background-color: transparent; padding: 10px 20px; font-size: 16px !important; }

ul.tabbernav { border:none !important; }

ul.tabbernav .tabberactive a { background-color: transparent !important; color: #009994 !important; }

ul.tabbernav li a { background-color: transparent !important; color: #009994 !important; border:none; }

li.tabberactive a { text-decoration: underline; }

/*.WikiaArticle div.gallerybox div.thumb,*/ .WikiaArticle li.gallerybox div.thumb { background: transparent; border: none; }

.WikiaArticle li.gallerybox { border:none; }

/* End of template */

.wds-community-header::before { background: linear-gradient(to bottom, #006378 1%,#13384c 100%); color: #fff }

a { color: #006378; text-decoration: none; }

.article-table th, .mw-parser-output .article-table th, .portable-infobox .pi-title, .pi-secondary-background { background-color: #13384c; border: none; }

.portable-infobox .pi-title, .article-table th, .mw-parser-output .article-table th { color: white; text-align: center; }

ul.pi-image-collection-tabs, { background-color: #006378; color:#fff; }

ul.pi-image-collection-tabs li { border: 0px; }

a:hover, .article-table-sub-header a:hover { color: #009994; text-decoration: none; transition: .3s }

.wds-community-header::before { background: linear-gradient(to bottom, #006378 1%,#13384c 100%); color: #fff }

ul.pi-image-collection-tabs { background-color: #006378; color:#fff; }

ul.pi-image-collection-tabs li { border: 0px; }

a:hover { color: #009994; text-decoration: none; transition: .3s }

.wds-tabs__tab{ background-color: #f2f2f2; padding-right:10px; border-radius: 10px 5px 0px 0px; margin-right: 2px;

}

.wds-community-header .wds-tabs__tab:hover { color:#009994 }

.wds-community-header__wordmark { max-width:400px }

.wds-community-header .wds-dropdown__content { background-color:#f2f2f2; border-color: #13384c; border-top:none; border-radius:0px; box-shadow: 2px 2px 2px #888888; }

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li:hover > a { background-color:#009994; color:#fff; font-size:12px; }

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked li > a { font-size:12px; }

.wds-community-header .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content { background-color:#f2f2f2; border-color: #13384c; border-top:none; border-left:none; border-radius:0px; box-shadow: 2px 2px 2px #888888; }

.portable-infobox .pi-title, .portable-infobox .pi-header { -webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 99%, 0 15%, 23% 0); clip-path: polygon(100% 0, 100% 60%, 95% 100%, 0 99%, 0 0%, 0% 0); }

.navbox-header, th.none { -webkit-clip-path: polygon(1% 0, 100% 0, 100% 75%, 99% 100%, 0 100%, 0 25%); clip-path: polygon(1% 0, 100% 0, 100% 75%, 99% 100%, 0 100%, 0 25%); }

.navbox { border: 0px solid #13382c; /* theme color */ border-radius: 0px; clear: both; font-size:75%; width: 100%; } .navbox-header { background:#13384c; /* theme color */ border-radius:0px; text-align:center; font-size:16px; padding-right: 15px; padding-top: 4px; text-align: center; padding: 4px; margin-bottom: 4px; margin-right: -15px; margin-top: -4px; margin-left: 10px; }

.article-table-sub-header, .article-table-sub-header a { background-color: #005a73; color:white; font-size:12px; text-align: center }

/* unvisited link a:link { color: #044a68; }

/* visited link a:visited { color: #247395; }

/* selected link a:active { color: #606060; } */

/* Hide compulsory 'Kiseki Wiki' sitename */

.wds-community-header .wds-community-header__sitename a { display:none }

/* Glowing test */ .image1:hover { -webkit-animation-name: glow; -webkit-animation-duration: 2.7s; -webkit-animation-iteration-count: infinite; animation-name: glow; animation-duration: 2.7s; animation-iteration-count: infinite; }

@-webkit-keyframes glow { 0% {-webkit-filter: brightness(100%)} 50% {-webkit-filter: brightness(130%)} 100% {-webkit-filter: brightness(100%)} }

@keyframes glow { 0% {filter: brightness(100%)} 50% {filter: brightness(130%)} 100% {filter: brightness(100%)} }

.pointer:hover:after { content: url(https://i.imgur.com/cb9kAXR.pngg); display: block; position: absolute; left: -14px; top: -15px; }

/* Make sort arrows white for sortable article-tables */ table.article-table.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: white; } table.article-table.jquery-tablesorter.sortable th.headerSort :first-child.chevron { border-color: transparent transparent white; }

/* Exception for a better display of the Stigmas */ div#Kevin_Graham_-_Stigma_-28Ao_Evo-29-png:hover, div#Wazy_Hemisphere_-_Stigma_-28Ao_Evo-29-png:hover { background: #000; transition: .3s; }

ol.references, div.reflist, div.refbegin { font-size: 90%; }

/* .wds-community-header__wordmark { margin: 20px 0 20px 0px; } */

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

ul.pi-image-collection-tabs { font-size: 12px; }

blockquote.WikiaArticle { background: #d8d8d8; border-left: 10px solid #ccc; margin: 12px 40px; }

.percent-bar-overlap > img ~ img { margin-left: -4px; }

/* hide irremovable tags under tabbers */ .tabberlive .tabbertab > p:empty { display: none; }

/* tabber padding */ .tabberlive .tabbertab { padding: 0px 0px 0px 3px; }

/* table in tabber margin */ .tabberlive .tabbertab table { margin-top: 0; }

figcaption.pi-item-spacing.pi-caption, figcaption.pi-item-spacing.pi-caption a { background: #005a73; font-style: normal; text-align: center; color: #fff; }

/* blockquote */ blockquote {

}

/* blockquote lyrical */ blockquote.lyrical { white-space: pre-wrap; }

/* For Template:OrbmentLayout */ tr.orbment-entry-line-1, .orbment-layout.orbment-Sora-FC .orbment-line-1, .orbment-layout.orbment-Sora .orbment-line-1 { background: #FFEEA5; } tr.orbment-entry-line-2, .orbment-layout.orbment-Sora-FC .orbment-line-2, .orbment-layout.orbment-Sora .orbment-line-2 { background: #A5D6FF; } tr.orbment-entry-line-3, .orbment-layout.orbment-Sora-FC .orbment-line-3, .orbment-layout.orbment-Sora .orbment-line-3 { background: #7FC184; } tr.orbment-entry-line-4, .orbment-layout.orbment-Sora-FC .orbment-line-4, .orbment-layout.orbment-Sora .orbment-line-4 { background: #DB9090; } .orbment-layout.orbment-Sora-FC .orbment-slot { background: #f1dd69 !important; } .orbment-layout.orbment-Sora .orbment-slot { background: #43def3 !important; } .orbment-entry-Akatsuki tr.orbment-entry-line-4 { background: #7FC184; } .orbment-entry-Akatsuki tr.orbment-entry-line-3 { background: #DB9090; }

th a { color: #fff; }

.tabberlive .tabbertab { border:none !important; }

ul.tabbernav, table.mw-collapsible.mw-made-collapsible.mw-collapsed { border-bottom: 0px; }

/* Mbox */

.mbox { --type-important: #ff4400; /* citations, errors */ --type-moderate: #009994; /* spoilers */ --type-minor: #13384c; /* stubs, disambigs */ display: flex; position: relative; background-color: rgba(255, 255, 255, 0.7); border: 1px solid #d6d6d6; border-left-width: 8px; border-left-color: #13384c; border-radius: 3px; margin: 4px 10%; min-height: 32px; }

.mbox.mbox-type-important { border-left-color: var(--type-important); } .mbox.mbox-type-moderate { border-left-color: var(--type-moderate); } .mbox.mbox-type-minor { border-left-color: var(--type-minor); } .mbox__content { display: table; box-sizing: border-box; width: 100%; padding: 8px 15px; } .mbox__content__image { display: table-cell; width: 40px; height: 100%; text-align: center; vertical-align: middle; padding-right: 15px; } .mbox__content__wrapper { display: table-cell; vertical-align: middle; } .mbox__content__header { display: block; font-weight: bold; } .mbox__content__text { display: block; } .mbox__content__text__comment { font-size: small; } .mbox__content__aside { display: table-cell; width: 100px; vertical-align: middle; text-align: center; padding-left: 15px; border-left: 1px solid #d6d6d6; } .mbox__close { position: absolute; right: 0; top: 0; padding: 2px 7px; font-weight: bold; font-size: 16px; color: #bbb; cursor: pointer; transition: all .15s ease-in; } .mbox__close:hover { color: #777; } .mbox__close:after { content: '×'; } .mw-collapsed + .mbox__close { transform: rotate(45deg); padding: 4px 7px 5px 2px; }

/*** Reddit-style spoilers ***/ .spoiler, .spoiler * { color: transparent!important; -webkit-transition: background 0.7s, color 0.7s; transition: background 0.7s, color 0.7s; } .spoiler { background: #D5D4D4; padding: 2px 5px; } .spoiler:hover { background: rgba(255, 255, 255, 0.1); color: inherit!important; } .spoiler:hover * { background: transparent; color: inherit!important; } .spoiler:hover a { color: #4A89E4!important; } .spoiler:hover a.new { color: #CC2200!important; }