Difference between revisions of "MediaWiki:Common.css"

From What's Up With Your MCU? - A72's ECE Hobby Blog
Jump to navigation Jump to search
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* 这里放置的CSS将应用于所有皮肤 */
+
/* 主标题字型调整*/
.mw-wiki-logo {
+
#firstHeading {
     height: 0em;
+
    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 11: Line 24:
 
     border-bottom: 1px solid #0074f9;
 
     border-bottom: 1px solid #0074f9;
 
}
 
}
.mw-wiki-logo{
+
/* 副标题 */
background-size:220%;
+
#siteSub {
 +
    display: inline;
 +
    font-size: 90%;
 +
    font-weight: 400; /* 400 = normal */
 +
    font-style: normal;
 +
    text-align: right;
 
}
 
}
/* 被点过的外部链接不变色 */
+
/* 被点过的外部链接不变色。采取和默认皮肤相同写法,以便override */
div#content a.external:visited {
+
.mw-body a.external:visited {
 
     color: #36b;
 
     color: #36b;
 
}
 
}
/* 隐藏首页空行,讨论、查看源代码tab */
+
/* 斜体字右边距加大看以防止文字挤在一起 */
.page-Mainpage #siteSub,
+
#mw-content-text i {
.page-Mainpage #contentSub,
+
    margin-right: 3px;
.page-Mainpage li#ca-viewsource,
+
}
.page-Mainpage li#ca-talk {
+
/* 对齐搜索按钮 */
     display: none;
+
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;
}