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

来自EXOZ明星维基
跳到导航 跳到搜索
第124行: 第124行:
 
div.vectorTabs li.selected a,
 
div.vectorTabs li.selected a,
 
div.vectorTabs li.selected a:visited {
 
div.vectorTabs li.selected a:visited {
    color: #7487F3 !important;
+
    color: #008650 !important;
 
}
 
}
 
div.vectorTabs,
 
div.vectorTabs,
第140行: 第140行:
 
div.vectorTabs li.selected a:visited,
 
div.vectorTabs li.selected a:visited,
 
div.vectorTabs li.selected a:visited span {
 
div.vectorTabs li.selected a:visited span {
    color: #008650;
+
    color: #7487F3;
 
}
 
}
 
.vectorTabs #ca-unwatch.icon a, 
 
.vectorTabs #ca-unwatch.icon a, 
第152行: 第152行:
 
div.vectorTabs li a,
 
div.vectorTabs li a,
 
div.vectorTabs li a span {
 
div.vectorTabs li a span {
    color: #008650;
+
    color: #7487F3;
 
}
 
}
  
 
div.vectorTabs li a:hover,
 
div.vectorTabs li a:hover,
 
div.vectorTabs li a:hover span {
 
div.vectorTabs li a:hover span {
    color: #008650;
+
    color: #7487F3;
 
}
 
}
  
第440行: 第440行:
 
.my-buttons a:hover, .my-buttons a:active {
 
.my-buttons a:hover, .my-buttons a:active {
 
    border-style: inset;
 
    border-style: inset;
 +
}
 +
 +
/*auto*/
 +
#mw-panel .portal{
 +
padding: 0;
 +
border-radius: .3em;
 +
background: rgba(116,135,243,0.65);
 +
box-shadow: inset 0 0 10px rgba(255,255,255,0.3);
 +
 
}
 
}
  

2019年5月15日 (三) 16:44的版本

/* 放置于这里的CSS将应用于所有皮肤 */

/*热门评论*/
.comment-container-top>div:not(.comment-thread) {
  background-color: rgba(68, 135, 223, 0.8) !important;
  color: white !important;
  font-weight: bolder !important;
}

.comment-thread.comment-popular {
  background-color: rgba(68, 135, 223, 0.1) !important;
}

/* 页面底部导航框(2011年8月16日引自中文维基)(所谓大家族模板) */
table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}
table.navbox+table.navbox {
    margin-top: -1px;
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}
.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}
.navbox,
.navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}
.navbox-list {
    border-color: #fdfdfd;
}
.navbox-title,
table.navbox th {
    background: none repeat scroll 0 0 #a5e4a5;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: none repeat scroll 0 0 #c0ecc0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #e6f6e6;
}
.navbox-even {
    background: none repeat scroll 0 0 #f5fcf5;
}
.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.collapseButton {
    float: right;
    font-weight: 400;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}

/*阅读更多:https://zh.moegirl.org/MediaWiki:Common.css
本文引自萌娘百科(https://zh.moegirl.org/),文字内容默认使用【知识共享 署名-非商业性使用-相同方式共享 3.0】协议。
*/

/*TOC*/
#toc{
 display: block;
 position: fixed;
 top: 100px;
 right: 0px;
 min-width: 100px;
 max-width: 350px;
 max-height: 20px;
 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.75);
 padding: 12px;
 box-shadow: 0 1px 8px #000;
 -webkit-box-shadow: 0 1px 8px #000;
 -moz-box-shadow: 0 1px 8px #000;
}
 
#toc:hover{
 display: block;
 position: fixed;
 top: 100px;
 right: 0px;
 min-width: 100px;
 max-width: 350px;
 max-height: 500px;
 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.9);
 padding: 12px;
 box-shadow: 0 1px 8px #000;
 -webkit-box-shadow: 0 1px 8px #000;
 -moz-box-shadow: 0 1px 8px #000;
}
body { overflow-x: hidden;}

/*tabs*/
div.vectorTabs, div.vectorMenu{
	margin-top: 0.5em;
	height: 2em;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
    color: #008650 !important;
}
div.vectorTabs,
div.vectorTabs span {
    background-image: none;
}
div.vectorTabs span{
	overflow: hidden;
}
div.vectorTabs span a{
	padding-top: 0.75em;
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a span,
div.vectorTabs li.selected a:visited,
div.vectorTabs li.selected a:visited span {
    color: #7487F3;
}
.vectorTabs #ca-unwatch.icon a, 
.vectorTabs #ca-watch.icon a{
	padding-top: 2.5em;
}
div.vectorTabs ul {
    background-image: none;
}

div.vectorTabs li a,
div.vectorTabs li a span {
    color: #7487F3;
}

div.vectorTabs li a:hover,
div.vectorTabs li a:hover span {
    color: #7487F3;
}

div.vectorTabs li a {
    background-image: none;
}

div.vectorTabs li.selected,
div.vectorTabs ul li{
	background: none;
}
div.vectorTabs li.selected span{
    background: #fcfcfc;
    border: 1px solid #e8e8e8;
    border-bottom: 1px solid #fcfcfc;    
}
div.vectorTabs ul li span, 
div.vectorMenu{
	background: rgba(32,32,32,0.12);
	border: 1px solid rgba(232,232,232,0.4);	
    margin-right: 6px;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;  
}

div#p-sharing .menu {
    min-width: 0px;
    width: 48px;
    margin-left: 0.5em;
}

#p-sharing #socialIconImages img {
    width: 100%;
}

#p-sharing #socialIconImages a {
    width: 40px;
}

div.vectorMenu h3 {
    padding-top: 1em;
}

div.vectorMenu h3 span {
    color: #E4F0F7;
}
div.vectorMenu h3:hover span, div.vectorMenu h3:focus span {
    color: #E4F0F7;
}

div#mw-head div.vectorMenu h3 {
    background-image: none;
    height: 2em;
}
div#mw-head div.vectorMenu h3 span{
	margin-top: -0.5em;
}
div.vectorMenu h3 a {
    background-image: none;
}

div.vectorMenu li a {
    color: #ff0000;
}

/* 背景 */
body {
    background: url(//exozwiki.com/images/background/head_background.jpg) no-repeat top left #ffffff;
    background-attachment: fixed;
    background-size: cover;
}

div#content {background:rgba(250,255,255,0.9);}

#mw-page-base {height:0em}
#mw-head-base {margin-top:0em}

/* 项载神教模拟器 */

body.page-项载神教 div#mw-content-text {
    font-family: "dengxian","microsoft yahei light","microsoft yahei",arial;
    font-weight: 300;
    width:100%;
    height:100%;
    background: #131313;
    margin:0;
    padding:0;
}

/*Fonts*/

body,div#content h1,div#content h2,div#content #firstHeading, td.mw-enhanced-rc {font-family:Tahoma, Arial, Helvetica, "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", 宋体, SimSun, STXihei, "华文细黑", Sans-serif;}

span.comment {font-style:normal; }

div#bodyContent { font-size:14px; letter-spacing:0.2px; text-align:justify;}

div#mw-panel { font-size:18px;}

div#p-logo {left:-2px; top:-150px;}

/*cp1*/
#foot-cp1 h4 {
    color: #7487F3;
    font: normal normal AllerBold, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin-bottom: 10px;
}
#foot-cp1 ul {
    float: left;
    margin:0 auto;
    height:100%;
    width: 120px;
    font-size: 12pt;
}
#foot-cp1 ul.lastlist {
    margin-right: 10;
}
#foot-cp1 ul a {
    color: #243c4a;
    font-weight:bold
}
#foot-cp1 .copyright {
    clear: left;
    display: block;
    line-height: 1.3;
    color: #808080;
}

/**b**/
.portal h3 {
    background-image: none !important;
    padding: 0 0 3px 0 !important;
}

.portal h3,
.portal h3:hover,
.portal h3:active,
.portal h3:link,
.portal h3:visited {
    font-weight: bolder !important;
    text-decoration: none !important;
}

.portal li > ul {
    position: absolute;
    visibility: hidden;
    left: 100%;
    background-color: #fff;
    margin-top: -1em !important;
    margin-left: -10px !important;
    min-width: 180px;
    max-width: 230px;
    opacity: 0;
    -webkit-box-shadow: 10px 10px 10px #ccf;
       -moz-box-shadow: 10px 10px 10px #ccf;
            box-shadow: 10px 10px 10px #ccf;
}

.portal li:hover > ul {
    opacity: 1;
    visibility: visible;
}

.portal ul,
.portal li,
.portal a,
.portal strong.selflink {
    display: block;
}

.portal a,
.portal strong.selflink {
    max-width: 96%;
}

.portal li {
    position: relative;
    font-weight: bold;
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    text-decoration: none;
    padding: 0;
    margin: 0;
}

.portal li:hover {
    -webkit-transform: translateX(10px);
       -moz-transform: translateX(10px);
        -ms-transform: translateX(10px);
         -o-transform: translateX(10px);
            transform: translateX(10px);
}

.portal a,
.portal a:link,
.portal a:visited,
.portal a:hover,
.portal a:active,
.portal strong.selflink {
    text-decoration: none;
    color: #000 !important;
}

.portal a:before,
.portal a:after,
.portal strong.selflink:before,
.portal strong.selflink:after {
    color: #07a3d7;
    margin: auto 3px;
}

.portal a:before,
.portal strong.selflink:before {
    content: '>';
}

.portal a:after,
.portal strong.selflink:after {
    content: '<';
    visibility: hidden;
    -webkit-transform: translateX(15px);
       -moz-transform: translateX(15px);
        -ms-transform: translateX(15px);
         -o-transform: translateX(15px);
            transform: translateX(15px);
}

.portal a:hover:after,
.portal strong.selflink:hover:after {
    visibility: visible;
    -webkit-transform: translateX(0px);
       -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
         -o-transform: translateX(0px);
            transform: translateX(0px);
}

.portal strong.selflink {
    color: #07a3d7 !important;
    border-bottom: 2px #07a3d7 solid;
}

.portal a:after,
.portal strong.selflink:after,
.portal li {
    -webkit-transition: transform .3s;
       -moz-transition: transform .3s;
         -o-transition: transform .3s;
            transition: transform .3s;
}

.portal li > ul {
    -webkit-transition: opacity .3s;
       -moz-transition: opacity .3s;
         -o-transition: opacity .3s;
            transition: opacity .3s;
}

/* 通用圆角框 */
.common-box{
padding:0.2em 0.4em;
border: 1px solid #ddd;
border-radius: 10px;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
-icab-border-radius: 10px; 
-o-border-radius: 10px; 
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px ;
box-shadow: #666 0px 2px 3px;
}

/* 编辑区样式 */
.my-buttons {
    padding: .5em;
}
.my-buttons a {
    text-decoration: none;
    border: 1px #069 outset;
    padding: 0.1em;
}
.my-buttons a:hover, .my-buttons a:active {
    border-style: inset;
}

/*auto*/
#mw-panel .portal{
	padding: 0;
	border-radius: .3em;
	background: rgba(116,135,243,0.65);
	box-shadow: inset 0 0 10px rgba(255,255,255,0.3);
	
}

/*==链接表格样式==*/
tt, code, pre {
    font-family: monospace, sans-serif;
}

ul#mainPageBar{
  width:842px;
  height:30px;
  margin-left:0px;
}
ul#mainPageBar li {
  list-style-type: none;
  display:block;
  float: left;
  width: 83px;
  height:30px;
  text-align: center;
  padding-top:5px;
  font-family:微软雅黑, 黑体, sans-serif;
  background-color: #0088cc;
  border-right: 1px #818181 solid;
  -webkit-box-shadow: 1px 1px 1px #bbb;
  box-shadow: 1px 1px 1px #bbb;
  
  
}
ul#mainPageBar li a {
  font-family:微软雅黑, 黑体, sans-serif;
  color: #FFFFFF; font-weight: bold;
  display: inline;
  text-decoration: none;
  text-align: center;
  vertical-align:middle;
}
ul#mainPageBar li:hover {
  background-color: #005985;
}

ul#mainPageBarWide{
  width:100%;
  height:30px;
  margin-left:0px;
}
ul#mainPageBarWide li {
  list-style-type: none;
  display:block;
  float: left;
  width: 9.8%;
  height:30px;
  text-align: center;
  font-family:微软雅黑, 黑体, sans-serif;
  background-color: #0088cc;
  border-right: 1px #818181 solid;
  -webkit-box-shadow: 1px 1px 1px #bbb;
  box-shadow: 1px 1px 1px #bbb;
  
}
ul#mainPageBarWide li a {
  font-family:微软雅黑, 黑体, sans-serif;
  color: #FFFFFF; font-weight: bold;
  display: inline;
  text-decoration: none;
  text-align: center;
  vertical-align:middle;
}
ul#mainPageBarWide li:hover {
  background-color: #005985;
}

导航菜单