MCBBS Wiki

MediaWiki:Common.css：修订间差异

系统消息 讨论

MediaWiki:Common.css (查看源代码)

2020年7月8日 (三) 21:24的版本

添加863字节 、​ 2020年7月8日 (星期三)
// Edit via Wikiplus
无编辑摘要
（// Edit via Wikiplus）
第1行： 第1行：
:root {
:root {
--themecolor:#A8CDFF;
    --themecolor: #A8CDFF;
--themeimg:url(https://www.mcbbs.net/template/mcbbs/image/body_bg.jpg);
    --themeimg: url(https://www.mcbbs.net/template/mcbbs/image/body_bg.jpg);
--bgtop:46px;
    --bgtop: 46px;
--bgleft:20px;
    --bgleft: 20px;
--lightcolor:#FDF6E6;
    --lightcolor: #FDF6E6;
--bgcolor:#fbf2dc;
    --bgcolor: #fbf2dc;
--bgcolor1:#E9D3AD;
    --bgcolor1: #E9D3AD;
--bgcolor2:#E7D3B1;
    --bgcolor2: #E7D3B1;
--bgcolor3:#E9CB97;
    --bgcolor3: #E9CB97;
--linecolor:#CFB78E;
    --linecolor: #CFB78E;
--fontfamily:sans-serif,'Microsoft Yahei',apple color emoji,segoe ui emoji,segoe ui symbol;
    --fontfamily: sans-serif,'Microsoft Yahei',apple color emoji,segoe ui emoji,segoe ui symbol;
--fontfamily2:'Linux Libertine','Georgia','Times',serif,sans-serif,Tahoma;
    --fontfamily2: 'Linux Libertine','Georgia','Times',serif,sans-serif,Tahoma;
    --heimu: #000;
}
}


第66行： 第67行：
}
}
.portal:hover {
.portal:hover {
     background: rgba(255,255,255,0.5);
     background: rgba(255,255,255,0.7);
}
}
/*
/*
第307行： 第308行：


body {
body {
background:var(--themeimg) 0 0 no-repeat;
    background:var(--themeimg) 0 0 no-repeat;
background-position:center;
    background-position:center;
background-attachment:fixed;
    background-attachment:fixed;
background-size:cover;
    background-size:cover;
border-top:none;
    border-top:none;
font-family:var(--fontfamily)
    font-family:var(--fontfamily)
}
}
#mw-page-base {
#mw-page-base {
background:none!important
    background:none!important
}
}
#content:before {
#content:before {
content:'';
    content:'';
left:0;
    left:0;
height:var(--bgtop);
    height:var(--bgtop);
width:calc(100% - 90px);
    width:calc(100% - 90px);
padding:0 45px;
    padding:0 45px;
margin-top:-45px;
    margin-top:-45px;
display:block;
    display:block;
position:absolute;
    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
    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:after {
content:'';
    content:'';
left:0;
    left:0;
height:var(--bgtop);
    height:var(--bgtop);
width:calc(100% - 90px);
    width:calc(100% - 90px);
padding:0 45px;
    padding:0 45px;
bottom:0px;
    bottom:0px;
margin-bottom:-45px;
    margin-bottom:-45px;
display:block;
    display:block;
position:absolute;
    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
    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 {
#content {
padding:0 calc(var(--bgtop) * 1.5);
    padding:0 calc(var(--bgtop) * 1.5);
margin-right:var(--bgleft);
    margin-right:var(--bgleft);
overflow:visible;
    overflow:visible;
position:relative;
    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: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);
    background-color:var(--bgcolor);
     min-height: 500px;
     min-height: 500px;
}
}
#left-navigation {
#left-navigation {
margin-top:calc(2em + var(--bgtop));
    margin-top:calc(2em + var(--bgtop));
margin-left:calc(11em + var(--bgtop) * 1.5)
    margin-left:calc(11em + var(--bgtop) * 1.5)
}
}
#right-navigation {
#right-navigation {
margin-top:calc(2em + var(--bgtop));
    margin-top:calc(2em + var(--bgtop));
margin-right:calc(var(--bgtop) + var(--bgleft))
    margin-right:calc(var(--bgtop) + var(--bgleft))
}
}
#left-navigation li,#right-navigation #p-views li {
#left-navigation li,#right-navigation #p-views li {
background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%)
    background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%)
}
}
#left-navigation li.selected,#right-navigation #p-views li.selected {
#left-navigation li.selected,#right-navigation #p-views li.selected {
background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%,white 100%)
    background-image:linear-gradient(0deg,var(--linecolor) 0%,var(--bgcolor) 30%,white 100%)
}
}
#left-navigation li:first-child,#right-navigation li:first-child {
#left-navigation li:first-child,#right-navigation li:first-child {
border-left:1px solid var(--linecolor)
    border-left:1px solid var(--linecolor)
}
}
#left-navigation li:last-child,#right-navigation li:last-child {
#left-navigation li:last-child,#right-navigation li:last-child {
border-right:1px solid var(--linecolor)
    border-right:1px solid var(--linecolor)
}
}
#p-cactions .menu li {
#p-cactions .menu li {
border:1px solid var(--linecolor);
    border:1px solid var(--linecolor);
background-color:var(--lightcolor);/*右侧收起来的几个选项*/
    background-color:var(--lightcolor);/*右侧收起来的几个选项*/
}
}
#left-navigation div,#left-navigation ul,#left-navigation span,#right-navigation div,#right-navigation ul,#right-navigation span,#p-cactions-label{
#left-navigation div,#left-navigation ul,#left-navigation span,#right-navigation div,#right-navigation ul,#right-navigation span,#p-cactions-label{
background:none!important
    background:none!important
}
}
#firstHeading {
#firstHeading {
margin-top:var(--bgtop)
    margin-top:var(--bgtop)
}
}
#p-personal {
#p-personal {
width:100%;
    width:100%;
position:fixed;
    position:fixed;
top:0;
    top:0;
right:0;
    right:0;
padding:0.33em 1em;
    padding:0.33em 1em;
background:url(https://www.mcbbs.net/template/mcbbs/image/top_bg.png);
    background:url(https://www.mcbbs.net/template/mcbbs/image/top_bg.png);
background-size:contain;
    background-size:contain;
opacity: 0.6;/*因为是fixed的顶部栏，所以在章节跳转的时候会挡住第一行字*/
    opacity: 0.6;/*因为是fixed的顶部栏，所以在章节跳转的时候会挡住第一行字*/
transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
}
#p-personal:hover {
#p-personal:hover {
opacity: 1;
    opacity: 1;
}
}
#p-personal ul {
#p-personal ul {
float:right;
    float:right;
}
}


#catlinks,pre,table.wikitable,li.gallerybox div.thumb,.toc,.mw-warning,.toccolours,table.navbox,#simpleSearch {
#catlinks,pre,table.wikitable,li.gallerybox div.thumb,.toc,.mw-warning,.toccolours,table.navbox,#simpleSearch {
background-color:var(--lightcolor)
    background-color:var(--lightcolor)
}
}
fieldset,ul,li,a,span,em,pre,h1,h2,h3,h4,h5,h6 {
fieldset,ul,li,a,span,em,pre,h1,h2,h3,h4,h5,h6 {
border-color:var(--linecolor)!important
    border-color:var(--linecolor)!important
}
}
.diff-deletedline {
.diff-deletedline {
border-color:#ffe49c!important
    border-color:#ffe49c!important
}
}
.diff-addedline {
.diff-addedline {
border-color:#a3d3ff!important
    border-color:#a3d3ff!important
}
}
#catlinks {
#catlinks {
margin-bottom:2px
    margin-bottom:2px
}
}


::selection {
::selection {
background:lightblue;
    background:lightblue;
color:black
    color:black
}
}
::-moz-selection {
::-moz-selection {
background:lightblue;
    background:lightblue;
color:black
    color:black
}
}
input,select {
input,select {
background-color:var(--lightcolor);
    background-color:var(--lightcolor);
border:1px solid var(--linecolor)
    border:1px solid var(--linecolor)
}
}
h1,h2,h3,h4,h5,h6 {
h1,h2,h3,h4,h5,h6 {
font-family:var(--fontfamily)!important
    font-family:var(--fontfamily)!important
}
}
/* 页脚 */
#footer {
#footer {
padding-bottom:0;
    padding-bottom:0;
        margin-top:35px;
    margin-top:35px;
    transition: all .3s;
}
#footer:hover {
    background: rgba(255,255,255,0.7);/*鼠标滑过，背景变白*/
}
}
/* 网页特效 */
/* 网页特效 */
.saturation0 {
.saturation0 { /*黑白*/
     -webkit-filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
     -moz-filter: grayscale(100%);
第440行： 第445行：
     -o-filter: grayscale(100%);
     -o-filter: grayscale(100%);
     filter: grayscale(100%);
     filter: grayscale(100%);
}
.heimu,.blackcurtain{/*黑幕*/
    transition: all .3s;
    background: var(--heimu);
    color: var(--heimu);
    /* 黑幕：一块黑色区域，鼠标移入后显示内容
      使用方法：将heimu类或者blackcurtain类附加到你想实现黑幕的元素上
      彩色黑幕：将元素的--heimu变量变为你想要的颜色 */
}
.heimu:hover,.blackcurtain:hover{ /*黑幕，鼠标移入后文字背景透明*/
    background: transparent;
}
}
取自“https://mcbbs.wiki/wiki/特殊:移动版差异/12986”