MediaWiki:Common.css

Salt lovely留言 | 贡献2020年4月19日 (日) 21:42的版本 (修复LOGO)

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

  • 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
:root {
	--themecolor:#A8CDFF;
	--themeimg:url(https://www.mcbbs.net/template/mcbbs/image/body_bg.jpg);
	--bgtop:46px;
	--bgleft:20px;
	--lightcolor:#FDF6E6;
	--bgcolor:#fbf2dc;
	--bgcolor1:#E9D3AD;
	--bgcolor2:#E7D3B1;
	--bgcolor3:#E9CB97;
	--linecolor:#CFB78E;
	--fontfamily:sans-serif,'Microsoft Yahei',apple color emoji,segoe ui emoji,segoe ui symbol;
	--fontfamily2:'Linux Libertine','Georgia','Times',serif,sans-serif,Tahoma;
}

dfn {
    font-style: Sans-serif;
}
/* LOGO */
#p-logo a{
    background-size: contain;
}
#p-logo{
    margin-top: 1.5em;
}

/* 左侧导航信息 */
/*
.portal {
    background: rgba(255,255,255,0.5);
}
.portal li:hover {
    background: rgba(255,255,255,0.7);
}
*/
.portal{
    transition: all .3s;
}
.portal:hover {
    background: rgba(255,255,255,0.5);
}
/*
#mw-panel:hover {
    background: rgba(255,255,255,0.5);
}
*/

/* info类模板 */
.infoBox {
    margin: 0 auto;
}
.infoBoxTitle {
    margin: 3px auto;
    padding: 0;
    text-align: center;
    font-weight: 700;
}
.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}
.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}
.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

/* 页面底部导航框(2011年8月16日引自中文维基)(所谓大家族模板) */
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}
table.navbox+table.navbox {
    margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
.navbox,
.navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
    background: none repeat scroll 0 0 #a5e4a5;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #c0ecc0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #e6f6e6;
}
.navbox-even {
    background: none repeat scroll 0 0 #f5fcf5;
}
.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}
/* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
    Address alignment issue of nested tabs in Navbox */
.navbox .TabLabel {
    text-align: left;
}

body {
	background:var(--themeimg) 0 0 no-repeat;
	background-attachment:fixed;
	background-size:cover;
	border-top:none;
	font-family:var(--fontfamily)
}
#mw-page-base {
	background:none!important
}
#content:before {
	content:'';
	left:0;
	height:var(--bgtop);
	width:calc(100% - 90px);
	padding:0 45px;
	margin-top:-45px;
	display:block;
	position:absolute;
	background:url(https://s2.ax1x.com/2019/11/28/QFB2X4.png)left top no-repeat,url(https://s2.ax1x.com/2019/11/28/QFBfB9.png)right top no-repeat,url(https://s2.ax1x.com/2019/11/28/QFBc1U.png)top repeat-x content-box
}
#content:after {
	content:'';
	left:0;
	height:var(--bgtop);
	width:calc(100% - 90px);
	padding:0 45px;
	bottom:0px;
	margin-bottom:-45px;
	display:block;
	position:absolute;
	background:url(https://s2.ax1x.com/2019/11/28/QFco4A.png)bottom repeat-x content-box,url(https://s2.ax1x.com/2019/11/28/QFcINd.png)left bottom no-repeat,url(https://s2.ax1x.com/2019/11/28/QFc5AH.png)right bottom no-repeat
}
#content {
	padding:0 calc(var(--bgtop) * 1.5);
	margin-right:var(--bgleft);
	overflow:visible;
	position:relative;
	background:url(https://www.mcbbs.net/template/mcbbs/image/bg_border_left.png) left top repeat-y,url(https://www.mcbbs.net/template/mcbbs/image/bg_border_right.png) right top repeat-y;
	background-color:var(--bgcolor)
}
#left-navigation {
	margin-top:calc(2em + var(--bgtop));
	margin-left:calc(11em + var(--bgtop) * 1.5)
}
#right-navigation {
	margin-top:calc(2em + var(--bgtop));
	margin-right:calc(var(--bgtop) + var(--bgleft))
}
#left-navigation li,#right-navigation li {
	background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%)
}
#left-navigation li.selected,#right-navigation li.selected {
	background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%,white 100%)
}
#left-navigation li:first-child,#right-navigation li:first-child {
	border-left:1px solid var(--linecolor)
}
#left-navigation li:last-child,#right-navigation li:last-child {
	border-right:1px solid var(--linecolor)
}
#p-cactions .menu li {
	border:1px solid var(--linecolor)
}
#left-navigation div,#left-navigation ul,#left-navigation span,#right-navigation div,#right-navigation ul,#right-navigation span,#p-cactions-label,#p-cactions .menu li {
	background:none!important
}
#firstHeading {
	margin-top:var(--bgtop)
}
#p-personal {
	width:100%;
	position:fixed;
	top:0;
	right:0;
	padding:0.33em 1em;
	background:url(https://www.mcbbs.net/template/mcbbs/image/top_bg.png);
	background-size:contain
}
#p-personal ul {
	float:right
}
#catlinks,pre,table.wikitable,li.gallerybox div.thumb,.toc,.mw-warning,.toccolours,table.navbox,#simpleSearch {
	background-color:var(--lightcolor)
}
fieldset,ul,li,a,span,em,pre,h1,h2,h3,h4,h5,h6 {
	border-color:var(--linecolor)!important
}
.diff-deletedline {
	border-color:#ffe49c!important
}
.diff-addedline {
	border-color:#a3d3ff!important
}
#catlinks {
	margin-bottom:2px
}

::selection {
	background:lightblue;
	color:black
}
::-moz-selection {
	background:lightblue;
	color:black
}
input,select {
	background-color:var(--lightcolor);
	border:1px solid var(--linecolor)
}
h1,h2,h3,h4,h5,h6 {
	font-family:var(--fontfamily2)!important
}
#footer {
	padding-bottom:0
        margin-top: 1em;
}