“MediaWiki:Vector.css”的版本间的差异

来自中文乐谱库
 
(未显示同一用户的95个中间版本)
第1行: 第1行:
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
+
.body{
#p-tb {
+
    font-family: 微软雅黑;
    margin-top: 10px;
 
 
}
 
}
#bodyContent {
+
.mw-body .firstHeading {
width:100%;
+
     overflow: visible;
font-size:1em;
+
     font-family: 微软雅黑;
}
+
     font-weight: bold;
.mw-body {
 
width:82%;
 
background: url("./images/banner_bg.jpg") no-repeat;
 
}
 
.mw-body .mw-indicators {
 
display:none;
 
}
 
.mw-body p {
 
    font-size: 16px;
 
    color: #606060;
 
}
 
.mw-body a:visited {
 
font-size: 16px;
 
    color: #8c8873;
 
}
 
.mw-body a {
 
    text-decoration: none;
 
    font-size: 16px;
 
    color: #8c8873;
 
    background: none;
 
}
 
pre, .mw-code {
 
    display: block;
 
     overflow-x: auto;
 
    padding: 20px !important;
 
    background: #edf0f3 !important;
 
    border: none !important;
 
     font-family: 'Consolas','Courier New',Courier,monospace !important;
 
    font-size: 14px !important;
 
}
 
 
 
div#mw-panel #p-logo + div.portal div.body {
 
    margin: 0;
 
}
 
div#mw-panel div.portal {
 
    background-image: none;
 
}
 
div#mw-panel div.portal div.body {
 
    margin: 0;
 
}
 
 
 
div#mw-panel div.portal div.body ul {
 
    border-top: 10px solid #ebeae4;
 
    background: #bfbba5;   
 
}
 
 
 
div#mw-panel div.portal div.body ul li {
 
    border-bottom: 1px dotted #fff;
 
    padding: 0.2em 10px;
 
    line-height: 15px;
 
}
 
 
 
div#mw-panel div.portal div.body ul li:hover {
 
    background: #A3181E;
 
}
 
 
 
div#mw-panel div.portal div.body ul li a {
 
    font-size: 12px;
 
    display: block;
 
    color: #FFF;
 
     font-weight: normal;
 
    text-decoration: none;
 
    text-transform: uppercase;
 
}
 
 
 
div#mw-panel div.portal div.body ul li a:visited {
 
    color: #EEE;
 
 
}
 
}
 
+
.mw-body-content h2 {
div#mw-panel div.portal h3 {
+
     font-size: 1.5em;
     font-size: 15px;  
+
     margin-top: 1em;
     background: #A3181E;
+
     font-family: 微软雅黑;
    color: white;
 
    display: block;
 
    padding: 5px 10px;
 
}
 
 
 
 
 
.mw-body h1 {
 
    font-size: 2em;
 
     font-family: "微软雅黑";
 
 
     font-weight: normal;
 
     font-weight: normal;
 
}
 
}
 
+
.infobox{
.mw-body h2 {
+
background-color:#f6f6f6;
    font-size: 1.75em;
 
    margin: 0;
 
    padding: 10px 0px;
 
    border-bottom: 1px solid #C0C0C0;
 
    font-family: "微软雅黑";
 
    font-weight: bold;
 
}
 
 
 
.mw-body h3 {
 
   
 
}
 
 
 
.mw-body a.external {
 
    text-decoration: none;
 
    color: orange !important;
 
    border-bottom: 1px dashed;
 
    padding-bottom: 2px;
 
}
 
 
 
.mw-body a.external:before {
 
    content: "\27A5";
 
}
 
 
 
.mw-body code {
 
    font-family: "Courier New",sans-serif !important;
 
    font-size: 12px !important;
 
    background-color: #f5f5f5 !important;
 
    padding: 0 5px !important;
 
    border-radius: 3px !important;
 
    border:none;
 
    line-height: 1.8;
 
    margin: 1px 5px;
 
    vertical-align: middle;
 
    display: inline-block;
 
}
 
 
 
.mw-body blockquote {
 
    background-color: #f7f7f7;
 
    word-break: break-word;
 
    font-weight: 400;
 
    line-height: 30px;
 
    padding: 1.5em;
 
    background: #E1E8FB;
 
    border-left: 5px solid #D2D8FB;
 
    margin: 10px 10px 10px 0px;
 
}
 
 
 
#catlinks {
 
    background-color: #f1f4f9;
 
    color: #f1f4f9;
 
    padding: 10px 0px;
 
    border: none;
 
}
 
 
 
#catlinks li {
 
    border: none;
 
}
 
 
 
#catlinks li a:link {
 
    position: relative;
 
    display: inline-block;
 
    height: 30px;
 
    padding: 0 12px;
 
    line-height: 30px;
 
    vertical-align: top;
 
    text-decoration: none;
 
    background: #fff;
 
    color: #aaa;
 
    text-transform: uppercase;
 
    letter-spacing: 1px;
 
    font-size: 11px;
 
}
 
 
 
#catlinks li a:hover{
 
    background: #237dac;
 
    color: white;
 
 
}
 
}
 
+
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
#mw-normal-catlinks > a {
+
     z-index: 2;
    position: relative;
+
     background-color: #f5faff;
    display: inline-block;
 
    height: 30px;
 
    padding: 0px 0px 0px 20px;
 
    line-height: 30px;
 
    vertical-align: top;
 
    text-decoration: none;
 
    text-transform: uppercase;
 
    letter-spacing: 1px;
 
    font-size: 11px;
 
}
 
 
 
/* 编辑按钮 */
 
.editButtons input {
 
    color: #fff;
 
    background-color: #1890ff;
 
    border-color: #1890ff;
 
    text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
 
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045);
 
    box-shadow: 0 2px 0 rgba(0,0,0,0.045);
 
    line-height: 1.5;
 
    position: relative;
 
    display: inline-block;
 
    font-weight: 400;
 
    white-space: nowrap;
 
    text-align: center;
 
    background-image: none;
 
    border: 1px solid transparent;
 
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015);
 
    box-shadow: 0 2px 0 rgba(0,0,0,0.015);
 
    cursor: pointer;
 
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
 
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
 
    -webkit-user-select: none;
 
     -moz-user-select: none;
 
     -ms-user-select: none;
 
    user-select: none;
 
    -ms-touch-action: manipulation;
 
    touch-action: manipulation;
 
    height: 32px;
 
    padding: 0 15px;
 
    font-size: 14px;
 
    border-radius: 4px;
 
    border-color: #d9d9d9;
 
 
}
 
}
  
.editButtons input  {
+
.tabs-tabbox, .tabs-togglebox {
    color: #fff;
+
     background-color: #cedff2;
     background-color: #1890ff;
+
     padding-top: 10px;
     border-color: #1890ff;
+
     border-width: 1px;
     text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
+
     border-color:#cedff2;
     -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045);
+
     border-style: solid;
     box-shadow: 0 2px 0 rgba(0,0,0,0.045);
+
     display: flow-root;
    line-height: 1.5;
+
     margin: 0px 0;
    position: relative;
+
     margin-bottom:5px;
     display: inline-block;
 
    font-weight: 400;
 
    white-space: nowrap;
 
    text-align: center;
 
    background-image: none;
 
    border: 1px solid transparent;
 
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015);
 
    box-shadow: 0 2px 0 rgba(0,0,0,0.015);
 
    cursor: pointer;
 
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
 
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
 
     -webkit-user-select: none;
 
    -moz-user-select: none;
 
    -ms-user-select: none;
 
    user-select: none;
 
    -ms-touch-action: manipulation;
 
    touch-action: manipulation;
 
    height: 32px;
 
    padding: 0 15px;
 
    font-size: 14px;
 
     border-radius: 4px;
 
    border-color: #d9d9d9;
 
 
}
 
}
  
.editButtons input:hover {
+
.tabs-tabbox > .tabs-container {
    background-color: #40a9ff;
+
background-color: #f5faff;
 
}
 
}
 
+
.tabs-label {
.editButtons input  {
 
    color: #fff;
 
    background-color: #1890ff;
 
    border-color: #1890ff;
 
    text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
 
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045);
 
    box-shadow: 0 2px 0 rgba(0,0,0,0.045);
 
    line-height: 1.5;
 
    position: relative;
 
    display: inline-block;
 
    font-weight: 400;
 
    white-space: nowrap;
 
    text-align: center;
 
    background-image: none;
 
    border: 1px solid transparent;
 
    -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015);
 
    box-shadow: 0 2px 0 rgba(0,0,0,0.015);
 
 
     cursor: pointer;
 
     cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
+
     padding: 1px 6px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
+
     background-color: #bdcbda;
    -webkit-user-select: none;
+
     border: 1px solid #AAA;
    -moz-user-select: none;
 
    -ms-user-select: none;
 
    user-select: none;
 
    -ms-touch-action: manipulation;
 
    touch-action: manipulation;
 
    height: 32px;
 
     padding: 0 15px;
 
     font-size: 14px;
 
    border-radius: 4px;
 
     border-color: #d9d9d9;
 
 
}
 
}
  
.editButtons input:hover {
+
.mw-body .mw-indicators {
    background-color: #40a9ff;
+
     float: right;
}
+
     line-height: 1.6;
 
+
     font-size: 0.875em;
#wpSave {
 
    background-color: #009100;
 
}
 
 
 
#wpSave:hover {
 
    background-color: #00A600;
 
}
 
 
 
.mango-alert {
 
     -webkit-box-sizing: border-box;
 
    box-sizing: border-box;
 
    margin: 0;
 
    color: rgba(0,0,0,0.65);
 
    font-size: 14px;
 
    font-variant: tabular-nums;
 
     line-height: 1.5;
 
    list-style: none;
 
     font-feature-settings: 'tnum';
 
 
     position: relative;
 
     position: relative;
     padding: 8px 15px 8px 37px;
+
     z-index: 1;
    word-wrap: break-word;
+
     display:none;
     border-radius: 4px;
 
    margin: 10px 0px 10px 0px;
 
}
 
 
 
.mango-alert-info {
 
    background-color: #e6f7ff;
 
    border: 1px solid #91d5ff;
 
}
 
 
 
.mango-alert-warn {
 
    background-color: #fffbe6;
 
    border: 1px solid #ffe58f
 
}
 
 
 
.mango-alert-error {
 
    background-color: #fff1f0;
 
    border: 1px solid #ffa39e;
 
}
 
 
 
/**
 
* 左侧导航栏拓宽
 
*/
 
 
 
div#mw-panel {
 
    width: 13em;
 
}
 
 
 
.mw-body {
 
    margin-left: 14em;
 
}
 
 
 
#left-navigation {
 
    margin-left: 14em;
 
}
 
 
 
#p-logo a {
 
    width: 13em;
 
}
 
 
 
div#footer {
 
    margin-left: 13em;
 
 
}
 
}

2021年12月14日 (二) 15:57的最新版本

.body{
	    font-family: 微软雅黑;
}
.mw-body .firstHeading {
    overflow: visible;
    font-family: 微软雅黑;
    font-weight: bold;
}
.mw-body-content h2 {
    font-size: 1.5em;
    margin-top: 1em;
    font-family: 微软雅黑;
    font-weight: normal;
}
.infobox{
	background-color:#f6f6f6;
}
.tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label {
    z-index: 2;
    background-color: #f5faff;
}

.tabs-tabbox, .tabs-togglebox {
    background-color: #cedff2;
    padding-top: 10px;
    border-width: 1px;
    border-color:#cedff2;
    border-style: solid;
    display: flow-root;
    margin: 0px 0;
    margin-bottom:5px;
}

.tabs-tabbox > .tabs-container {
	background-color: #f5faff;
}
.tabs-label {
    cursor: pointer;
    padding: 1px 6px;
    background-color: #bdcbda;
    border: 1px solid #AAA;
}

.mw-body .mw-indicators {
    float: right;
    line-height: 1.6;
    font-size: 0.875em;
    position: relative;
    z-index: 1;
    display:none;
}