“MediaWiki:Common.css”的版本间的差异
(未显示同一用户的25个中间版本) | |||
第5行: | 第5行: | ||
/* 为vector皮肤添加上方背景 */ | /* 为vector皮肤添加上方背景 */ | ||
body.skin-vector { | body.skin-vector { | ||
− | background: url(//hima.aimo.moe | + | background: url(//hima.aimo.moe/skins/Aimo/bgimg1.jpg) no-repeat top left #f6f6f6; |
} | } | ||
第26行: | 第26行: | ||
#mw-panel #p-logo { | #mw-panel #p-logo { | ||
width: 176px; | width: 176px; | ||
− | height: | + | height: 200px; |
margin-left: -0.5em; | margin-left: -0.5em; | ||
+ | } | ||
+ | #mw-panel #p-logo .mw-wiki-logo { | ||
+ | width: 176px; | ||
+ | height: 200px; | ||
} | } | ||
第35行: | 第39行: | ||
padding: 5px 10px 5px 0; | padding: 5px 10px 5px 0; | ||
box-shadow: #666 0 1px 5px; | box-shadow: #666 0 1px 5px; | ||
+ | } | ||
+ | |||
+ | /* ========== 内容相关 ========== */ | ||
+ | |||
+ | /* 字体相关 */ | ||
+ | a:hover, a:active { | ||
+ | text-decoration: none; | ||
+ | text-shadow: #1E90FF 0 0 7px; | ||
+ | } | ||
+ | a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | a.new { | ||
+ | color: blue !important; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | a { | ||
+ | color: #28326f !important; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | [href]:hover{ | ||
+ | font-size: 106%; | ||
+ | } | ||
+ | |||
+ | /* 浮动目录 */ | ||
+ | #toc, .toc { | ||
+ | display: block; | ||
+ | position: fixed; | ||
+ | top: 100px; | ||
+ | right: 0px; | ||
+ | min-width: 200px; | ||
+ | max-width: 350px; | ||
+ | max-height: 600px; | ||
+ | overflow-y: scroll; | ||
+ | border: 1px solid #aaa; | ||
+ | border-radius: 0 0 1px 1px; | ||
+ | -moz-border-radius: 0 0 1px 1px; | ||
+ | background: rgba(249,249,249,0.85); | ||
+ | padding: 12px; | ||
+ | box-shadow: 0 1px 8px #000; | ||
+ | -webkit-box-shadow: 0 1px 8px #000; | ||
+ | -moz-box-shadow: 0 1px 8px #000; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* backtotop */ | ||
+ | #gotop{ | ||
+ | display:none; | ||
+ | width:128px; | ||
+ | height:128px; | ||
+ | position:fixed; | ||
+ | right:20px; | ||
+ | bottom:20px; | ||
+ | background:url(/skins/Aimo/totop.png) no-repeat 0px 0px; | ||
+ | } | ||
+ | |||
+ | /* 背景透明 */ | ||
+ | #content{ | ||
+ | opacity: 0.95; | ||
+ | } | ||
+ | |||
+ | /* ========== 首页相关 ========== */ | ||
+ | .content{ | ||
+ | width:75%; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .mainpage-newsbox { | ||
+ | width: 66.67%; | ||
+ | float: left; | ||
+ | } | ||
+ | .mainpage-box { | ||
+ | float: left; | ||
+ | width: 33.33%; | ||
+ | } | ||
+ | .mainpage-title { | ||
+ | font-family: EasonPro, "黑体", serif; | ||
+ | font-size: 1.618em; | ||
+ | color: #FFFFFF; | ||
+ | margin: 0; | ||
+ | background: #00BFFF; | ||
+ | font-weight: 400; /* 400 = normal */ | ||
+ | height: 30px; | ||
+ | line-height: 30px; | ||
+ | text-align: center; | ||
+ | font-size-adjust: .48; | ||
+ | } | ||
+ | .mainpage-content, | ||
+ | .mainpage-1stcontent { | ||
+ | vertical-align: top; | ||
+ | padding: .5em 2%; | ||
+ | min-height: 130px; | ||
+ | } | ||
+ | .mainpage-content.nomobile { | ||
+ | min-height: auto; | ||
+ | } | ||
+ | .clear-div { | ||
+ | clear: both; | ||
+ | } | ||
+ | #mainpage { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | border-collapse: collapse; | ||
+ | text-align: left; | ||
+ | margin: 0 auto; /* 居中 */ | ||
+ | max-width: 1030px; | ||
} | } |
2019年5月10日 (五) 23:58的最新版本
/* 这里放置的CSS将应用于所有皮肤 */
/* ========== 上栏相关 ========== */
/* 为vector皮肤添加上方背景 */
body.skin-vector {
background: url(//hima.aimo.moe/skins/Aimo/bgimg1.jpg) no-repeat top left #f6f6f6;
}
/* 去除vector皮肤上方留白 */
div#mw-page-base {
background: none;
height: 100px;
}
/* 顶栏与边框适配位移 */
#left-navigation,
#right-navigation {
margin-top: 60px;
}
div#mw-panel {
top: 0;
text-shadow: 1px 1px #f6f6f6;
}
#mw-panel #p-logo {
width: 176px;
height: 200px;
margin-left: -0.5em;
}
#mw-panel #p-logo .mw-wiki-logo {
width: 176px;
height: 200px;
}
/* 用户添加边框 */
div#p-personal {
background-color: rgba(255, 255, 255, 0.8);
padding: 5px 10px 5px 0;
box-shadow: #666 0 1px 5px;
}
/* ========== 内容相关 ========== */
/* 字体相关 */
a:hover, a:active {
text-decoration: none;
text-shadow: #1E90FF 0 0 7px;
}
a:hover {
text-decoration: underline;
}
a.new {
color: blue !important;
text-decoration: none;
font-weight: bold;
}
a {
color: #28326f !important;
text-decoration: none;
font-weight: bold;
}
[href]:hover{
font-size: 106%;
}
/* 浮动目录 */
#toc, .toc {
display: block;
position: fixed;
top: 100px;
right: 0px;
min-width: 200px;
max-width: 350px;
max-height: 600px;
overflow-y: scroll;
border: 1px solid #aaa;
border-radius: 0 0 1px 1px;
-moz-border-radius: 0 0 1px 1px;
background: rgba(249,249,249,0.85);
padding: 12px;
box-shadow: 0 1px 8px #000;
-webkit-box-shadow: 0 1px 8px #000;
-moz-box-shadow: 0 1px 8px #000;
}
/* backtotop */
#gotop{
display:none;
width:128px;
height:128px;
position:fixed;
right:20px;
bottom:20px;
background:url(/skins/Aimo/totop.png) no-repeat 0px 0px;
}
/* 背景透明 */
#content{
opacity: 0.95;
}
/* ========== 首页相关 ========== */
.content{
width:75%;
margin:0 auto;
}
.mainpage-newsbox {
width: 66.67%;
float: left;
}
.mainpage-box {
float: left;
width: 33.33%;
}
.mainpage-title {
font-family: EasonPro, "黑体", serif;
font-size: 1.618em;
color: #FFFFFF;
margin: 0;
background: #00BFFF;
font-weight: 400; /* 400 = normal */
height: 30px;
line-height: 30px;
text-align: center;
font-size-adjust: .48;
}
.mainpage-content,
.mainpage-1stcontent {
vertical-align: top;
padding: .5em 2%;
min-height: 130px;
}
.mainpage-content.nomobile {
min-height: auto;
}
.clear-div {
clear: both;
}
#mainpage {
display: block;
width: 100%;
border-collapse: collapse;
text-align: left;
margin: 0 auto; /* 居中 */
max-width: 1030px;
}