MediaWiki:Common.css

来自Project Diablo 2 国服 wiki
Weili0677讨论 | 贡献2022年12月26日 (一) 14:02的版本 (创建页面,内容为“→‎这里放置的CSS将应用于所有皮肤:​ body { background-color: #020000; color: #B18D62; font-family: Verdana,Arial,Helvetica,sans-serif } #mw-panel .portal .body { background-image: none !important; border-top: 1px solid #7C502E } #searchInput { background-color: #fff !important; color: #000!important } .home-menu { width: 200px; display: inline-block; margin: 15px; box-sizing: border-box; vertical-a…”
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索

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

  • 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将应用于所有皮肤 */
body {
    background-color: #020000;
    color: #B18D62;
    font-family: Verdana,Arial,Helvetica,sans-serif
}

#mw-panel .portal .body {
    background-image: none !important;
    border-top: 1px solid #7C502E
}

#searchInput {
    background-color: #fff !important;
    color: #000!important
}

.home-menu {
    width: 200px;
    display: inline-block;
    margin: 15px;
    box-sizing: border-box;
    vertical-align: top
}

#p-logo {
    width: 8em;
    height: 140px;
    padding: 8px 0px 10px 18px
}

#p-logo a {
    width: 8em;
    background-size: contain;
    padding: 15px 0px 0px 10px
}

.home-menu-box {
    margin: 0 auto;
    text-align: center
}

.home-menu ul {
    list-style-type: none;
    margin: 10px 0 0 0;
    padding: 0;
    vertical-align: top
}

.home-menu li {
    padding: 2px 0px;
    display: block
}

.home-menu-title {
    color: #EDCF8B;
    border-bottom: 1px solid #7C502E;
    font-family: Exocet,Sans-serif;
    font-size: 26px
}

#mw-page-base {
    background-color: #020000 !important;
    background-image: none !important
}

.mw-wiki-logo {
    background-image: url(../../i.imgur.com/nEvmuAr.png) !important;
    background-position: top center;
    background-size: cover
}

.tocnumber {
    color: #F9C666
}

.tochide #toc {
    border: 0px
}

.tochide .toc h2 {
    display: none
}

.tochide .toctogglespan {
    display: none
}

.tochide .toctogglelabel {
    display: none
}

a,a:visited,a.new,a.new:visited {
    color: #F9C666
}

a:hover, {
    color: #F9C666;
    text-decoration: underline
}

h1,h2,h3,h4,h5,h6 {
    color: #EDCF8B;
    border-bottom: 1px solid #7C502E;
    font-family: Exocet,Sans-serif;
    color: #EDCF8B
}

h4,h5,h6 {
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em
}

#searchInput {
    border: 1px solid #7c502e
}

#p-cactions li {
    color: #F9C666 !important;
    background-color: #150D0A;
    border-bottom: 1px solid #7C502E;
    background-image: none
}

#p-cactions .selected {
    color: #F9C666 !important;
    background-color: #382B1B;
    border-bottom: 1px solid #7C502E
}

#p-cactions li a,#p-cactions li a:selected,#p-cactions li a:visited {
    color: #F9C666;
    background-color: #F9C666
}

.vector-menu-tabs .selected {
    background-color: #382B1B;
    border: 1px solid #7C502E;
    color: #F9C666
}

.vector-menu-tabs li {
    border: 1px solid #7C502E;
    color: #F9C666 !important;
    background-color: #150D0A;
    background-image: none
}

.vector-menu-tabs li a,.vector-menu-tabs li a:selected,.vector-menu-tabs li a:visited {
    color: #F9C666 !important
}

.vector-menu-tabs .selected a {
    color: #F9C666 !important
}

.vector-menu-tabs span {
    background-image: none
}

.vector-menu-tabs span a {
    padding: 12px !important;
    color: #F9C666 !important
}

.vector-menu-tabs a {
    color: #F9C666 !important
}

.vector-menu-tabs .selected {
    background-image: none
}

.vector-menu-tabs .new a,.vector-menu-tabs .new a:visited {
    color: #FF7777 !important
}

.mw-body h1,.mw-body-content h1 {
    font-family: Exocet,Sans-serif;
    color: #EDCF8B
}

.mw-body h2,.mw-body-content h2 {
    font-family: Exocet,Sans-serif;
    color: #EDCF8B
}

.mw-body-content {
    font-size: 12px
}

#mw-panel .portal li a,#mw-panel .portal li a:visited {
    color: #F9C666
}

#mw-panel .portal li a:hover {
    color: #F9C666;
    text-decoration: underline
}

#mw-panel .portal h3 {
    font-family: exocet,sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.1em;
    color: #F9C666
}

#mw-head {
    top: 2em
}

#mw-head-base {
    height: 7em!important;
    background-color: #020000
}

#right-navigation {
    margin-top: 2.5em !important
}

.mw-body,.parsoid-body {
    background-color: #150D0A;
    color: #B18D62
}

.mw-body {
    border: 3px solid #7C502E !important
}

.mw-body,#mw-head-base,#left-navigation,#mw-data-after-content,#footer {
    margin-left: 13em !important
}

.wikitable > tr > th,.wikitable > * > tr > th {
    background-color: #382B1B;
    text-align: center;
    color: #EDCF8B;
    font-weight: 600
}

.wikitable > tr > th,.wikitable > tr > td,.wikitable > * > tr > th,.wikitable > * > tr > td {
    border: 1px solid #1F160C;
    padding: 0.3em 0.5em
}

.wikitable tr:nth-child(odd) {
    background-color: #2C2014 !important
}

.wikitable tr:nth-child(even) {
    background-color: #271C12 !important
}

.wikitable {
    color: #B18D62;
    margin: 1em 0;
    border: 1px solid #1F160C;
    border-collapse: collapse;
    background-color: #271C12
}

.wikitable-3col > * > tr > td {
    width: 33% !important
}

.wikitable-box {
    width: 800px;
    overflow-x: scroll
}

.wikitable-skills {
    display: block;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap
}

.toc,.mw-warning,.toccolours {
    background-color: #271C12;
    border: 1px solid #1F160C
}

.wikitable caption,.non-table caption,.mw-collapsible span.mw-collapsible-toggle {
    font-weight: bold;
    white-space: nowrap;
    text-align: left
}

.non-table {
    color: #B18D62;
    background-color: #271C12;
    margin: 1em 0em 0em 0em;
    padding: 0em 0.5em;
    border-left: 1px solid #1F160C;
    border-right: 1px solid #1F160C
}

.non-table.mw-collapsible caption,.wikitable.mw-collapsible caption {
    color: #B18D62;
    background-color: #1F160C;
    margin: 0em 0em 0.1em 0em;
    padding: 0em 0.5em 0.1em 0.5em;
    border-left: 1px solid #1F160C;
    border-right: 1px solid #1F160C
}

.non-table tbody {
    border-top: 2px solid #1F160C
}

.non-table ul,.wikitable ul {
    list-style: none
}

.non-table ul li::before,.wikitable ul li::before {
    content: "\2022";
    color: #150D0A;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

#p-personal {
    top: -1em
}

.omod {
    color: gray !important
}

.nmod {
    color: #9C87F7 !important
}

.emphasis {
    color: #EDCF8B !important
}

.nodrop {
    color: #B96600 !important
}

.d2-white {
    color: #FFFFFF !important
}

.d2-black {
    color: #000000 !important
}

.d2-gray {
    color: #696969 !important
}

.d2-blue {
    color: #6969FF !important
}

.d2-yellow {
    color: #FFFF64 !important
}

.d2-orange {
    color: #FFA800 !important
}

.d2-gold {
    color: #C7B377 !important
}

.d2-green {
    color: #00FF00 !important
}

.d2-dark-green {
    color: #008000 !important
}

.d2-red {
    color: #FF4D4D !important
}

.d2-purple {
    color: #AE00FF !important
}

.d2-tan {
    color: #D0C27D !important
}

.brown-background-header {
    background-color: #150D0A;
    border-top: 1px solid #150D0A;
    border-bottom: 1px solid #150D0A
}

.brown-background {
    background-color: #150D0A
}

.brown-table-header {
    background-color: #3B2A1A
}

.mid-row {
    background-color: #3b2a1a !important
}

.mid-column {
    background-color: #170d0a !important;
    border-top: 1px solid #170d0a !important;
    border-bottom: 1px solid #170d0a !important
}

.item-info-box {
    display: table-row
}

.item-info-box p {
    margin: 0.1em 0
}

.item-info,.item-image {
    display: table-cell;
    vertical-align: top
}

.item-image img {
    padding-right: 20px
}

.mw-watchlink {
    display: none !important
}

.item-image-text {
    position: relative;
    top: 5px;
    padding-top: 5px
}

.item-image-table {
    position: relative;
    top: 10px
}

.shared-bonus-image {
    padding-top: 5px
}

.skill-info {
    display: table-row
}

.skill-image {
    position: relative;
    top: 10px
}