“MediaWiki:Common.css”的版本间的差异

来自科学ADV中文wiki
跳到导航 跳到搜索
（增加歌词css）
 
（未显示4个用户的113个中间版本）
第1行： 第1行：
 +
@import url('https://cdn.staticfile.org/font-awesome/5.15.4/css/all.css');
 +
 
/* 这里放置的CSS将应用于所有皮肤 */
 
/* 这里放置的CSS将应用于所有皮肤 */
 +
 +
h1, h2, h3 {
 +
font-weight: bolder;
 +
}
 +
 +
.mw-body-content h1, .mw-body-content h2 {
 +
font-family: 'Linux Libertine','Georgia','Times',serif;
 +
}
 +
 +
hr {
 +
margin: 0px;
 +
}
 +
 +
img {
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
.thumbinner,
 +
.toc {
 +
max-width: 100%;
 +
}
 +
 +
.overflow-box {
 +
overflow-x: auto;
 +
overflow-y: clip;
 +
}
 +
 +
/* 修正展开按钮样式 */
 +
.wikitable > caption {
 +
min-width: 42px;
 +
}
 +
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
margin: 0;
 +
display: inline;
 +
}
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.hlist dl dl, .hlist dl ol, .hlist dl ul,
 +
.hlist ol dl, .hlist ol ol, .hlist ol ul,
 +
.hlist ul dl, .hlist ul ol, .hlist ul ul {
 +
display: inline;
 +
}
 +
/* Hide empty list items */
 +
.hlist .mw-empty-li {
 +
display: none;
 +
}
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
content: ": ";
 +
}
 +
.hlist dd:after,
 +
.hlist li:after {
 +
content: " · ";
 +
font-weight: bold;
 +
}
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
content: none;
 +
}
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 +
content: " (";
 +
font-weight: normal;
 +
}
 +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 +
content: ")";
 +
font-weight: normal;
 +
}
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
counter-reset: listitem;
 +
}
 +
.hlist ol > li {
 +
counter-increment: listitem;
 +
}
 +
.hlist ol > li:before {
 +
content: " " counter(listitem) "\a0";
 +
}
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
content: " (" counter(listitem) "\a0";
 +
}
 +
  
 
.heimu {
 
.heimu {
第22行： 第127行：
 
   list-style: none;
 
   list-style: none;
 
}
 
}
−
.richtab:before, .richtab:after {
+
.richtab:after {
 
     content: " ";
 
     content: " ";
 
     display: table;
 
     display: table;
−
     clear: both;
+
     clear: left;
 
}
 
}
 
.richtab > li {
 
.richtab > li {
第67行： 第172行：
 
.infobox {
 
.infobox {
 
   float: right;
 
   float: right;
 +
}
 +
 +
.infobox-title {
 +
text-align: center;
 
}
 
}
  
第93行： 第202行：
 
}
 
}
  
−
.homepage-gallery td {
+
/********************
−
   padding: 10px;
+
**Styles for mboxes**
−
   text-align: center;
+
********************/
 +
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 +
th.mbox-text, td.mbox-text {    /* The message body cell(s) */
 +
    border: none;
 +
    padding: 0.25em 0.9em;      /* 0.9em left/right */
 +
    width: 100%;    /* Make all mboxes the same width regardless of text length */
 +
}
 +
td.mbox-image {                  /* The left image cell */
 +
    border: none;
 +
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
 +
    text-align: center;
 +
}
 +
td.mbox-imageright {            /* The right image cell */
 +
    border: none;
 +
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
 +
    text-align: center;
 +
}
 +
td.mbox-empty-cell {        /* An empty narrow cell */
 +
    border: none;
 +
    padding: 0px;
 +
    width: 1px;
 +
}
 +
 +
/* Article message box styles */
 +
table.ambox {
 +
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
 +
    border: 1px solid #a2a9b1;
 +
    border-left: 10px solid #36c;    /* Default "notice" blue */
 +
    background: #f8f9fa;
 +
}
 +
table.ambox + table.ambox {  /* Single border between stacked boxes. */
 +
    margin-top: -1px;
 +
}
 +
.ambox th.mbox-text,
 +
.ambox td.mbox-text {            /* The message body cell(s) */
 +
    padding: 0.25em 0.5em;      /* 0.5em left/right */
 +
}
 +
.ambox td.mbox-image {          /* The left image cell */
 +
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
.ambox td.mbox-imageright {      /* The right image cell */
 +
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 +
}
 +
 +
table.ambox-notice {
 +
    border-left: 10px solid #36c;    /* Blue */
 +
}
 +
table.ambox-speedy {
 +
    border-left: 10px solid #b32424;    /* Red */
 +
    background: #fee7e6;                  /* Pink */
 +
}
 +
table.ambox-delete {
 +
    border-left: 10px solid #b32424;    /* Red */
 +
}
 +
table.ambox-content {
 +
    border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
table.ambox-style {
 +
    border-left: 10px solid #fc3;    /* Yellow */
 +
}
 +
table.ambox-move {
 +
    border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
table.ambox-protection {
 +
    border-left: 10px solid #a2a9b1;      /* Gray-gold */
 +
}
 +
 +
/* Image message box styles */
 +
table.imbox {
 +
    margin: 4px 10%;
 +
    border-collapse: collapse;
 +
    border: 3px solid #36c;    /* Default "notice" blue */
 +
    background: #f8f9fa;
 +
}
 +
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
 +
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
 +
}
 +
.mbox-inside .imbox {    /* For imboxes inside other templates. */
 +
    margin: 4px;
 +
}
 +
 +
table.imbox-notice {
 +
    border: 3px solid #36c;   /* Blue */
 +
}
 +
table.imbox-speedy {
 +
    border: 3px solid #b32424;    /* Red */
 +
    background: #fee7e6;            /* Pink */
 +
}
 +
table.imbox-delete {
 +
    border: 3px solid #b32424;    /* Red */
 +
}
 +
table.imbox-content {
 +
    border: 3px solid #f28500;    /* Orange */
 +
}
 +
table.imbox-style {
 +
    border: 3px solid #fc3;    /* Yellow */
 +
}
 +
table.imbox-move {
 +
    border: 3px solid #9932cc;    /* Purple */
 +
}
 +
table.imbox-protection {
 +
    border: 3px solid #a2a9b1;      /* Gray-gold */
 +
}
 +
table.imbox-license {
 +
    border: 3px solid #88a;      /* Dark gray */
 +
    background: #f7f8ff;          /* Light gray */
 +
}
 +
table.imbox-featured {
 +
    border: 3px solid #cba135;    /* Brown-gold */
 +
}
 +
 +
/* Category message box styles */
 +
table.cmbox {
 +
    margin: 3px 10%;
 +
    border-collapse: collapse;
 +
    border: 1px solid #a2a9b1;
 +
    background: #eaf3ff;    /* Default "notice" blue */
 +
}
 +
 +
table.cmbox-notice {
 +
    background: #eaf3ff;    /* Blue */
 +
}
 +
table.cmbox-speedy {
 +
    margin-top: 4px;
 +
    margin-bottom: 4px;
 +
    border: 4px solid #b32424;    /* Red */
 +
    background: #fee7e6;          /* Pink */
 +
}
 +
table.cmbox-delete {
 +
    background: #fee7e6;    /* Red */
 +
}
 +
table.cmbox-content {
 +
    background: #FFE7CE;    /* Orange */
 +
}
 +
table.cmbox-style {
 +
    background: #FFF9DB;    /* Yellow */
 +
}
 +
table.cmbox-move {
 +
    background: #E4D8FF;    /* Purple */
 +
}
 +
table.cmbox-protection {
 +
    background: #EFEFE1;    /* Gray-gold */
 +
}
 +
 +
/* Other pages message box styles */
 +
table.ombox {
 +
    margin: 4px 10%;
 +
    border-collapse: collapse;
 +
    border: 1px solid #a2a9b1;      /* Default "notice" gray */
 +
    background: #f8f9fa;
 +
}
 +
 +
table.ombox-notice {
 +
    border: 1px solid #a2a9b1;      /* Gray */
 +
}
 +
table.ombox-speedy {
 +
    border: 2px solid #b32424;    /* Red */
 +
    background: #fee7e6;            /* Pink */
 +
}
 +
table.ombox-delete {
 +
    border: 2px solid #b32424;    /* Red */
 +
}
 +
table.ombox-content {
 +
    border: 1px solid #f28500;    /* Orange */
 +
}
 +
table.ombox-style {
 +
    border: 1px solid #fc3;    /* Yellow */
 +
}
 +
table.ombox-move {
 +
    border: 1px solid #9932cc;    /* Purple */
 +
}
 +
table.ombox-protection {
 +
    border: 2px solid #a2a9b1;      /* Gray-gold */
 +
}
 +
 +
/* Talk page message box styles */
 +
table.tmbox {
 +
    margin: 4px 10%;
 +
    border-collapse: collapse;
 +
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 +
    background: #f8eaba;
 +
}
 +
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
 +
    margin: 2px 0;              /* class ensures that this declaration overrides other */
 +
    width: 100%;  /* For Safari and Opera */    /* styles (including mbox-small above) */
 +
}
 +
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 +
    line-height: 1.5em;          /* also "nested", so reset styles that are  */    
 +
    font-size: 100%;            /* set in "mbox-small" above.                */
 +
}
 +
 +
table.tmbox-speedy {
 +
    border: 2px solid #b32424;    /* Red */
 +
    background: #fee7e6;            /* Pink */
 +
}
 +
table.tmbox-delete {
 +
    border: 2px solid #b32424;    /* Red */
 +
}
 +
table.tmbox-content {
 +
    border: 2px solid #f28500;    /* Orange */
 +
}
 +
table.tmbox-style {
 +
    border: 2px solid #fc3;    /* Yellow */
 +
}
 +
table.tmbox-move {
 +
    border: 2px solid #9932cc;    /* Purple */
 +
}
 +
table.tmbox-protection,
 +
table.tmbox-notice {
 +
    border: 1px solid #c0c090;    /* Gray-brown */
 +
}
 +
 +
/* Disambig and set index box styles */
 +
table.dmbox {
 +
    clear: both;
 +
    margin: 0.9em 1em;
 +
    border-top: 1px solid #ccc;
 +
    border-bottom: 1px solid #ccc;
 +
    background: transparent;
 +
    font-size: small;
 +
}
 +
 +
/* Footer and header message box styles */
 +
table.fmbox {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    width: 100%;
 +
    border: 1px solid #a2a9b1;
 +
    background: #f8f9fa;    /* Default "system" gray */
 +
}
 +
table.fmbox-system {
 +
    background: #f8f9fa;
 +
}
 +
table.fmbox-warning {
 +
    border: 1px solid #bb7070;  /* Dark pink */
 +
    background: #ffdbdb;        /* Pink */
 +
}
 +
table.fmbox-editnotice {
 +
    background: transparent;
 +
}
 +
/* Div based "warning" style fmbox messages. */
 +
div.mw-warning-with-logexcerpt,
 +
div.mw-lag-warn-high,
 +
div.mw-cascadeprotectedwarning,
 +
#mw-protect-cascadeon {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    border: 1px solid #bb7070;
 +
    background: #ffdbdb;
 +
    padding: 0.25em 0.9em;
 +
}
 +
/* Div based "system" style fmbox messages. Used in
 +
  [[MediaWiki:Noarticletext]]. */
 +
div.noarticletext,
 +
div.fmbox-system {
 +
    clear: both;
 +
    margin: 0.2em 0;
 +
    border: 1px solid #a2a9b1;
 +
    background: #f8f9fa;
 +
    padding: 0.25em 0.9em;
 +
}
 +
 +
/* These mbox-small classes must be placed after all other
 +
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
 +
  they override "table.ambox + table.ambox" above. */
 +
body.mediawiki table.mbox-small {  /* For the "small=yes" option. */
 +
    clear: right;
 +
    float: right;
 +
    margin: 4px 0 4px 1em;
 +
    width: 238px;
 +
    font-size: 88%;
 +
    line-height: 1.25em;
 +
}
 +
body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */
 +
    margin: 4px 1em 4px 0;
 +
    width: 238px;
 +
    border-collapse: collapse;
 +
    font-size: 88%;
 +
    line-height: 1.25em;
 +
}
 +
 
 +
/* CODE FOR COMPACT AMBOX */
 +
 
 +
/* Remove borders, backgrounds, padding, etc. */
 +
.compact-ambox table.ambox {
 +
    border: none;
 +
    border-collapse: collapse;
 +
    background: transparent;
 +
    margin: 0 0 0 1.6em !important;
 +
    padding: 0 !important;
 +
    width: auto;
 +
    display: block;
 +
}
 +
body.mediawiki .compact-ambox table.mbox-small-left {
 +
    font-size: 100%;
 +
    width: auto;
 +
    margin: 0;
 +
}
 +
/* Style the text cell as a list item and remove its padding */
 +
.compact-ambox table .mbox-text {
 +
    padding: 0 !important;
 +
    margin: 0 !important;
 +
}
 +
.compact-ambox table .mbox-text-span {
 +
    display: list-item;
 +
    line-height: 1.5em;
 +
    list-style-type: square;
 +
    list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
 +
}
 +
/* Style for compact ambox */
 +
/* Hide the images */
 +
.compact-ambox table .mbox-image,
 +
.compact-ambox table .mbox-imageright,
 +
.compact-ambox table .mbox-empty-cell {
 +
display: none;
 +
}
 +
 
 +
/* nav box*/
 +
.navbox {                    /* Navbox container style */
 +
    border: 1px solid #a2a9b1;
 +
    width: 100%;
 +
    margin: auto;
 +
    clear: both;
 +
    font-size: 88%;
 +
    text-align: center;
 +
    padding: 1px;
 +
}
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
    width: 100%;
 +
}
 +
.navbox th,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
    text-align: center;      /* Title and above/below styles */
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
}
 +
th.navbox-group {            /* Group style */
 +
    white-space: nowrap;
 +
    /* @noflip */
 +
    text-align: right;
 +
}
 +
.navbox,
 +
.navbox-subgroup {
 +
    background: #fdfdfd;      /* Background color */
 +
}
 +
.navbox-list {
 +
    border-color: #fdfdfd;    /* Must match background color */
 +
}
 +
.navbox th,
 +
.navbox-title {
 +
    background: #ccccff;      /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
    background: #ddddff;      /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: #e6e6ff;      /* Level 3 color */
 +
}
 +
.navbox-even {
 +
    background: #f7f7f7;      /* Even row striping */
 +
}
 +
.navbox-odd {
 +
    background: transparent;  /* Odd row striping */
 +
}
 +
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 +
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
 +
}
 +
.navbox .hlist td dl,
 +
.navbox .hlist td ol,
 +
.navbox .hlist td ul,
 +
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
    padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
 +
}
 +
.navbox .hlist dd,
 +
.navbox .hlist dt,
 +
.navbox .hlist li {
 +
    white-space: nowrap;      /* Nowrap list items in navboxes */
 +
}
 +
.navbox .hlist dd dl,
 +
.navbox .hlist dt dl,
 +
.navbox .hlist li ol,
 +
.navbox .hlist li ul {
 +
    white-space: normal;      /* But allow parent list items to be wrapped */
 +
}
 +
ol + table.navbox,
 +
ul + table.navbox {
 +
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
 +
}
 +
 
 +
.navbox .wiki-navbar {
 +
    display: block;
 +
}
 +
.navbox-title .wiki-navbar {
 +
    /* @noflip */
 +
    float: left;
 +
    /* @noflip */
 +
    text-align: left;
 +
    /* @noflip */
 +
    margin-right: 0.5em;
 +
    width: 8em;
 +
}
 +
 
 +
 
 +
 
 +
.hash-switch:not(.hash-value-spoiler):not(.hash-active) {
 +
  display: none;
 +
}
 +
 
 +
.hash-switch .hash-value-spoiler:not(.hash-active) {
 +
    -webkit-filter: blur(3px); /* Chrome, Opera */
 +
      -moz-filter: blur(3px);
 +
        -ms-filter: blur(3px); 
 +
            filter: blur(3px);
 
}
 
}
  
−
.homepage-gallery td:first-of-type {
+
/* 可视化编辑器中强制显示 */
−
  border-left: none;
+
.ve-ce-leafNode .hash-switch:not(.hash-active) {
 +
  display: block;
 
}
 
}
  
−
.homepage-gallery td:last-of-type {
+
.banner-switch {
−
  border-right: none;
+
position: absolute;
 +
right: 1px;
 +
bottom: 32px;
 +
z-index: 5;
 
}
 
}
  
−
.homepage-gallery .wip {
+
.banner-switch span.hash-switch {
−
-webkit-filter: grayscale(100%);
+
display: inline-block !important;
−
-moz-filter: grayscale(100%);
+
padding: 5px;
−
-ms-filter: grayscale(100%);
 
−
-o-filter: grayscale(100%);
 
−
filter: grayscale(100%);
 
−
filter: gray;
 
 
}
 
}
  
−
.homepage-gallery-row1 > td {
+
.banner-switch span.hash-switch a {
−
  vertical-align: bottom;
+
display: inline-block;
−
  border-bottom: 1px solid;
+
width: 10px;
−
  border-left: 1px solid;
+
height: 10px;
−
  border-right: 1px solid;
+
background-color: lightblue;
 +
border: 2px solid transparent;
 +
    border-radius: 50%;
 
}
 
}
  
−
.homepage-gallery-row2 > td {
+
.banner-switch span.hash-switch:not(.hash-active) a {
−
  vertical-align: top;
+
background-color: #fff;
−
  border-top: 1px solid;
+
border: 2px solid lightblue;
−
  border-left: 1px solid;
 
−
  border-right: 1px solid;
 
 
}
 
}
  
 
.home-title {
 
.home-title {
−
     width: 100%;
+
position: relative;
 +
color: #b98888;
 +
    font-size: 5em;
 +
    font-weight: 400;
 +
    font-family: "Noto Serif SC", Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
 +
}
 +
 
 +
.home-title a {
 +
color: #b98888;
 +
}
 +
 
 +
.home-title a:hover {
 +
text-decoration: none;
 +
opacity: 0.9;
 +
}
 +
 
 +
 
 +
.home-title p {
 +
display: inline-block;
 +
margin: 0 0 0.5em;
 +
    background-color: #2c2c2c;
 +
    padding: 0px 5px 0px 25px;
 +
}
 +
 
 +
.home-title p:after {
 +
    content: '';
 +
    display: inline-block;
 +
     width: 260px;
 +
    height: 80px;
 
     position: absolute;
 
     position: absolute;
−
     top: -2.7em;
+
     left: 103px;
−
    font-size: 4em;
+
    bottom: 25px;
−
    font-weight: 800;
+
    border: #5a5a5a 3px solid;
−
     transform: rotate3d(1,1,1,25deg);
+
    z-index: -1;
 +
}
 +
 
 +
.home-title span {
 +
position: relative;
 +
}
 +
 
 +
/*科*/
 +
.home-title span:nth-of-type(1) {
 +
font-size: 120%;
 +
}
 +
 
 +
/*学*/
 +
.home-title span:nth-of-type(2) {
 +
font-size: 65%;
 +
right: 8px;
 +
     bottom: 2px;
 +
}
 +
 
 +
/*A*/
 +
.home-title span:nth-of-type(3) {
 +
font-size: 80%;
 +
bottom: 10px;
 +
right: 8px;
 
}
 
}
  
−
.home-title a {
+
/*D*/
−
    position: relative;
+
.home-title span:nth-of-type(4) {
−
    color: #000;
+
font-size: 135%;
−
    z-index: 2;
+
top: 15px;
 +
right: 18px;
 
}
 
}
  
−
.home-title .sub-title {
+
/*V*/
−
font-size: 70%;
+
.home-title span:nth-of-type(5) {
−
     position: relative;
+
font-size: 65%;
−
    top: -2em;
+
     bottom: 5px;
−
    z-index: 1;
+
right: 23px;
−
    opacity: 0.15;
 
 
}
 
}
 +
 +
 +
/*.home-title .sub-title {*/
 +
/* font-size: 50%;*/
 +
/*    position: relative;*/
 +
/*    top: -2em;*/
 +
/*    opacity: 0.5;*/
 +
/*    border-bottom: 1px solid #FCF3CF;*/
 +
/*}*/
  
 
@media screen and (min-width: 480px) and (max-width: 1000px) {
 
@media screen and (min-width: 480px) and (max-width: 1000px) {
第165行： 第753行：
 
   }
 
   }
 
   .home-title {
 
   .home-title {
−
   font-size: 2em;
+
   font-size: 3.5em;
 
   }
 
   }
 +
 
 +
  .home-title p:after {
 +
  width: 180px;
 +
    height: 61px;
 +
    bottom: 16px;
 +
    left: 83px;
 +
  }
 +
}
 +
 +
.page-首页 .mw-body {
 +
background-color: #2c2c2c;
 +
    color: #fff;
 +
    border-color: #2c2c2c;
 +
}
 +
 +
.page-首页 a:visited {
 +
    color: #b8bce8;
 +
}
 +
 +
.page-首页 .mw-parser-output a.external {
 +
    color: #72a1ef;
 +
}
 +
 +
.page-首页 .mw-parser-output a.external:visited {
 +
    color: #c36fc3;
 
}
 
}
  
第178行： 第791行：
  
 
.page-首页 .homepage-gallery {
 
.page-首页 .homepage-gallery {
−
     margin-top: 12em;
+
     margin-top: -1.5em;
 
     margin-bottom: 2.5em;
 
     margin-bottom: 2.5em;
 
}
 
}
  
−
.page-首页 .homepage-gallery .frozen {
+
.page-首页 .homepage-gallery .work-title {
−
-moz-filter:brightness(0.95) grayscale(100%);
+
color: #F7DC6F;
−
-webkit-filter:brightness(0.95) grayscale(100%);
+
position: relative;
−
-o-filter:brightness(0.95) grayscale(100%);
+
    display: block;
−
-ms-filter:brightness(0.95) grayscale(100%);
+
    font-size: 1.5em;
−
filter:brightness(0.95) grayscale(100%);
+
    text-align: left;
−
}
+
    left: -1.2em;
−
 
+
    top: -1.2em;
−
.page-首页 .homepage-gallery .frozen > a {
+
    font-weight: 600;
−
cursor: default;
+
    text-shadow: #02020285 -7px 4px 2px;
 +
    z-index: 0;
 +
    transform: rotate3d(1,1,1,25deg);
 +
    transition: opacity 0.2s ease-out 0.2s;
 
}
 
}
  
第203行： 第819行：
 
transform: rotate3d(1, 1, 1, 25deg);
 
transform: rotate3d(1, 1, 1, 25deg);
 
z-index: 2;
 
z-index: 2;
−
transition: filter 0.15s ease-out, z-index 0.15s ease-out, border-color 0.15s ease-out, transform 0.25s ease-out;
+
opacity: 0.85;
 +
transition: filter 0.15s ease-out, z-index 0.15s ease-out, opacity 0.15s ease-out, transform 0.25s ease-out;
 
/*overflow: hidden;*/
 
/*overflow: hidden;*/
 
}
 
}
  
−
.page-首页 .homepage-gallery p:not(.frozen) a:hover {
+
.page-首页 .homepage-gallery p a:hover {
 
/*border-color: #444;*/
 
/*border-color: #444;*/
 
-moz-filter:brightness(1.05);
 
-moz-filter:brightness(1.05);
第216行： 第833行：
 
transform: rotate3d(1, 1, 1, 0deg) translateZ(120px);
 
transform: rotate3d(1, 1, 1, 0deg) translateZ(120px);
 
z-index: 3;
 
z-index: 3;
 +
opacity: 1;
 +
}
 +
 +
.page-首页 .homepage-gallery p a:hover + .work-title {
 +
opacity: 0;
 +
transition: opacity 0.2s ease-out;
 
}
 
}
  
第224行： 第847行：
 
     object-fit: cover;
 
     object-fit: cover;
 
     transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
 
     transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
−
     box-shadow: #ccc -4px 3px 4px;
+
     box-shadow: #02020285 -11px 7px 4px;
−
     transform: scale(0.95);
+
     transform: scale(0.9);
 
}
 
}
  
−
.page-首页 .homepage-gallery p:not(.frozen) a:hover img {
+
.page-首页 .homepage-gallery p a:hover img {
 
transform: scale(1.15);
 
transform: scale(1.15);
−
box-shadow: #4b4b4b 0 0 10px;
+
box-shadow: #00000090 -2px 1px 5px;
 +
}
 +
 
 +
.character-gallery ul li {
 +
display: inline-block;
 +
vertical-align: top;
 +
}
 +
 
 +
.character-gallery ul li .character-gallery-avatar:hover {
 +
transform: scale(1.5);
 +
border: 2px solid lightblue;
 +
 +
}
 +
.character-gallery ul li .character-gallery-avatar {
 +
width: 100px;
 +
height: 100px;
 +
transition: transform 0.1s ease-out;
 +
}
 +
 
 +
.page-作品_命运石之门 .firstHeading,
 +
.page-作品_机器人笔记 .firstHeading,
 +
.page-作品_命运石之门 .mw-jump-link,
 +
.page-作品_机器人笔记 .mw-jump-link,
 +
.page-作品_命运石之门 #contentSub,
 +
.page-作品_机器人笔记 #contentSub
 +
{
 +
display: none;
 +
}
 +
 
 +
.page-作品_命运石之门 .banner,
 +
.page-作品_机器人笔记 .banner {
 +
font-size: 1rem;
 +
position: relative;
 +
    top: calc(-1.25em - 1px);
 +
width: calc(100% + 2em + 1px);
 +
left: calc(-1em - 1px);
 
}
 
}
  
−
#mw-panel ul li {
+
@media screen and (min-width: 982px) {
−
white-space: pre;
+
.page-作品_命运石之门 .banner,
 +
.page-作品_机器人笔记 .banner {
 +
width: calc(100% + 3em + 1px);
 +
left: calc(-1.5em - 1px);
 +
}
 +
}
 +
 
 +
@media screen and (max-width: 720px) {
 +
.page-作品_命运石之门 .banner,
 +
.page-作品_机器人笔记 .banner {
 +
top: calc(-1.1em);
 +
}
 
}
 
}
  
 
.debug-treechart > tbody > tr > td {
 
.debug-treechart > tbody > tr > td {
 
border: 1px solid;
 
border: 1px solid;
 +
}
 +
 +
.exlink img {
 +
vertical-align: sub;
 +
margin-right: 2px;
 +
}
 +
 +
.exlink a {
 +
vertical-align: middle;
 +
}
 +
 +
/* Make the list of references smaller */
 +
ol.references,
 +
div.reflist {
 +
  font-size: 90%;
 +
  /* Default font-size */
 +
  margin-bottom: 0.5em;
 +
}
 +
 +
div.reflist ol.references {
 +
  font-size: 100%;
 +
  /* Reset font-size when nested in div.reflist */
 +
}
 +
 +
div.reflist ol.references,
 +
div.notelist ol.references {
 +
  list-style-type: inherit;
 +
  /* Enable custom list style types */
 +
}
 +
 +
/* .references-2column b/c */
 +
div.references-2column {
 +
  -moz-column-count: 2;
 +
  column-count: 2;
 +
  font-size: 90%;
 +
}
 +
 +
div.references-2column ol.references,
 +
div.references-2column div.reflist {
 +
  font-size: 100%;
 +
}
 +
 +
/* Reset top margin for lists embedded in columns */
 +
div.columns {
 +
  margin-top: 0.3em;
 +
}
 +
 +
div.columns dl,
 +
div.columns ol,
 +
div.columns ul {
 +
  margin-top: 0;
 +
}
 +
 +
/* Avoid list items from breaking between columns */
 +
div.columns li,
 +
div.columns dd dd {
 +
  -webkit-column-break-inside: avoid;
 +
  page-break-inside: avoid;
 +
  break-inside: avoid-column;
 +
}
 +
 +
/* Highlight clicked reference in blue to help navigation */
 +
ol.references li:target,
 +
sup.reference:target,
 +
span.citation:target {
 +
  background-color: #DEF;
 +
}
 +
 +
/* Prevent line breaks in silly places:
 +
1) Where desired
 +
2) Links when we don't want them to
 +
3) Bold "links" to the page itself
 +
4) HTML formulae
 +
5) Ref tags with group names <ref group="Note"> --> "[Note 1]"
 +
*/
 +
.nowrap,
 +
.nowraplinks a,
 +
.nowraplinks .selflink,
 +
span.texhtml,
 +
sup.reference a {
 +
  white-space: nowrap;
 +
}
 +
 +
.refbegin {
 +
font-size: 90%;
 +
margin-bottom: 0.5em;
 +
}
 +
 +
.refbegin > ol {
 +
margin-top: 0;
 +
}
 +
 +
.refbegin-hanging-indents > ol {
 +
margin-left: 0;
 +
}
 +
 +
.refbegin-hanging-indents > ol > li {
 +
margin-left: 0;
 +
padding-left: 3.2em;
 +
text-indent: -3.2em;
 +
}
 +
 +
.refbegin-hanging-indents ol,
 +
.refbegin-hanging-indents ol li {
 +
list-style: none;
 +
}
 +
 +
@media (max-width: 720px) {
 +
.refbegin-hanging-indents > ol > li {
 +
padding-left: 1.6em;
 +
text-indent: -1.6em;
 +
}
 +
}
 +
 +
.refbegin-100 {
 +
font-size: 100%;
 +
}
 +
 +
.refbegin-columns {
 +
margin-top: 0.3em;
 +
}
 +
 +
.refbegin-columns ul {
 +
margin-top: 0;
 +
}
 +
 +
.refbegin-columns li {
 +
page-break-inside: avoid;
 +
break-inside: avoid-column;
 +
}
 +
 +
/* 条目目录1级标题（对应条目2级标题）自动加粗 */
 +
li.toclevel-1>a>span.toctext {
 +
  font-weight: bold;
 +
}
 +
 +
/* When div class="nonumtoc" is used on the table of contents, the ToC will display without numbers */
 +
.nonumtoc .tocnumber {
 +
  display: none;
 +
}
 +
 +
.nonumtoc #toc ul,
 +
.nonumtoc .toc ul {
 +
  line-height: 1.5em;
 +
  list-style: none;
 +
  margin: .3em 0 0;
 +
  padding: 0;
 +
}
 +
 +
.nonumtoc #toc ul ul,
 +
.nonumtoc .toc ul ul {
 +
  margin: 0 0 0 2em;
 +
}
 +
 +
/* Allow limiting of which header levels are shown in a TOC;
 +
div class="toclimit-3", for instance, will limit to
 +
showing ==headings== and ===headings=== but no further
 +
(as long as there are no =headings= on the page, which
 +
there shouldn't be according to the MoS).
 +
*/
 +
.toclimit-2 .toclevel-2,
 +
.toclimit-3 .toclevel-3,
 +
.toclimit-4 .toclevel-4,
 +
.toclimit-5 .toclevel-5,
 +
.toclimit-6 .toclevel-6,
 +
.toclimit-7 .toclevel-7 {
 +
  display: none;
 +
}
 +
 +
/* 水平目录相关样式优化 */
 +
.horizontal-toc .toctitle {
 +
display: inline-block;
 +
}
 +
 +
.horizontal-toc .toctogglespan {
 +
display: none;
 +
}
 +
 +
.horizontal-toc #mw-toc-heading {
 +
border: 0;
 +
}
 +
 +
.horizontal-toc ul {
 +
display: inline;
 +
}
 +
 +
.horizontal-toc li ul {
 +
margin: 0 !important;
 +
}
 +
 +
.horizontal-toc .toctext {
 +
font-weight: normal !important;
 +
}
 +
 +
.Lyrics-has-ruby .Lyrics-original,
 +
.Lyrics-has-ruby .Lyrics-translated {
 +
line-height: 2.1;
 +
}
 +
 +
.Lyrics-no-ruby .Lyrics-original,
 +
.Lyrics-no-ruby .Lyrics-translated {
 +
vertical-align: top;
 +
}
 +
 +
.Lyrics .Lyrics-original,
 +
.Lyrics .Lyrics-translated {
 +
width: 100%;
 +
display: inline-block;
 +
white-space: pre-wrap;
 +
}
 +
 +
@media all and ( min-width: 720px ) {
 +
.Lyrics {
 +
display: flow-root;
 +
min-width: 480px;
 +
}
 +
.Lyrics-has-translate .Lyrics-original,
 +
.Lyrics-has-translate .Lyrics-translated {
 +
width: 49.85%;
 +
}
 +
}
 +
 +
/* 桌面端与移动端样式分离 */
 +
@media (max-width: 720px) {
 +
.nomobile {
 +
display: none;
 +
}
 +
 +
.horizontal-toc {
 +
overflow: scroll;
 +
}
 +
.horizontal-toc .toc {
 +
white-space: nowrap;
 +
}
 +
}
 +
 +
@media (min-width: 721px) {
 +
.nodesktop {
 +
display: none;
 +
}
 
}
 
}

2022年7月4日 (一) 23:00的最新版本

@import url('https://cdn.staticfile.org/font-awesome/5.15.4/css/all.css');

/* 这里放置的CSS将应用于所有皮肤 */

h1, h2, h3 {
	font-weight: bolder;
}

.mw-body-content h1, .mw-body-content h2 {
	font-family: 'Linux Libertine','Georgia','Times',serif;
}

hr {
	margin: 0px;
}

img {
	max-width: 100%;
	height: auto;
}

.thumbinner,
.toc {
	max-width: 100%;
}

.overflow-box {
	overflow-x: auto;
	overflow-y: clip;
}

/* 修正展开按钮样式 */
.wikitable > caption {
	min-width: 42px;
}

.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}


.heimu {
    background-color: #252525;
    color: #252525;
    text-shadow: none;
}

.heimu:hover,
.heimu:active,
.heimu:focus {
    transition: color .15s linear;
    color: #fff;
}

div > .richtab {
  margin-left: 0.1em;
  margin-right: 0.1em;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.richtab:after {
    content: " ";
    display: table;
    clear: left;
}
.richtab > li {
  float: left;
  margin-bottom: -1px;
  position: relative;
  display: block;
}
.richtab > li > span {
  position: relative;
  display: block;
}
.richtab > li > span > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.richtab > li > span > a:hover {
  border-color: #cccccc #cccccc #cccccc;
}
.richtab > li.active > span > a,
.richtab > li.active > span > a:hover,
.richtab > li.active > span > a:focus {
  color: #333333;
  background-color: rgba(217, 214, 214, 0.9);
  border: 1px solid #cccccc;
  border-bottom-color: transparent;
  cursor: default;
}
.richtab-content > .tab-pane {
  display: none;
}
.richtab-content > .active {
  display: block;
}

.infobox {
  float: right;
}

.infobox-title {
	text-align: center;
}

.tbrl {
  writing-mode: vertical-rl;
}

.story-vlbl {
	white-space: nowrap;
}

.tinyedit {
  font-size: small;
  white-space: nowrap;  
  padding-top: 1em;
}

.tinyedit a.external {
  background-image: none;
  padding-right: 0px;
  color: #36b;
}

.tinyedit a.external:visited {
  color: #36b;
}

/********************
**Styles for mboxes**
********************/
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
td.mbox-empty-cell {         /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}
 
/* Article message box styles */
table.ambox {
    margin: 0px 10%;   /* 10% = Will not overlap with other elements */
    border: 1px solid #a2a9b1; 
    border-left: 10px solid #36c;    /* Default "notice" blue */
    background: #f8f9fa; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 10px solid #36c;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b32424;    /* Red */
    background: #fee7e6;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b32424;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #fc3;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #a2a9b1;       /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 3px solid #36c;    /* Default "notice" blue */
    background: #f8f9fa;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}
 
table.imbox-notice {
    border: 3px solid #36c;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b32424;    /* Red */
    background: #fee7e6;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b32424;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #fc3;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #a2a9b1;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #a2a9b1; 
    background: #eaf3ff;    /* Default "notice" blue */
}
 
table.cmbox-notice {
    background: #eaf3ff;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b32424;    /* Red */
    background: #fee7e6;          /* Pink */
}
table.cmbox-delete {
    background: #fee7e6;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #a2a9b1;       /* Default "notice" gray */
    background: #f8f9fa;
}
 
table.ombox-notice {
    border: 1px solid #a2a9b1;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b32424;    /* Red */
    background: #fee7e6;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b32424;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #fc3;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #a2a9b1;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
    margin: 2px 0;               /* class ensures that this declaration overrides other */
    width: 100%;  /* For Safari and Opera */     /* styles (including mbox-small above) */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
    line-height: 1.5em;          /* also "nested", so reset styles that are   */   
    font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
    border: 2px solid #b32424;    /* Red */
    background: #fee7e6;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b32424;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #fc3;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;
    font-size: small;
}
 
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #a2a9b1;
    background: #f8f9fa;     /* Default "system" gray */
}
table.fmbox-system {
    background: #f8f9fa;
}
table.fmbox-warning {
    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
    background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
#mw-protect-cascadeon {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages. Used in 
   [[MediaWiki:Noarticletext]]. */
div.noarticletext,
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #a2a9b1;
    background: #f8f9fa;
    padding: 0.25em 0.9em;
}
 
/* These mbox-small classes must be placed after all other 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/* CODE FOR COMPACT AMBOX */

/* Remove borders, backgrounds, padding, etc. */
.compact-ambox table.ambox {
    border: none;
    border-collapse: collapse;
    background: transparent;
    margin: 0 0 0 1.6em !important;
    padding: 0 !important;
    width: auto;
    display: block;
}
body.mediawiki .compact-ambox table.mbox-small-left {
    font-size: 100%;
    width: auto;
    margin: 0;
}
/* Style the text cell as a list item and remove its padding */
.compact-ambox table .mbox-text {
    padding: 0 !important;
    margin: 0 !important;
}
.compact-ambox table .mbox-text-span {
    display: list-item;
    line-height: 1.5em;
    list-style-type: square;
    list-style-image: url("data:image/gif;base64,R0lGODlhBQANAIAAAGOMnP///yH5BAEAAAEALAAAAAAFAA0AAAIJjI+pu+APo4SpADs=");
}
/* Style for compact ambox */
/* Hide the images */
.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
	display: none;
}

/* nav box*/
.navbox {                     /* Navbox container style */
    border: 1px solid #a2a9b1;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

.navbox .wiki-navbar {
    display: block;
}
.navbox-title .wiki-navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 8em;
}



.hash-switch:not(.hash-value-spoiler):not(.hash-active) {
   display: none;
}

.hash-switch .hash-value-spoiler:not(.hash-active) {
    -webkit-filter: blur(3px); /* Chrome, Opera */
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);   
            filter: blur(3px);
}

/* 可视化编辑器中强制显示 */
.ve-ce-leafNode .hash-switch:not(.hash-active) {
   display: block;
}

.banner-switch {
	position: absolute;
	right: 1px;
	bottom: 32px;
	z-index: 5;
}

.banner-switch span.hash-switch {
	display: inline-block !important;
	padding: 5px;
}

.banner-switch span.hash-switch a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: lightblue;
	border: 2px solid transparent;
    border-radius: 50%;
}

.banner-switch span.hash-switch:not(.hash-active) a {
	background-color: #fff;
	border: 2px solid lightblue;
}

.home-title {
	position: relative;
	color: #b98888;
    font-size: 5em;
    font-weight: 400;
    font-family: "Noto Serif SC", Georgia, "Nimbus Roman No9 L", "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif;
}

.home-title a {
	color: #b98888;
}

.home-title a:hover {
	text-decoration: none;
	opacity: 0.9;
}


.home-title p {
	display: inline-block;
	margin: 0 0 0.5em;
    background-color: #2c2c2c;
    padding: 0px 5px 0px 25px;
}

.home-title p:after {
    content: '';
    display: inline-block;
    width: 260px;
    height: 80px;
    position: absolute;
    left: 103px;
    bottom: 25px;
    border: #5a5a5a 3px solid;
    z-index: -1;
}

.home-title span {
	position: relative;
}

/*科*/
.home-title span:nth-of-type(1) {
	font-size: 120%;
}

/*学*/
.home-title span:nth-of-type(2) {
	font-size: 65%;
	right: 8px;
    bottom: 2px;
}

/*A*/
.home-title span:nth-of-type(3) {
	font-size: 80%;
	bottom: 10px;
	right: 8px;
}

/*D*/
.home-title span:nth-of-type(4) {
	font-size: 135%;
	top: 15px;
	right: 18px;
}

/*V*/
.home-title span:nth-of-type(5) {
	font-size: 65%;
    bottom: 5px;
	right: 23px;
}


/*.home-title .sub-title {*/
/*	font-size: 50%;*/
/*    position: relative;*/
/*    top: -2em;*/
/*    opacity: 0.5;*/
/*    border-bottom: 1px solid #FCF3CF;*/
/*}*/

@media screen and (min-width: 480px) and (max-width: 1000px) {
  .auto-screen-scale {
  	width: 50%;
    height: 50%;
  }
}

@media screen and (max-width: 480px) {
  .auto-screen-scale {
  	width: 30%;
    height: 30%;
  }
  .home-title {
  	font-size: 3.5em;
  }
  
  .home-title p:after {
  	width: 180px;
    height: 61px;
    bottom: 16px;
    left: 83px;
  }
}

.page-首页 .mw-body {
	background-color: #2c2c2c;
    color: #fff;
    border-color: #2c2c2c;
}

.page-首页 a:visited {
    color: #b8bce8;
}

.page-首页 .mw-parser-output a.external {
    color: #72a1ef;
}

.page-首页 .mw-parser-output a.external:visited {
    color: #c36fc3;
}

.page-首页 .firstHeading {
	display: none;
}

.page-首页 .mw-jump {
	display: none;
}

.page-首页 .homepage-gallery {
    margin-top: -1.5em;
    margin-bottom: 2.5em;
}

.page-首页 .homepage-gallery .work-title {
	color: #F7DC6F;
	position: relative;
    display: block;
    font-size: 1.5em;
    text-align: left;
    left: -1.2em;
    top: -1.2em;
    font-weight: 600;
    text-shadow: #02020285 -7px 4px 2px;
    z-index: 0;
    transform: rotate3d(1,1,1,25deg);
    transition: opacity 0.2s ease-out 0.2s;
}

.page-首页 .homepage-gallery a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 3px;
	box-sizing: border-box;
	transform: rotate3d(1, 1, 1, 25deg);
	z-index: 2;
	opacity: 0.85;
	transition: filter 0.15s ease-out, z-index 0.15s ease-out, opacity 0.15s ease-out, transform 0.25s ease-out;
	/*overflow: hidden;*/
}

.page-首页 .homepage-gallery p a:hover {
	/*border-color: #444;*/
	-moz-filter:brightness(1.05);
	-webkit-filter:brightness(1.05);
	-o-filter:brightness(1.05);
	-ms-filter:brightness(1.05);
	filter:brightness(1.05);
	transform: rotate3d(1, 1, 1, 0deg) translateZ(120px);
	z-index: 3;
	opacity: 1;
}

.page-首页 .homepage-gallery p a:hover + .work-title {
	opacity: 0;
	transition: opacity 0.2s ease-out;
}

.page-首页 .homepage-gallery a > img {
	display: block;
	width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
    box-shadow: #02020285 -11px 7px 4px;
    transform: scale(0.9);
}

.page-首页 .homepage-gallery p a:hover img {
	transform: scale(1.15);
	box-shadow: #00000090 -2px 1px 5px;
}

.character-gallery ul li {
	display: inline-block;
	vertical-align: top;
}

.character-gallery ul li .character-gallery-avatar:hover {
	transform: scale(1.5);
	border: 2px solid lightblue;
	
}
.character-gallery ul li .character-gallery-avatar {
	width: 100px;
	height: 100px;
	transition: transform 0.1s ease-out;
}

.page-作品_命运石之门 .firstHeading,
.page-作品_机器人笔记 .firstHeading,
.page-作品_命运石之门 .mw-jump-link,
.page-作品_机器人笔记 .mw-jump-link,
.page-作品_命运石之门 #contentSub,
.page-作品_机器人笔记 #contentSub
{
	display: none;
}

.page-作品_命运石之门 .banner,
.page-作品_机器人笔记 .banner {
	font-size: 1rem;
	position: relative;
    top: calc(-1.25em - 1px);
	width: calc(100% + 2em + 1px);
	left: calc(-1em - 1px);
}

@media screen and (min-width: 982px) {
	.page-作品_命运石之门 .banner,
	.page-作品_机器人笔记 .banner {
		width: calc(100% + 3em + 1px);
		left: calc(-1.5em - 1px);
	}
}

@media screen and (max-width: 720px) {
	.page-作品_命运石之门 .banner,
	.page-作品_机器人笔记 .banner {
		top: calc(-1.1em);
	}
}

.debug-treechart > tbody > tr > td {
	border: 1px solid;
}

.exlink img {
	vertical-align: sub;
	margin-right: 2px;
}

.exlink a {
	vertical-align: middle;
}

/* Make the list of references smaller */
ol.references,
div.reflist {
  font-size: 90%;
  /* Default font-size */
  margin-bottom: 0.5em;
}

div.reflist ol.references {
  font-size: 100%;
  /* Reset font-size when nested in div.reflist */
}

div.reflist ol.references,
div.notelist ol.references {
  list-style-type: inherit;
  /* Enable custom list style types */
}

/* .references-2column b/c */
div.references-2column {
  -moz-column-count: 2;
  column-count: 2;
  font-size: 90%;
}

div.references-2column ol.references,
div.references-2column div.reflist {
  font-size: 100%;
}

/* Reset top margin for lists embedded in columns */
div.columns {
  margin-top: 0.3em;
}

div.columns dl,
div.columns ol,
div.columns ul {
  margin-top: 0;
}

/* Avoid list items from breaking between columns */
div.columns li,
div.columns dd dd {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid-column;
}

/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target {
  background-color: #DEF;
}

/* Prevent line breaks in silly places:
 1) Where desired
 2) Links when we don't want them to
 3) Bold "links" to the page itself
 4) HTML formulae
 5) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
  white-space: nowrap;
}

.refbegin {
	font-size: 90%;
	margin-bottom: 0.5em;
}

.refbegin > ol {
	margin-top: 0;
}

.refbegin-hanging-indents > ol {
	margin-left: 0;
}

.refbegin-hanging-indents > ol > li {
	margin-left: 0;
	padding-left: 3.2em;
	text-indent: -3.2em;
}

.refbegin-hanging-indents ol,
.refbegin-hanging-indents ol li {
	list-style: none;
}

@media (max-width: 720px) {
	.refbegin-hanging-indents > ol > li {
		padding-left: 1.6em;
		text-indent: -1.6em;
	}
}

.refbegin-100 {
	font-size: 100%;
}

.refbegin-columns {
	margin-top: 0.3em;
}

.refbegin-columns ul {
	margin-top: 0;
}

.refbegin-columns li {
	page-break-inside: avoid; 
	break-inside: avoid-column;
}

/* 条目目录1级标题（对应条目2级标题）自动加粗 */
li.toclevel-1>a>span.toctext {
  font-weight: bold;
}

/* When div class="nonumtoc" is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber {
  display: none;
}

.nonumtoc #toc ul,
.nonumtoc .toc ul {
  line-height: 1.5em;
  list-style: none;
  margin: .3em 0 0;
  padding: 0;
}

.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
  margin: 0 0 0 2em;
}

/* Allow limiting of which header levels are shown in a TOC;
div class="toclimit-3", for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
  display: none;
}

/* 水平目录相关样式优化 */
.horizontal-toc .toctitle {
	display: inline-block;
}

.horizontal-toc .toctogglespan {
	display: none;
}

.horizontal-toc #mw-toc-heading {
	border: 0;
}

.horizontal-toc ul {
	display: inline;
}

.horizontal-toc li ul {
	margin: 0 !important;
}

.horizontal-toc .toctext {
	font-weight: normal !important;
}

.Lyrics-has-ruby .Lyrics-original,
.Lyrics-has-ruby .Lyrics-translated {
	line-height: 2.1;
}
 
.Lyrics-no-ruby .Lyrics-original,
.Lyrics-no-ruby .Lyrics-translated {
	vertical-align: top;
}
 
.Lyrics .Lyrics-original,
.Lyrics .Lyrics-translated {
	width: 100%;
	display: inline-block;
	white-space: pre-wrap;
}
 
@media all and ( min-width: 720px ) {
	.Lyrics {
		display: flow-root;
		min-width: 480px;
	}
	.Lyrics-has-translate .Lyrics-original,
	.Lyrics-has-translate .Lyrics-translated {
		width: 49.85%;
	}
}

/* 桌面端与移动端样式分离 */
@media (max-width: 720px) {
	.nomobile {
		display: none;
	}
	
	.horizontal-toc {
		overflow: scroll;
	}
	.horizontal-toc .toc {
		white-space: nowrap;
	}
}

@media (min-width: 721px) {
	.nodesktop {
		display: none;
	}
}
取自“https://sci-adv.cc/index.php?title=MediaWiki:Common.css&oldid=7439”