150 lines
3.0 KiB
CSS
150 lines
3.0 KiB
CSS
.rectangle-list {
|
|
list-style: none;
|
|
*list-style: decimal;
|
|
font: 18px 'trebuchet MS', 'lucida sans';
|
|
padding: 0;
|
|
margin-bottom: 4em;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
|
|
}
|
|
|
|
.rectangle-lis ul {
|
|
margin: 0 0 0 2em;
|
|
}
|
|
|
|
.rectangle-list a {
|
|
position: relative;
|
|
display: block;
|
|
padding: .4em .4em .4em .8em;
|
|
*padding: .4em;
|
|
margin: .5em 0 .5em 2.5em;
|
|
background: #ddd;
|
|
color: #444;
|
|
text-decoration: none;
|
|
-webkit-transition: all .3s ease-out;
|
|
-moz-transition: all .3s ease-out;
|
|
-ms-transition: all .3s ease-out;
|
|
-o-transition: all .3s ease-out;
|
|
transition: all .3s ease-out;
|
|
}
|
|
|
|
.rectangle-list a:hover {
|
|
background: #eee;
|
|
}
|
|
|
|
.rectangle-list a:before {
|
|
content: counter(li);
|
|
counter-increment: li;
|
|
position: absolute;
|
|
left: -2.5em;
|
|
top: 50%;
|
|
margin-top: -1em;
|
|
background: #fa8072;
|
|
height: 2em;
|
|
width: 2em;
|
|
line-height: 2em;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rectangle-list a:after {
|
|
position: absolute;
|
|
content: '';
|
|
border: .5em solid transparent;
|
|
left: -1em;
|
|
top: 50%;
|
|
margin-top: -.5em;
|
|
-webkit-transition: all .3s ease-out;
|
|
-moz-transition: all .3s ease-out;
|
|
-ms-transition: all .3s ease-out;
|
|
-o-transition: all .3s ease-out;
|
|
transition: all .3s ease-out;
|
|
}
|
|
|
|
.rectangle-list a:hover:after {
|
|
left: -.5em;
|
|
border-left-color: #fa8072;
|
|
}
|
|
/* 放大图片的效果 */
|
|
.bg-img {
|
|
position: fixed;
|
|
background-color: rgba(190, 190, 190, 0.5);
|
|
z-index: 9999;
|
|
}
|
|
|
|
.tra-img {
|
|
text-align: center;
|
|
position: relative;
|
|
top: 50%;
|
|
-webkit-transform: translateY(-50%);
|
|
-moz-transform: translateY(-50%);
|
|
-o-transform: translateY(-50%);
|
|
-ms-transform: translateY(-50%);
|
|
transform: translateY(-50%);
|
|
}
|
|
#zhuye {
|
|
/* 按钮美化 */
|
|
height: 40px;
|
|
/* 高度 */
|
|
border-width: 0px;
|
|
/* 边框宽度 */
|
|
border-radius: 3px;
|
|
/* 边框半径 */
|
|
background: #3A5FCD;
|
|
/* 背景颜色 */
|
|
cursor: pointer;
|
|
/* 鼠标移入按钮范围时出现手势 */
|
|
outline: none;
|
|
/* 不显示轮廓线 */
|
|
font-family: Microsoft YaHei;
|
|
/* 设置字体 */
|
|
color: white;
|
|
/* 字体颜色 */
|
|
font-size: 17px;
|
|
/* 字体大小 */
|
|
}
|
|
|
|
#zhuye:hover {
|
|
/* 鼠标移入按钮范围时改变颜色 */
|
|
background: #5599FF;
|
|
}
|
|
b{color:red;font-size:20px}
|
|
|
|
.imgul li{
|
|
border: solid 1px red;
|
|
text-align:center;
|
|
padding:5px;
|
|
display: inline-block;
|
|
margin-right:10px;
|
|
}
|
|
|
|
|
|
.detailtable
|
|
{
|
|
border-collapse: collapse;
|
|
margin: 0 auto;
|
|
text-align: left;
|
|
width:100%;
|
|
}
|
|
.detailtable td, .detailtable th
|
|
{
|
|
border: 1px solid #cad9ea;
|
|
color: #666;
|
|
height: 30px;
|
|
}
|
|
.detailtable thead th
|
|
{
|
|
background-color: #CCE8EB;
|
|
width: 100px;
|
|
}
|
|
.detailtable tr:nth-child(odd)
|
|
{
|
|
background: #fff;
|
|
}
|
|
.detailtable tr:nth-child(even)
|
|
{
|
|
background: #F5FAFA;
|
|
}
|
|
.labeldiv
|
|
{
|
|
font-size: 18px;margin-bottom:5px;margin-top:5px;color:blue;
|
|
} |