注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
.data{
display:none;
}
/*recentChange list 按屏幕大小调整*/
@media screen and (max-width: 530px){
.mw-enhanced-rc{
margin-left:0;
}
}
/*notify 样式*/
.mw-notification{
border-radius: 7px;
background: rgba(218, 218, 218, 0.2);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(6px);
box-shadow: inset 0 0 6px rgba(255,255,255,0.2);
}
/*当题库为citizen皮肤时时调整notify的位置<*/
.mw-notification-area:not(.citizen-header){
top:82px;
}
/*当题库的toolbar存在时并且时手机版(header隐藏)时调整notify的位置<*/
@media screen and (max-width: 850px){
.mw-notification-area:not(.timu-toolbar){
top:40px;
}
}
/* 题目样式 */
.noDisplay{
display: none;
}
/*OOui 自定义样式*/
.oo-ui-messageWidget.oo-ui-messageWidget-block{
border-radius: 10px;
}
/*模糊*/
.blur{
filter: blur(7px);
transition-duration: 0.1s;
}
.blur:focus{
filter: blur(0px);
transition-duration: 0.3s;
}
/*评论论坛美化*/
.comments-body{
background-color:#fcfcfc;
}
.comments-body > p{
height:0px;
}
.c-score{
margin-right:20px;
}
.c-score-title{
display:none;
}
.c-user > p{
width:auto;
}
.c-time{
position:absolute;
top:-14px;
left:75px;
padding:22px;
}
.c-order{
margin-left:10px;
}
.c-item{
min-width:300px;
background-color:#f4f4f4;
width:90%;
padding-bottom:15px;
margin-left:20px;
margin-bottom:0px;
}
.c-user>p{
margin-bottom:5px;
}
.c-actions{
position:absolute;
left:75%;
top:80%;
}
form[name="commentForm"]{
margin-left:10px;
}
textarea#comment{
margin-left:15px;
width:80%;
}
@media(max-width:480px){
.c-item{
width:95%;
}
}
/*关闭搜索结果,只显示标题*/
/*.searchresult{*/
/* display:none;*/
/*}*/
/*.mw-search-results li a {*/
/* font-size: 150%;*/
/*}*/
.mw-search-result-data{
font-size:11px;
}
/*分列*/
div.infoContainer {
/*信息栏的容器*/
width: 97%;
margin: auto;
margin-top: 15px;
column-count: 2;
column-gap: 40px;
column-rule-style: solid;
column-rule-width: 1px;
column-rule-color: #c4c4c4;
/* Firefox */
-moz-column-count: 2;
-moz-column-gap: 40px;
-moz-column-rule-style: solid;
-moz-column-rule-width: 1px;
-moz-column-rule-color: #c4c4c4;
/* Safari and Chrome */
-webkit-column-count: 2;
-webkit-column-gap: 20px;
-webkit-column-rule-style: solid;
-webkit-column-rule-width: 1px;
-webkit-column-rule-color: #c4c4c4;
transition-duration: 300ms;
}
div.infoContainer > div {
/*信息栏内部两分区基本样式*/
width: auto;
min-height: 300px;
background-color: #f3f3f3;
padding: 0.5rem 1rem 0.5rem 1rem;
}
.infoContainer > div > strong {
font-size: 1.5rem;
}
.infoContainer_links {
/*信息栏的具体栏目的链接*/
color: black;
text-decoration: none;
transition: transform 200ms;
font-size:19px;
margin-top:2px;
}
.infoContainer_links_time{
display: block;
font-weight:lighter;
font-size:13px;
font-style:italic;
text-align: right;
transition-duration:800ms;
}
.infoContainer_links:hover {
/*信息栏的具体栏目的链接鼠标悬浮变色*/
color: rgb(34, 0, 156);
text-decoration: none;
font-size: 21px;
transition-duration:200ms;
}
.latestwords_con{
margin-top:5px;
background: #e8ecf3;
padding: 3px 3px;
border-radius: 4px;
}
.kanban_container{
display:inline-block;
width:40%;
float: right
}
.newwords_container{
display:inline-block;
width:55%;
float:left
}
@media(max-width:480px){
.kanban_container{
width:95%;
}
.newwords_container{
width:100%;
float:left;
}
}
/* Article message box styles */
table.ambox {
margin: 0 10%; /* 10% = Will not overlap with other elements */
border: 1px solid #a2a9b1;
/* @noflip */
border-left: 10px solid #36c; /* Default "notice" blue */
background-color: #fbfbfb;
box-sizing: border-box;
}
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 */
/* @noflip */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright { /* The right image cell */
/* @noflip */
padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */
}
table.ambox-notice {
/* @noflip */
border-left: 10px solid #36c; /* Blue */
}
table.ambox-speedy {
/* @noflip */
border-left: 10px solid #b32424; /* Red */
background-color: #fee7e6; /* Pink */
}
table.ambox-delete {
/* @noflip */
border-left: 10px solid #b32424; /* Red */
}
table.ambox-content {
/* @noflip */
border-left: 10px solid #f28500; /* Orange */
}
table.ambox-style {
/* @noflip */
border-left: 10px solid #fc3; /* Yellow */
}
table.ambox-move {
/* @noflip */
border-left: 10px solid #9932cc; /* Purple */
}
table.ambox-protection {
/* @noflip */
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-color: #fbfbfb;
box-sizing: border-box;
}
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
display: block; /* Fix for webkit to force 100% width. */
}
.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-color: #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-color: #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-color: #dfe8ff; /* Default "notice" blue */
box-sizing: border-box;
}
table.cmbox-notice {
background-color: #d8e8ff; /* Blue */
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b32424; /* Red */
background-color: #ffdbdb; /* Pink */
}
table.cmbox-delete {
background-color: #ffdbdb; /* Pink */
}
table.cmbox-content {
background-color: #ffe7ce; /* Orange */
}
table.cmbox-style {
background-color: #fff9db; /* Yellow */
}
table.cmbox-move {
background-color: #e4d8ff; /* Purple */
}
table.cmbox-protection {
background-color: #efefe1; /* Gray-gold */
}
/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #a2a9b1; /* Default "notice" gray */
background-color: #f8f9fa;
box-sizing: border-box;
}
table.ombox-notice {
border: 1px solid #a2a9b1; /* Gray */
}
table.ombox-speedy {
border: 2px solid #b32424; /* Red */
background-color: #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-color: #f8eaba;
min-width: 80%;
box-sizing: border-box;
}
.tmbox.mbox-small {
min-width: 0; /* reset the min-width of tmbox above */
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */
width: 100%; /* For Safari and Opera */
}
.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-color: #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 */
}
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #a2a9b1;
background-color: #f8f9fa; /* Default "system" gray */
box-sizing: border-box;
}
table.fmbox-system {
background-color: #f8f9fa;
}
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
background-color: #ffdbdb; /* Pink */
}
table.fmbox-editnotice {
background-color: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background-color: #ffdbdb;
padding: 0.25em 0.9em;
box-sizing: border-box;
}