Wikia.css

Latest revision as of 23:34, 13 March 2021

/*----------------------------------- Wiki PAGE -------------------------------*/
.WikiaPage {
    border: none;
    backdrop-filter: /*blur(3px)*/ saturate(2.5);
}

.WikiaPage .WikiaPageContentWrapper {
    background: #ffffff;
    background: rgb(255 255 255 / 0.92);
}

.WikiaPage .page-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button {
    border-left-color: #ffffff99 ! important;
}


.WikiaPage .page-header__separator {
    background-color: #25252524;
}

/*.WikiaArticle { overflow: unset; }*/

.mw-parser-output {
    overflow-x: unset;
}

.WikiaArticle h2 {
    border-bottom: none;
}

.WikiaMainContent h2 {
	border-bottom: none;
}

body.skin-oasis {
    background: #ffffff url(https://vignette.wikia.nocookie.net/boktai/images/5/50/Wiki-background/revision/latest?cb=20200306211030) top center no-repeat;
   background-size: cover;
}

body {
    color:#252525;
}

.WikiaArticle .toc {
    background-color: #ffffff;
    border: none;
    border-radius: 13px;
    box-shadow: 0px 3px 3px #8c8c8c60;
    opacity: 0.92;
}

.WikiaArticle .category-page__first-char {
    border-bottom: 1px solid #25252524;
}

.sprite.edit-pencil {
    background-image: none;
    display:none;
}

.wds-community-header .wds-dropdown__content {
    border: none;
    box-shadow: 0px 3px 3px #8c8c8c60;
    background-color: #ffffff !important;
    border-radius: 13px 13px;
}

.WikiaPage .page-header .wds-dropdown__content {
    border: none;
    box-shadow: 0px 3px 3px #8c8c8c60;
    background-color: #ffffff !important;
    border-radius: 13px 13px;
}

/*------------------------------- WIKIA RAIL MODULE ----------------------------*/

.WikiaRail .rail-module h2.has-icon svg {
    display:none;
}

.WikiaRail .rail-module h2.has-icon{
    display:block;
    text-align: center;
}

.WikiaRail .chat-module .chat-contents, .chat-module.ChatWidget .chat-contents {
    Text-align:center;
}

.WikiaRail .rail-module h2 {
    border-bottom: none !important;
}

.WikiaRail .premium-recirculation-rail h2 {
    Text-align:center;
}

.WikiaRail .rail-module {
    margin: 0 10px 30px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 13px;
    box-shadow: 0px 3px 3px #8c8c8c60;
    opacity: 0.92;
}

.article-categories {
    background-color: #ffffff80 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 20px;
    box-shadow: 0px 3px 3px #8c8c8c60;
}

.CategorySelect.articlePage .container {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 3px 3px #d6d6d650;
    opacity: 0.92;
}

/*--------------------------------- COMENT SECTION -----------------------------*/

.WikiaArticleComments .upper-pagination {
    border-top: 1px solid #cccccc00;
}

.SpeechBubble .speech-bubble-message{
    background-color: #ffffff;
    border: 1px solid #cccccc00;
    border-radius: 13px;
    box-shadow: 0px 3px 3px #8c8c8c60;
    opacity: 0.92;
}

.SpeechBubble .speech-bubble-message:after, .SpeechBubble .speech-bubble-message:before {
    display: none;
}


/*------------------------------------ INFOBOX ---------------------------------*/

ul.pi-image-collection-tabs {
	margin: auto;
}

.portable-infobox {
    background-color:#eef8ffb0;
    width: 300px;
    border: none;
    border-radius: 13px;
    box-shadow: 0px 3px 3px #8c8c8c60;
}

.pi-image {
    background-color: #FFF;
    padding: 5px 0px 5px 0px;
}

.portable-infobox .pi-title {
    text-align: center;
    font-weight: bold;
    background-color: #006CB0;
    color: #FFF;
    padding: 10px 10px 5px 10px ;
    border-radius: 13px 13px 0px 0px;
}

.pi-image-collection-tabs {
    background-color: #E6EBEE;
    list-style: none;
    margin: 0 -1px -1px 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
}

.pi-image-collection-tabs li {
    background-color: #E6EBEE;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    margin: -1px -1px 0 0;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

ul.pi-image-collection-tabs {
    background-color: #ffffff00;
    padding: 5px;
}

ul.pi-image-collection-tabs li {
    background-color: #ffffff00;
    margin: 0px 10px 0 0;
    border-radius: 25px;
}

ul.pi-image-collection-tabs li.current {
    background: #006cb019;
}

.pi-tap-link .pi-item-spacing {
    background-color:#E6EBEE;
    border: none;
}


.pi-image-collection-tab .current {
   background-color: #E6EBEE;
   border: none;
   
}

.pi-item.pi-data.pi-item-spacing.pi-border-color {
    background-color: #E6EBEE00;
    padding: 14px 14px;
    border: none;
}


.pi-collapse .pi-header:first-child::after {
 border-color:#FFF;
}

.pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
    text-align: center;
    background-color: #006CB0;
    color: #FFF;
    font-weight: bold;
    line-height: 27px;
    font-size: 15px;
    
}


.portable-infobox .pi-item-spacing {
    border:none;
}

.pi-item.pi-group.pi-border-color.pi-collapse {
    border: none;
}


/*---------------------------------- INFOBOX THEMES ----------------------------*/

/*------------------------------------ SOL THEME -------------------------------*/

.portable-infobox.pi-theme-Sol .pi-title {
    font-size: 150%;
    background-color: #F3B83F !important;
    color: #FFF;
}

.portable-infobox.pi-theme-Sol .pi-header {
    font-weight: normal;
    color: #FFF;
    background-color: #F3B83F !important;
}

/* -- Luna Theme -- */

.portable-infobox.pi-theme-Luna .pi-title {
    font-size: 150%;
    background-color: #BE91E2 !important;
    color: #FFF;
}

.portable-infobox.pi-theme-Luna .pi-header {
    font-weight: normal;
    color: #FFF;
    background-color: #BE91E2 !important;
}

/* -- Flame -- */

.portable-infobox.pi-theme-Flame .pi-title {
    font-size: 150%;
    background-color: #EF7F32;
    color: #FFF;
}

.portable-infobox.pi-theme-Flame .pi-header {
    font-weight: normal;
    color: #FFF;
    background-color: #EF7F32 !important;
}

/* -- Frost Theme -- */

.portable-infobox.pi-theme-Frost .pi-title {
    font-size: 150%;
    background-color: #2893C9;
    color: #FFF;
}

.portable-infobox.pi-theme-Frost .pi-header {
    color: #FFF;
    background-color: #2893C9 !important;
}

/* -- Cloud Theme -- */

.portable-infobox.pi-theme-Cloud .pi-title {
    font-size: 150%;
    background-color: #9571BC;
    color: #FFF;
}

.portable-infobox.pi-theme-Cloud .pi-header {
    font-weight: normal;
    color: #FFF;
    background-color: #9571BC !important;
}
/*------------------------------ EARTH THEME -----------------------------------*/
.portable-infobox.pi-theme-Earth .pi-title {
    font-size: 150%;
    background-color: #49AC6B;
    color: #FFF;
}

.portable-infobox.pi-theme-Earth .pi-header {
    color: #FFF;
    background-color: #49AC6B !important;
}

.portable-infobox.pi-theme-Earth .pi-item.pi-data.pi-item-spacing {
    color: #000;
}
.portable-infobox.pi-theme-Earth {
    background-color:#dbffe780 !important;
}
/*------------------------------- DARK THEME -----------------------------------*/

.portable-infobox.pi-theme-Dark .pi-title {
    font-size: 150%;
    background-color: #9B0E19;
    color: #FFF;
}

.portable-infobox.pi-theme-Dark .pi-header {
    font-weight: normal;
    color: #FFF;
    background-color: #9B0E19 !important;
}

/*-------------------------------- bOKURA THEME -----------------------------------*/

.portable-infobox.pi-theme-Bokura .pi-title {
    font-size: 150%;
    background-color: #B21709;
    color: #FFF;
}

.portable-infobox.pi-theme-Bokura .pi-header {
    font-weight: normal;
    color: #FFF;
    background-color: #B21709 !important;
}

/*------------------------------- ARTICLE TABLE -----------------------------------*/

.article-table {
    background-color: #ffffffb0 !important;
    border-collapse: collapse !important;
    overflow: hidden;
    border: 0px none #ffffff00 !important;
    border-radius: 13px;
    box-shadow: 0px 3px 3px #8c8c8c60;
}

.article-table th, .article-table td, .WikiaTable th, .WikiaTable td {
    border-bottom: 0px none #ffffff00 !important;
}

.article-table tr:first-child th:first-child,
.article-table tr:first-child td:first-child {
    Border-radius: 13px 0px 0px 0px;
}

.article-table tr:first-child th:last-child,
.article-table tr:first-child td:last-child {
    Border-radius: 0px 13px 0px 0px;
}