|
|
@@ -13,30 +13,30 @@
|
|
|
-o-animation: changeshadow 2s linear infinite;
|
|
|
}
|
|
|
@keyframes changeshadow {
|
|
|
- 0%{ text-shadow: 0 0 4px red}
|
|
|
- 50%{ text-shadow: 0 0 40px red}
|
|
|
- 100%{ text-shadow: 0 0 4px red}
|
|
|
+ 0%{ text-shadow: 0px 0px 4px red}
|
|
|
+ 50%{ text-shadow: 0px 0px 40px red}
|
|
|
+ 100%{ text-shadow: 0px 0px 4px red}
|
|
|
}
|
|
|
/* 添加兼容性前缀 */
|
|
|
@-webkit-keyframes changeshadow {
|
|
|
- 0%{ text-shadow: 0 0 4px red}
|
|
|
- 50%{ text-shadow: 0 0 40px red}
|
|
|
- 100%{ text-shadow: 0 0 4px red}
|
|
|
+ 0%{ text-shadow: 0px 0px 4px red}
|
|
|
+ 50%{ text-shadow: 0px 0px 40px red}
|
|
|
+ 100%{ text-shadow: 0px 0px 4px red}
|
|
|
}
|
|
|
@-moz-keyframes changeshadow {
|
|
|
- 0%{ text-shadow: 0 0 4px red}
|
|
|
- 50%{ text-shadow: 0 0 40px red}
|
|
|
- 100%{ text-shadow: 0 0 4px red}
|
|
|
+ 0%{ text-shadow: 0px 0px 4px red}
|
|
|
+ 50%{ text-shadow: 0px 0px 40px red}
|
|
|
+ 100%{ text-shadow: 0px 0px 4px red}
|
|
|
}
|
|
|
@-ms-keyframes changeshadow {
|
|
|
- 0%{ text-shadow: 0 0 4px red}
|
|
|
- 50%{ text-shadow: 0 0 40px red}
|
|
|
- 100%{ text-shadow: 0 0 4px red}
|
|
|
+ 0%{ text-shadow: 0px 0px 4px red}
|
|
|
+ 50%{ text-shadow: 0px 0px 40px red}
|
|
|
+ 100%{ text-shadow: 0px 0px 4px red}
|
|
|
}
|
|
|
@-o-keyframes changeshadow {
|
|
|
- 0%{ text-shadow: 0 0 4px red}
|
|
|
- 50%{ text-shadow: 0 0 40px red}
|
|
|
- 100%{ text-shadow: 0 0 4px red}
|
|
|
+ 0%{ text-shadow: 0px 0px 4px red}
|
|
|
+ 50%{ text-shadow: 0px 0px 40px red}
|
|
|
+ 100%{ text-shadow: 0px 0px 4px red}
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -105,7 +105,7 @@
|
|
|
text-align: center;
|
|
|
border: 1px solid rgba(0,0,0,.2);
|
|
|
border-radius: 0.3rem;
|
|
|
- margin-right: 0;
|
|
|
+ margin-right: 0px;
|
|
|
}
|
|
|
//圆角边框
|
|
|
.fillet{
|
|
|
@@ -115,12 +115,12 @@
|
|
|
//放大标记
|
|
|
.sign{
|
|
|
transform: scale(1.2);
|
|
|
- box-shadow: 0 0 9px 3px #999;
|
|
|
+ box-shadow: 0px 0px 9px 3px #999;
|
|
|
}
|
|
|
//放大标记-略小
|
|
|
.sign-sm{
|
|
|
transform: scale(1.05);
|
|
|
- box-shadow: 0 0 9px 3px #999;
|
|
|
+ box-shadow: 0px 0px 9px 3px #999;
|
|
|
}
|
|
|
//分隔线
|
|
|
.hr-info{
|
|
|
@@ -148,12 +148,12 @@
|
|
|
.scrollbar::-webkit-scrollbar-thumb {
|
|
|
/*滚动条里面小方块*/
|
|
|
border-radius: 10px;
|
|
|
- box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+ box-shadow : inset 0px 0px 5px rgba(0, 0, 0, 0.2);
|
|
|
background : #535353;
|
|
|
}
|
|
|
.scrollbar::-webkit-scrollbar-track {
|
|
|
/*滚动条里面轨道*/
|
|
|
- box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);
|
|
|
+ box-shadow : inset 0px 0px 5px rgba(0, 0, 0, 0.2);
|
|
|
border-radius: 10px;
|
|
|
background : #ededed;
|
|
|
}
|
|
|
@@ -207,7 +207,7 @@
|
|
|
|
|
|
//选中的黑色阴影效果
|
|
|
.box-shadow-dark{
|
|
|
- box-shadow: 0 0 10px 5px rgba(0,0,0,0.9);
|
|
|
+ box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.9);
|
|
|
z-index:100;
|
|
|
position:relative;
|
|
|
}
|
|
|
@@ -258,7 +258,7 @@
|
|
|
border: 1px solid #d3d3d3;
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
- margin-bottom: 0;
|
|
|
+ margin-bottom: 0px;
|
|
|
display: inline-block;
|
|
|
text-align: center;
|
|
|
vertical-align: bottom;
|
|
|
@@ -288,11 +288,11 @@
|
|
|
width: 38px;
|
|
|
height: 38px;
|
|
|
padding: 12px;
|
|
|
- margin: 0 12px 12px 0;
|
|
|
+ margin: 0px 12px 12px 0px;
|
|
|
text-align: center;
|
|
|
cursor: pointer;
|
|
|
border-radius: 3px;
|
|
|
font-size: 14px;
|
|
|
- box-shadow: 0 0 0 1px #ddd;
|
|
|
+ box-shadow: 0px 0px 0px 1px #ddd;
|
|
|
color: inherit;
|
|
|
-}
|
|
|
+}
|