User:Star0/sandbox/styles.css：修订间差异

来自Arcaea中文维基
无编辑摘要
小无编辑摘要
 
（未显示同一用户的20个中间版本）
第1行： 第1行：
/* The CSS used for https://zh.wikipedia.org/wiki/Template:Tabs/styles.css : */
.image-1{
width: 95px;
height:96px;


.mcBoto {
position:absolute;
  background-color: #d0b0ff; /* 4 */
z-index: 1;
  border: 0.15em solid #000000;
left: 15px;
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 3 5 */
top:10px;
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;
border-radius: 25px 25px 0px 0px;}
.mcBoto a,
.mcBoto strong {
  background: none !important;
  color:#7050a0 !important;  /* 1 */
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
.mcBoto a:hover,
.mcBoto strong:hover {
  color: black !important;
  text-decoration: underline !important;}
.mcBotoSel {
  background-color: #9070c0; /* 2 */
  border: 0.15em solid #000000;
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  position: relative;
  color:white;}
.mcBotoSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}


}
.image-2{
/* Configuració del Verd 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
width: 95px;
height:96px;
.mcVerd .mcBoto {
background-color: #a5e085; /* 4 */
position:absolute;
border-color: #c0f090 #90d060 #75c045 #c0f090; /* 5 3 2 5 */}
z-index: 2;
left: 50px;
.mcVerd .mcBoto a,
top:45px;
.mcVerd .mcBoto strong {
}
  color:#60b030 !important; /* 1 */
.image-3{
  font-size:90%}
width: 35px;
height:35px;
.mcVerd .mcBoto a:hover,
.mcVerd .mcBoto strong:hover {
position:absolute;
  color: black !important;
z-index: 3;
  text-decoration: underline;}
left: 110px;
top:22px;
.mcVerd .mcBotoSel {
}
  background-color: #75c045; /* 2 */
 
  border-color: #90d060 #60b030 #75c045 #90d060; /* 3 1 2 3 */}
 
 
.mcVerd .mcContingut {
body {
  background-color: #f5fffa;
margin:0;
  border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
padding:40px;
background:#fff;
.mcVerd .mcPestanya {
font:70% Arial, Helvetica, sans-serif;
  background-color: #f5fffa;
color:#555;
  border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
line-height:180%;
}
/* Configuració del Vermell 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
 
h1{
.mcVermell .mcBoto {
font-size:220%;
background-color: #FFAAAA; /* 4 */
font-weight:normal;
border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC; /* 5 3 2 5 */}
}
 
.mcVermell .mcBoto a,
h2{
.mcVermell .mcBoto strong {
font-size:180%;
  color:#CC0000 !important; /* 1 */
font-weight:normal;
  font-size:90%}
}
 
.mcVermell .mcBoto a:hover
dl.csslinegraph, dl.csslinegraph dt, dl.csslinegraph dd{
.mcVermell .mcBoto strong:hover {
margin:0;
  color: black !important;
padding:0;
  text-decoration: underline;}
}
dl.csslinegraph{
.mcVermell .mcBotoSel {
width:467px;
  background-color: #FF0000; /* 2 */
height:385px;
  border-color: #FF8888 #CC0000 #FF0000 #FF8888; /* 3 1 2 3 */}
} 
dl.csslinegraph dt{
.mcVermell .mcContingut {
display:none;
  background-color: #fffafa;
}
  border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
dl.csslinegraph dd{
position:relative;
.mcVermell .mcPestanya {
float:left;
  background-color: #fffafa;
display:inline;
  border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}
width:33px;
height:330px;
/* Configuració del Blau 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
margin-top:22px;
} 
.mcBlau .mcBoto {
dl.csslinegraph dd.first{
background-color: #a7c1e6; /* 4 */
margin-left:33px;
border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9; /* 5 3 2 5 */}
}
dl.csslinegraph span{
.mcBlau .mcBoto a,
position:absolute;
.mcBlau .mcBoto strong {
display:block;
  color:#3379de !important; /* 1 */
width:33px;
  font-size:90%}
height:330px;
left:0;
.mcBlau .mcBoto a:hover
text-indent:-8000px;
.mcBlau .mcBoto strong:hover {
}
  color: black !important;
dl.csslinegraph span em{
  text-decoration: underline;}
position:absolute;
display:block;
.mcBlau .mcBotoSel {
width:6px;
  background-color: #5b8dd6; /* 2 */
height:6px;
  border-color: #88abde #3379de #5b8dd6 #88abde; /* 3 1 2 3 */}
left:-3px;
bottom:-3px;
.mcBlau .mcContingut {
}
  background-color: #f0f8ff;
dl.csslinegraph span.d em{
  border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
left:-3px;
bottom:auto;
.mcBlau .mcPestanya {
top:-2px;
  background-color: #f0f8ff;
}
  border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
/* position based on previous value (if we are going to increase) */
 
/* Configuració del Groc 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
.pi0{top:0px;}
.pi1{top:-11px;}
.mcGroc .mcBoto {
.pi2{top:-22px;}
background-color: #fff1a4; /* 4 */
.pi3{top:-33px;}
border-color: #fef4bc #ffe977 #ffe147 #fef4bc; /* 5 3 2 5 */}
.pi4{top:-44px;}
.pi5{top:-75px;}
.mcGroc .mcBoto a,
.pi6{top:-66px;}
.mcGroc .mcBoto strong {
.pi7{top:-77px;}
  color:#ffd813 !important; /* 1 */
.pi8{top:-88px;}
  font-size:90%}
.pi9{top:-99px;}
.pi10{top:-110px;}
.mcGroc .mcBoto a:hover
.pi11{top:-121px;}
.mcGroc .mcBoto strong:hover {
.pi12{top:-132px;}
  color: black !important;
.pi13{top:-143px;}
  text-decoration: underline;}
.pi14{top:-154px;}
.pi15{top:-165px;}
.mcGroc .mcBotoSel {
.pi16{top:-176px;}
  background-color: #ffe147; /* 2 */
.pi17{top:-187px;}
  border-color: #ffe977 #ffd813 #ffe147 #ffe977; /* 3 1 2 3 */}
.pi18{top:-198px;}
.pi19{top:-209px;}
.mcGroc .mcContingut {
.pi20{top:-220px;}
  background-color: #fffce8;
.pi21{top:-231px;}
  border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}
.pi22{top:-242px;}
.pi23{top:-253px;}
.mcGroc .mcPestanya {
.pi24{top:-264px;}
  background-color: #fffce8;
.pi25{top:-275px;}
  border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}
.pi26{top:-286px;}
.pi27{top:-297px;}
/* Configuració del Taronja 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
.pi28{top:-308px;}
.pi29{top:-319px;}
.mcTaronja .mcBoto {
.pi30{top:-330px;}
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4; /* 5 3 2 5 */}
/* position based on previous value (if we are going to decrease) */
.mcTaronja .mcBoto a,
.pd0{top:330px;}
.mcTaronja .mcBoto strong {
.pd1{top:319px;}
  color:#ff820e !important; /* 1 */
.pd2{top:308px;}
  font-size:90%}
.pd3{top:297px;}
.pd4{top:286px;}
.mcTaronja .mcBoto a:hover
.pd5{top:275px;}
.mcTaronja .mcBoto strong:hover {
.pd6{top:264px;}
  color: black !important;
.pd7{top:253px;}
  text-decoration: underline;}
.pd8{top:242px;}
.pd9{top:231px;}
.mcTaronja .mcBotoSel {
.pd10{top:220px;}
  background-color: #ff9d42; /* 2 */
.pd11{top:209px;}
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d; /* 3 1 2 3 */}
.pd12{top:198px;}
.pd13{top:187px;}
.mcTaronja .mcContingut {
.pd14{top:176px;}
  background-color: #ffeedd; /* 6 */
.pd15{top:165px;}
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
.pd16{top:154px;}
.pd17{top:143px;}
.mcTaronja .mcPestanya {
.pd18{top:132px;}
  background-color: #ffeedd; /* 6 */
.pd19{top:121px;}
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
.pd20{top:110px;}
.pd21{top:99px;}
/* Configuració del Black 1;090909 2;333333 3;808080 4;c4c4c4 5;dddddd */
.pd22{top:88px;}
.pd23{top:77px;}
.mcBlack .mcBoto {
.pd24{top:66px;}
background-color: #c4c4c4; /* 4 */
.pd25{top:55px;}
border-color: #dddddd #808080 #333333 #dddddd; /* 5 3 2 5 */}
.pd26{top:44px;}
.pd27{top:33px;}
.mcBlack .mcBoto a,
.pd28{top:22px;}
.mcBlack .mcBoto strong {
.pd29{top:11px;}
  color:#090909 !important; /* 1 */
.pd30{top:0px;}
  font-size:90%}
/* increased values */
.mcBlack .mcBoto a:hover,
 
.mcBlack .mcBoto strong:hover {
.i0{background-position:0 -1px;}
  color: black !important;
.i1{background-position:-33px 0;}
  text-decoration: underline;}
.i2{background-position:-66px 0;}
.i3{background-position:-99px 0;}
.mcBlack .mcBotoSel {
.i4{background-position:-132px 0;}
  background-color: #333333; /* 2 */
.i5{background-position:-165px 0;}
  border-color: #808080 #090909 #333333 #808080; /* 3 1 2 3 */}
.i6{background-position:-198px 0;}
.i7{background-position:-231px 0;}
.mcBlack .mcContingut {
.i8{background-position:-264px 0;}
  background-color: #ffffff;
.i9{background-position:-297px 0;}
  border-color: #333333 #090909 #090909 #333333; /* 2 1 1 2 */}
.i10{background-position:-330px 0;}
.i11{background-position:-363px 0;}
.mcBlack .mcPestanya {
.i12{background-position:-396px 0;}
  background-color: #ffffff;
.i13{background-position:-429px 0;}
  border-color: #090909 #808080 #808080 #090909; /* 1 3 3 1 */}
.i14{background-position:-462px 0;}
 
.i15{background-position:-495px 0;}
/* Final d'estils de la Metacaixa */
.i16{background-position:-528px 0;}
.i17{background-position:-561px 0;}
.i18{background-position:-594px 0;}
.i19{background-position:-627px 0;}
.i20{background-position:-660px 0;}
.i21{background-position:-693px 0;}
.i22{background-position:-726px 0;}
.i23{background-position:-759px 0;}
.i24{background-position:-792px 0;}
.i25{background-position:-825px 0;}
.i26{background-position:-858px 0;}
.i27{background-position:-891px 0;}
.i28{background-position:-924px 0;}
.i29{background-position:-957px 0;}
.i30{background-position:-990px 0;}
/* decreased values */
.d0{background-position:0 -331px;}
.d1{background-position:-33px -332px;}
.d2{background-position:-66px -332px;}
.d3{background-position:-99px -332px;}
.d4{background-position:-132px -332px;}
.d5{background-position:-165px -332px;}
.d6{background-position:-198px -332px;}
.d7{background-position:-231px -332px;}
.d8{background-position:-264px -332px;}
.d9{background-position:-297px -332px;}
.d10{background-position:-330px -332px;}
.d11{background-position:-363px -332px;}
.d12{background-position:-396px -332px;}
.d13{background-position:-429px -332px;}
.d14{background-position:-462px -332px;}
.d15{background-position:-495px -332px;}
.d16{background-position:-528px -332px;}
.d17{background-position:-561px -332px;}
.d18{background-position:-594px -332px;}
.d19{background-position:-627px -332px;}
.d20{background-position:-660px -332px;}
.d21{background-position:-693px -332px;}
.d22{background-position:-726px -332px;}
.d23{background-position:-759px -332px;}
.d24{background-position:-792px -332px;}
.d25{background-position:-825px -332px;}
.d26{background-position:-858px -332px;}
.d27{background-position:-891px -332px;}
.d28{background-position:-924px -332px;}
.d29{background-position:-957px -332px;}
.d30{background-position:-990px -332px;}
 
.body{
display:none;
}

2021年8月4日 (三) 12:49的最新版本

.image-1{
	width: 95px;
	height:96px;

	
	position:absolute;
	z-index: 1;
	left: 15px;
	top:10px;

}
.image-2{
	width: 95px;
	height:96px;
	
	position:absolute;
	z-index: 2;
	left: 50px;
	top:45px;
}
.image-3{
	width: 35px;
	height:35px;
	
	position:absolute;
	z-index: 3;
	left: 110px;
	top:22px;
}



body {
	margin:0;
	padding:40px;
	background:#fff;
	font:70% Arial, Helvetica, sans-serif;
	color:#555;
	line-height:180%;
}

h1{
	font-size:220%;
	font-weight:normal;
}

h2{
	font-size:180%;
	font-weight:normal;	
}

dl.csslinegraph, dl.csslinegraph dt, dl.csslinegraph dd{
	margin:0;
	padding:0;
	} 	
dl.csslinegraph{
	width:467px;
	height:385px;
	} 
dl.csslinegraph dt{
	display:none;
	}
dl.csslinegraph dd{
	position:relative;
	float:left;
	display:inline;
	width:33px;
	height:330px;
	margin-top:22px;	
	} 
dl.csslinegraph dd.first{
	margin-left:33px;		
	} 	
dl.csslinegraph span{
	position:absolute;
	display:block;
	width:33px;	
	height:330px;
	left:0;	
	text-indent:-8000px;
	} 	
dl.csslinegraph span em{
	position:absolute;
	display:block;
	width:6px;	
	height:6px;
	left:-3px;	
	bottom:-3px;
	} 	
dl.csslinegraph span.d em{	
	left:-3px;	
	bottom:auto;	
	top:-2px;	
	} 		
	
/* position based on previous value (if we are going to increase) */

	.pi0{top:0px;}
	.pi1{top:-11px;}
	.pi2{top:-22px;}
	.pi3{top:-33px;}
	.pi4{top:-44px;}
	.pi5{top:-75px;}
	.pi6{top:-66px;}
	.pi7{top:-77px;}
	.pi8{top:-88px;}
	.pi9{top:-99px;}
	.pi10{top:-110px;}
	.pi11{top:-121px;}
	.pi12{top:-132px;}
	.pi13{top:-143px;}
	.pi14{top:-154px;}
	.pi15{top:-165px;}
	.pi16{top:-176px;}
	.pi17{top:-187px;}
	.pi18{top:-198px;}
	.pi19{top:-209px;}
	.pi20{top:-220px;}
	.pi21{top:-231px;}
	.pi22{top:-242px;}
	.pi23{top:-253px;}
	.pi24{top:-264px;}
	.pi25{top:-275px;}
	.pi26{top:-286px;}
	.pi27{top:-297px;}
	.pi28{top:-308px;}
	.pi29{top:-319px;}
	.pi30{top:-330px;}
	
/* position based on previous value (if we are going to decrease) */
		
	.pd0{top:330px;}
	.pd1{top:319px;}
	.pd2{top:308px;}
	.pd3{top:297px;}
	.pd4{top:286px;}
	.pd5{top:275px;}
	.pd6{top:264px;}
	.pd7{top:253px;}
	.pd8{top:242px;}
	.pd9{top:231px;}
	.pd10{top:220px;}
	.pd11{top:209px;}
	.pd12{top:198px;}
	.pd13{top:187px;}
	.pd14{top:176px;}
	.pd15{top:165px;}
	.pd16{top:154px;}
	.pd17{top:143px;}
	.pd18{top:132px;}
	.pd19{top:121px;}
	.pd20{top:110px;}
	.pd21{top:99px;}
	.pd22{top:88px;}
	.pd23{top:77px;}
	.pd24{top:66px;}
	.pd25{top:55px;}
	.pd26{top:44px;}
	.pd27{top:33px;}
	.pd28{top:22px;}
	.pd29{top:11px;}
	.pd30{top:0px;}
	
/* increased values */

	.i0{background-position:0 -1px;}
	.i1{background-position:-33px 0;}
	.i2{background-position:-66px 0;}
	.i3{background-position:-99px 0;}
	.i4{background-position:-132px 0;}
	.i5{background-position:-165px 0;}
	.i6{background-position:-198px 0;}
	.i7{background-position:-231px 0;}
	.i8{background-position:-264px 0;}
	.i9{background-position:-297px 0;}
	.i10{background-position:-330px 0;}
	.i11{background-position:-363px 0;}
	.i12{background-position:-396px 0;}
	.i13{background-position:-429px 0;}
	.i14{background-position:-462px 0;}
	.i15{background-position:-495px 0;}
	.i16{background-position:-528px 0;}
	.i17{background-position:-561px 0;}
	.i18{background-position:-594px 0;}
	.i19{background-position:-627px 0;}
	.i20{background-position:-660px 0;}
	.i21{background-position:-693px 0;}
	.i22{background-position:-726px 0;}
	.i23{background-position:-759px 0;}
	.i24{background-position:-792px 0;}
	.i25{background-position:-825px 0;}
	.i26{background-position:-858px 0;}
	.i27{background-position:-891px 0;}
	.i28{background-position:-924px 0;}
	.i29{background-position:-957px 0;}
	.i30{background-position:-990px 0;}
	
/* decreased values */
	
	.d0{background-position:0 -331px;}
	.d1{background-position:-33px -332px;}
	.d2{background-position:-66px -332px;}
	.d3{background-position:-99px -332px;}
	.d4{background-position:-132px -332px;}
	.d5{background-position:-165px -332px;}
	.d6{background-position:-198px -332px;}
	.d7{background-position:-231px -332px;}
	.d8{background-position:-264px -332px;}
	.d9{background-position:-297px -332px;}
	.d10{background-position:-330px -332px;}
	.d11{background-position:-363px -332px;}
	.d12{background-position:-396px -332px;}
	.d13{background-position:-429px -332px;}
	.d14{background-position:-462px -332px;}
	.d15{background-position:-495px -332px;}
	.d16{background-position:-528px -332px;}
	.d17{background-position:-561px -332px;}
	.d18{background-position:-594px -332px;}
	.d19{background-position:-627px -332px;}
	.d20{background-position:-660px -332px;}
	.d21{background-position:-693px -332px;}
	.d22{background-position:-726px -332px;}
	.d23{background-position:-759px -332px;}
	.d24{background-position:-792px -332px;}
	.d25{background-position:-825px -332px;}
	.d26{background-position:-858px -332px;}
	.d27{background-position:-891px -332px;}
	.d28{background-position:-924px -332px;}
	.d29{background-position:-957px -332px;}
	.d30{background-position:-990px -332px;}

.body{
	display:none;
}
取自“https://arcwiki.mcd.blue/index.php?title=User:Star0/sandbox/styles.css&oldid=32072”