MediaWiki:Mobile.css

Tamba Akari讨论 | 贡献2024年9月14日 (六) 09:33的版本

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

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 这里设置了Google Font */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600&family=Noto+Serif+JP:wght@400;600&family=Noto+Serif:wght@400;600&display=swap');

/* Changes the default font used for MediaWiki to Noto Sans (does not include headings or monospaced text): */
body {
  font-family: 'Noto Serif SC','Noto Serif JP', 'Noto Serif', serif;
}

blockquote {
  font-family: 'Noto Serif SC','Noto Serif JP', 'Noto Serif', serif;
}

.mw-body-content {
    line-height: 2;
}

/* === Collapsible elements. Toggle-link moved to left. === 
/* Margin around it adjusted. 
/* https://community.fandom.com/wiki/Thread:1104268
/* https://community.wikia.com/wiki/Thread:499656 
/* https://community.wikia.com/wiki/Help:Collapsing 
/* https://cannabis.wikia.com/wiki/MediaWiki:Wikia.css */

.mw-collapsible span.mw-collapsible-toggle {
    float:left;
    margin-left:0;
    margin-right:1em;
}


.content {
    line-height: 2;
}

.toc {
    line-height: 1.6;
}

blockquote {
    margin: 0 1em;
    padding: 0 1em;
    font-size: 1em;
    border-left: #ff9dae 4px solid;
}

/* Changes the default font used for MediaWiki headings to Noto Serif: */
#content h1, 
#content h2 {
  font-family: 'Noto Serif SC', serif;
}

 .character-table {
    display:table; background-color:#FFF; border:solid 2px #ff9dae;border-radius:20px;width:90%;box-sizing: content-box;border-collapse: separate;border-spacing: 0 5px;font-size: 12px;
  }

 .character-table th {
    background-color:#ff9dae; color:white; font-weight:bold; border-radius:20px; text-align:center;width:60px;
  }

 .character-table td {
    text-align: center;
    font-weight:bold;
  }
  .header-row {
    background-color: #ffb6c1; /* 粉色背景 */
    text-align: center;font-weight:bold;color:white;
  }

/* 这里放置的CSS将影响使用移动版网站的用户 */

body {
  background: #ffffff;
}

/* Changes the background color behind the top half of the logo and at top of each page: */
#mw-page-base {
  background: #ffffff;
}

#mw-mf-viewport {
    overflow-x: hidden;
}

.header-container.header-chrome {
    background-color: #ffd0d8;
    box-shadow: none;
}

.last-modified-bar {
    border-bottom: solid 1px #ffd0d8;
    background-color: #ffd0d8;
}

.last-modified-bar.active {
    background-color: #7f90dc!important;
    color: #fff;
}

.minerva-footer {
    border-top: none;
    background-color: #ffd0d8;
}

footer > .post-content > h2, .mw-footer > .post-content > h2 {
    border-bottom: solid 1px #ffc3ce;
}

.content .thumbcaption {
    text-align: center;
}

a {
  color: #ff9dae;
}

a.new {
  color: #555; text-decoration: underline;
}

a:visited { 
  color:#ff4b6a; text-decoration: underline;
} 

.mw-parser-output a.extiw, .mw-parser-output a.external {
  color: #4e66d4;
}

.mw-parser-output a.extiw, .mw-parser-output a:visited { 
  color:#d1157c; text-decoration: underline;
} 

.portal .body li a, .vector-menu-portal .body li a {
  color: #555555;
}

.portal .body li a, .vector-menu-portal .body li a:visited { 
  color:#ff9dae; text-decoration: underline;
} 

.vector-menu-tabs li a {
  color: #ff4b6a;
}

.vector-menu-tabs li a:visited { 
  color:#ff9dae; text-decoration: underline;
} 

.vector-menu-tabs .new a, .vector-menu-tabs .new a {
  color: #ff4b6a;
}

.vector-menu-tabs .new a, .vector-menu-tabs .new a:visited {
  color: #ff9dae;text-decoration: underline;
}

h1, h2 {
    border-bottom: 1px solid #ff9dae;
}

h2, h3, h4, h5, h6 {
    line-height: 2;
}

td {
    padding: 0 5px;
}

.mw-references-wrap {
    font-size: 0.8em;
    margin-top: 2em;
}

.mw-body-content p {
    margin: 1em 0;
}

.content p {
    margin: 1em 0;
    text-align: justify;
}

.content table {
    overflow: auto;
    overflow-y: auto;
    overflow-x: auto;
}

.content ul {
    list-style-type: disc;
    padding-left: 1em;
    margin: 1em 0;
}

.content h4, .content h5, .content h6 {
    font-size: 1.1em;
}

.mw-body {
    border: none;
}

.vector-menu-tabs li {
    background-image: linear-gradient(to top,#ffd0d8 0,#fff5f7 1px,rgb(255 255 255 / 0%) 100%);
}

.vector-menu-tabs .selected {
    background: linear-gradient(to top,#ffffff 0,#ffffff 1px,rgb(255 255 255 / 0%) 100%);
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
    background-image: linear-gradient(to bottom,rgb(255 255 255 / 0%) 0,#ffd0d8 100%)
}

.header .search-box {
    padding-left: 1.5em;
}

.minerva-user-navigation {
    min-width: 0;
}

.content figure.mw-default-size, .content .thumb.mw-default-size, .content figure.mw-halign-right, .content .thumb.mw-halign-right, .content figure.tright, .content .thumb.tright {
    margin: 15px 10px 3px 10px;
}

/* 反白用样式 */

.hidetext {
    color: #ff9dae;
    background: #ff9dae;
    transition: all 0.5s;
}

.hidetext:hover {
    color: #ffffff;
}

.hidetext a {
    color: #ff9dae;
    transition: all 0.5s;
}

.hidetext:hover a {
    color: #4e66d4;
}

.hidetext a.new {
    color: #ff9dae;
    transition: all 0.5s;
}

.hidetext:hover a.new {
    color: #ff4b6a;
}

.hidetext a:visited { 
  color:#ff9dae; 
} 

.hidetext:hover a:visited { 
  color:#9ca5aa; 
} 


/* === Collapsible elements. Toggle-link moved to left. === 
/* Margin around it adjusted. 
/* https://community.fandom.com/wiki/Thread:1104268
/* https://community.wikia.com/wiki/Thread:499656 
/* https://community.wikia.com/wiki/Help:Collapsing 
/* https://cannabis.wikia.com/wiki/MediaWiki:Wikia.css */

.mw-collapsible span.mw-collapsible-toggle {
    float:left;
    margin-left:0;
    margin-right:1em;
}

@media (max-width: 720px) {
    body .content .character-table {
        width: 90%;
        display: table !important;
        box-sizing: content-box !important;
    }

    body .content table.wikitable {
        border: 1px solid !important;  /* 或者你想要的任何其他边框样式 */
    }

    body .content caption {
        display: table-caption !important;
    }
}