打开/关闭菜单
Toggle preferences menu
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css

MediaWiki界面页面
Cirno.9讨论 | 贡献2023年7月29日 (六) 17:01的版本
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

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

  • 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将应用于所有皮肤 */
.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;
}