Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Created page with "→这里放置的CSS将应用于所有皮肤: h1 { font-weight: 700; border-bottom: 2px solid #0074f9; } h2 { font-weight: 700; border-bottom: 1px solid #00...") |
|||
| (15 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | /* | + | /* 主标题字型调整*/ |
| + | #firstHeading { | ||
| + | font-weight: 500; | ||
| + | padding-left: 0.25em; | ||
| + | } | ||
| + | |||
| + | /* 右上个人链接栏 */ | ||
| + | nav#p-personal { | ||
| + | background-color: rgba(255, 255, 255, 0.8); | ||
| + | padding: 5px 10px 5px 0; | ||
| + | box-shadow: #666 0 1px 5px; | ||
| + | } | ||
| + | /* MW自带10em宽度,应该是留给测试链接的吧萌百没有就去掉 */ | ||
| + | #p-personal ul { | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | /* 标题下划线增强 700 = bold */ | ||
h1 { | h1 { | ||
font-weight: 700; | font-weight: 700; | ||
| Line 8: | Line 24: | ||
border-bottom: 1px solid #0074f9; | border-bottom: 1px solid #0074f9; | ||
} | } | ||
| − | + | /* 副标题 */ | |
| − | + | #siteSub { | |
| + | display: inline; | ||
| + | font-size: 90%; | ||
| + | font-weight: 400; /* 400 = normal */ | ||
| + | font-style: normal; | ||
| + | text-align: right; | ||
} | } | ||
| − | /* | + | /* 被点过的外部链接不变色。采取和默认皮肤相同写法,以便override */ |
| − | + | .mw-body a.external:visited { | |
color: #36b; | color: #36b; | ||
} | } | ||
| − | /* | + | /* 斜体字右边距加大看以防止文字挤在一起 */ |
| − | . | + | #mw-content-text i { |
| − | . | + | margin-right: 3px; |
| − | . | + | } |
| − | . | + | /* 对齐搜索按钮 */ |
| − | + | div#simpleSearch button#searchButton { | |
| + | padding-top: .1em; | ||
| + | padding-bottom: .2em; | ||
| + | padding-right: .1em; | ||
| + | } | ||
| + | /* 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; | ||
} | } | ||
| − | |||
/* 黑幕模板配合CSS */ | /* 黑幕模板配合CSS */ | ||
| − | |||
/* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ | /* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */ | ||
| − | |||
span.heimu a.external, | span.heimu a.external, | ||
| − | |||
span.heimu a.external:visited, | span.heimu a.external:visited, | ||
| − | |||
span.heimu a.extiw, | span.heimu a.extiw, | ||
| − | |||
span.heimu a.extiw:visited { | span.heimu a.extiw:visited { | ||
| − | |||
color: #252525; | color: #252525; | ||
| − | |||
} | } | ||
| − | |||
.heimu, | .heimu, | ||
| − | |||
.heimu a, | .heimu a, | ||
| − | |||
a .heimu, | a .heimu, | ||
| − | |||
.heimu a.new { | .heimu a.new { | ||
| − | |||
background-color: #252525; | background-color: #252525; | ||
| − | |||
color: #252525; | color: #252525; | ||
| − | |||
text-shadow: none; | text-shadow: none; | ||
| − | |||
} | } | ||
| − | |||
body:not(.heimu_toggle_on) .heimu:hover, | body:not(.heimu_toggle_on) .heimu:hover, | ||
| − | |||
body:not(.heimu_toggle_on) .heimu:active, | body:not(.heimu_toggle_on) .heimu:active, | ||
| − | |||
body:not(.heimu_toggle_on) .heimu.off { | body:not(.heimu_toggle_on) .heimu.off { | ||
| − | |||
transition: color .13s linear; | transition: color .13s linear; | ||
| − | |||
color: white; | color: white; | ||
| − | |||
} | } | ||
| − | |||
body:not(.heimu_toggle_on) .heimu:hover a, | body:not(.heimu_toggle_on) .heimu:hover a, | ||
| − | |||
body:not(.heimu_toggle_on) a:hover .heimu, | body:not(.heimu_toggle_on) a:hover .heimu, | ||
| − | |||
body:not(.heimu_toggle_on) .heimu.off a, | body:not(.heimu_toggle_on) .heimu.off a, | ||
| − | |||
body:not(.heimu_toggle_on) a:hover .heimu.off { | body:not(.heimu_toggle_on) a:hover .heimu.off { | ||
| − | |||
transition: color .13s linear; | transition: color .13s linear; | ||
| − | |||
color: lightblue; | color: lightblue; | ||
| − | |||
} | } | ||
| − | |||
body:not(.heimu_toggle_on) .heimu.off .new, | body:not(.heimu_toggle_on) .heimu.off .new, | ||
| − | |||
body:not(.heimu_toggle_on) .heimu.off .new:hover, | body:not(.heimu_toggle_on) .heimu.off .new:hover, | ||
| − | |||
body:not(.heimu_toggle_on) .new:hover .heimu.off, | body:not(.heimu_toggle_on) .new:hover .heimu.off, | ||
| − | |||
body:not(.heimu_toggle_on) .heimu.off .new, | body:not(.heimu_toggle_on) .heimu.off .new, | ||
| − | |||
body:not(.heimu_toggle_on) .heimu.off .new:hover, | body:not(.heimu_toggle_on) .heimu.off .new:hover, | ||
| − | |||
body:not(.heimu_toggle_on) .new:hover .heimu.off { | body:not(.heimu_toggle_on) .new:hover .heimu.off { | ||
| − | |||
transition: color .13s linear; | transition: color .13s linear; | ||
| − | |||
color: #BA0000; | color: #BA0000; | ||
| − | |||
} | } | ||
Latest revision as of 11:40, 5 May 2021
/* 主标题字型调整*/
#firstHeading {
font-weight: 500;
padding-left: 0.25em;
}
/* 右上个人链接栏 */
nav#p-personal {
background-color: rgba(255, 255, 255, 0.8);
padding: 5px 10px 5px 0;
box-shadow: #666 0 1px 5px;
}
/* MW自带10em宽度,应该是留给测试链接的吧萌百没有就去掉 */
#p-personal ul {
padding-left: 0;
}
/* 标题下划线增强 700 = bold */
h1 {
font-weight: 700;
border-bottom: 2px solid #0074f9;
}
h2 {
font-weight: 700;
border-bottom: 1px solid #0074f9;
}
/* 副标题 */
#siteSub {
display: inline;
font-size: 90%;
font-weight: 400; /* 400 = normal */
font-style: normal;
text-align: right;
}
/* 被点过的外部链接不变色。采取和默认皮肤相同写法,以便override */
.mw-body a.external:visited {
color: #36b;
}
/* 斜体字右边距加大看以防止文字挤在一起 */
#mw-content-text i {
margin-right: 3px;
}
/* 对齐搜索按钮 */
div#simpleSearch button#searchButton {
padding-top: .1em;
padding-bottom: .2em;
padding-right: .1em;
}
/* 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;
}
/* 黑幕模板配合CSS */
/* 把这几行单独拎出来写,否则会被Firefox合并到“.heimu a”这条规则,然后又被上面的“点过外链不变色”规则override */
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
color: #252525;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
background-color: #252525;
color: #252525;
text-shadow: none;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
transition: color .13s linear;
color: white;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
transition: color .13s linear;
color: lightblue;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off {
transition: color .13s linear;
color: #BA0000;
}