“Widget:Test”的版本间的差异

来自萌娘文库
跳转至： 导航、 搜索
小
小
第1行： 第1行：
 
<includeonly><style type="text/css">
 
<includeonly><style type="text/css">
−
*:before, *:after {
+
#cssTabs {
−
margin: 0;
+
position: relative;
−
padding: 0;
+
width: 600px;
−
box-sizing: border-box;
+
height: 290px;
−
}
+
margin: 0 auto;
−
 
+
}
−
.top {
+
.tabHead {
−
padding-right: 20px;
+
font-weight: normal;
−
background: #261F41;
+
padding: 5px;
−
text-align: right;
+
height: 30px;
−
}
+
line-height: 30px;
−
 
+
text-align: center;
−
p1 {
+
border: 1px solid #000;
−
margin: 0 0 20px;
+
border-width: 1px 1px 0;
−
  line-height: 1.5;
+
-moz-border-radius: 5px 5px 0 0;
−
}
+
-webkit-border-radius: 5px 5px 0 0;
−
 
+
border-radius: 5px 5px 0 0;
−
.tabbox {
+
width: 140px;
−
margin: 0 auto;
+
position: absolute;
−
min-width: 320px;
+
left: 0;
−
max-width: 800px;
+
top: 0;
−
text-align: center;
+
background: #fff;
−
}
+
cursor: pointer;
−
 
+
}
−
.content > div {
+
.tabContent {
−
display: none;
+
padding: 10px 20px;
−
padding: 20px 25px 5px;
+
background: #fff;
−
}
+
border: 1px solid #000;
−
 
+
position: absolute;
−
input {
+
top: 40px;
−
display: none;
+
left: 0;
−
}
+
height: 230px;
−
 
+
width: 100%;
−
.tp {
+
opacity: 0;
−
display: inline-block;
+
filter: alpha(opacity=0);
−
padding: 5px 10px;
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
−
font-weight: 600;
+
-webkit-transition : opacity 0.5s ease-in 0.218s;
−
text-align: center;
+
-moz-transition : opacity 0.5s ease-in 0.218s;
−
font-family: Meiryo
+
-o-transition : opacity 0.5s ease-in 0.218s;
−
}
+
-ms-transition : opacity 0.5s ease-in 0.218s;
−
 
+
transition : opacity 0.5s ease-in 0.218s;
−
.tp:hover {
+
}
−
color: #fff;
+
#tab1 .tabHead {
−
cursor: pointer;
+
z-index: 3;
−
}
+
}
−
 
+
#tab2 .tabHead {
−
input:checked + .tp {
+
left: 155px;
−
background: #FFA500;
+
z-index: 1;
−
color: #fff;
+
}
−
}
+
−
 
+
#tab3 .tabHead {
−
#tab1:checked ~ .content #content1,
+
left: 310px;
−
#tab2:checked ~ .content #content2,
+
z-index: 1;
−
#tab3:checked ~ .content #content3,
+
}
−
#tab4:checked ~ .content #content4,
+
−
#tab5:checked ~ .content #content5 {
+
#tab1 .tabContent {
−
display: block;
+
z-index: 2;
−
text-align: left;
+
opacity: 1;
−
}
+
filter: alpha(opacity=100);
−
 
+
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
−
@media screen and (max-width: 400px) { label {padding: 15px 10px;} }
+
}
 +
 +
#tab1:hover h3,
 +
#tab1:focus h3,
 +
#tab1:active h3,
 +
#tab2:hover h3,
 +
#tab2:focus h3,
 +
#tab2:active h3,
 +
#tab3:hover h3,
 +
#tab3:focus h3,
 +
#tab3:active h3 {
 +
z-index: 4;
 +
font-weight: bold;
 +
}
 +
 +
#tab1:hover .tabContent,
 +
#tab1:focus .tabContent,
 +
#tab1:active .tabContent,
 +
#tab2:hover .tabContent,
 +
#tab2:focus .tabContent,
 +
#tab2:active .tabContent,
 +
#tab3:hover .tabContent,
 +
#tab3:focus .tabContent,
 +
#tab3:active .tabContent {          
 +
z-index: 3;
 +
opacity: 1;
 +
filter: alpha(opacity=100);
 +
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
 +
}
 
</style></includeonly>
 
</style></includeonly>

2016年10月11日 (二) 18:44的版本

取自“https://library.moegirl.org.cn/index.php?title=Widget:Test&oldid=2756”