MediaWiki:Common.css

来自Raccon Wiki

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* 这里放置的CSS将应用于所有皮肤 */

/* 主题 */
.theme {
    /* 背景图片 */
    body {
        background: url(https://ruarua.ru/wp-content/themes/hestia/assets/img/slider1.jpg) fixed;
        background-size: cover;
    }
    /* 透明化 */
    /* 头部容器 */
    .vector-header-container {
        background-color: #FFFFFFCC;
        /* 搜索框 */
        /* 覆盖停用搜索框<form>原本的白色 */
        .cdx-search-input {
            background-color: transparent;
        }
        /* 搜索框文本输入部分 */
        .cdx-text-input__input {
            background-color: #FFFFFFCC;
            border-color: #A2A9B1CC;
        }
        /* 搜索框末端按钮部分 */
        .cdx-search-input__end-button {
            background-color: #F8F9FACC;
            border-color: #A2A9B1CC;
        }
    }
    /* 内容容器 */
    .mw-page-container {
        background-color: #FFFFFFCC;
        /* 主菜单 */
        #vector-main-menu-pinned-container .vector-main-menu {
            background-color: #F8F9FACC;
        }
        /* 页面工具 */
        #vector-page-tools-pinned-container .vector-page-tools::after {
            background: none;
        }
        /* 目录 */
        #vector-toc-pinned-container .vector-toc {
            background-color: #FFFFFFCC;
            &:after {
                background: none;
            }
        }
        /* ----主菜单、页面工具和目录内的横线 */
        :is(.vector-pinnable-element, .vector-dropdown-content) > *:not(:last-child) {
            border-bottom-color: #EAECF0CC;
        }
    }
    /* 元素 */
    /* 链接 */
    a:not(.new), #pt-userpage-2 a:not(.mw-selflink), .vector-pinnable-header-toggle-button:is(:hover, :not(:hover)),
    :is(.vector-pinnable-element, .vector-dropdown-content) .mw-list-item a:not(.mw-selflink):visited, .vector-pinnable-element .mw-list-item a,
    .vector-dropdown-content .mw-list-item, .vector-toc .vector-toc-link, .mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited,
    .vector-dropdown .mw-list-item a:not(.mw-selflink) {
        color: #FF87CB;
        transition: .3s;
        &:hover {
            opacity: .75;
        }
    }
    /* 表格行下划线 */
    tr {
        border-bottom-color: #EEEEEE;
    }
    /* pre和code元素 */
    pre, code, .mw-code {
        background-color: #F8F9FACC;
        border-color: #EAECF0CC;
    }
}

/* 信息框图片 */
.portable-infobox .pi-panel .pi-data-value {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
}

/* 稀有度模板 */
.rarity-template {
    cursor: text;
    .new {
        pointer-events: none;
    }
}

/* 更美观的表格 */
table {
    border-collapse: collapse;
    tr {
        border-bottom: 1px solid #EEEEEE;
        th, td {
            padding: 0.4em 10px;
        }
    }
}