134 lines
3.4 KiB
CSS
134 lines
3.4 KiB
CSS
/*
|
|
* @Copyright (c) 2018 缪聪(mcg-helper@qq.com)
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
.demo {
|
|
/* for IE10+ touch devices */
|
|
touch-action:none;
|
|
}
|
|
|
|
.w {
|
|
padding: 16px;
|
|
position: absolute;
|
|
z-index: 4;
|
|
border: 1px solid #2e6f9a;
|
|
box-shadow: 2px 2px 19px #e0e0e0;
|
|
-o-box-shadow: 2px 2px 19px #e0e0e0;
|
|
-webkit-box-shadow: 2px 2px 19px #e0e0e0;
|
|
-moz-box-shadow: 2px 2px 19px #e0e0e0;
|
|
-moz-border-radius: 8px;
|
|
border-radius: 8px;
|
|
opacity: 0.8;
|
|
filter: alpha(opacity=80);
|
|
/* cursor: move; */
|
|
background-color: white;
|
|
font-size: 12px;
|
|
-webkit-transition: background-color 0.25s ease-in;
|
|
-moz-transition: background-color 0.25s ease-in;
|
|
transition: background-color 0.25s ease-in;
|
|
}
|
|
|
|
.w:hover {
|
|
background-color: #1e8151;
|
|
color: orange;
|
|
}
|
|
|
|
.aLabel {
|
|
-webkit-transition: background-color 0.25s ease-in;
|
|
-moz-transition: background-color 0.25s ease-in;
|
|
transition: background-color 0.25s ease-in;
|
|
}
|
|
|
|
.aLabel._jsPlumb_hover, ._jsPlumb_source_hover, ._jsPlumb_target_hover {
|
|
background-color: #1e8151;
|
|
color: orange;
|
|
}
|
|
|
|
.aLabel {
|
|
background-color: white;
|
|
opacity: 0.8;
|
|
padding: 0.3em;
|
|
border-radius: 0.5em;
|
|
border: 1px solid #346789;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ep {
|
|
position: absolute;
|
|
bottom: 37%;
|
|
right: 5px;
|
|
width: 1em;
|
|
height: 1em;
|
|
background-color: orange;
|
|
cursor: pointer;
|
|
box-shadow: 0 0 2px black;
|
|
-webkit-transition: -webkit-box-shadow 0.25s ease-in;
|
|
-moz-transition: -moz-box-shadow 0.25s ease-in;
|
|
transition: box-shadow 0.25s ease-in;
|
|
}
|
|
|
|
.ep:hover {
|
|
box-shadow: 0px 0px 6px black;
|
|
}
|
|
|
|
.flowarea ._jsPlumb_endpoint {
|
|
z-index: 3;
|
|
}
|
|
|
|
.dragHover {
|
|
border: 2px solid orange;
|
|
}
|
|
|
|
path, ._jsPlumb_endpoint {
|
|
cursor:pointer;
|
|
}
|
|
|
|
.run_flicker{
|
|
color:green;
|
|
animation: changeshadow 1s ease-in infinite ;
|
|
/* 其它浏览器兼容性前缀 */
|
|
-webkit-animation: changeshadow 1s linear infinite;
|
|
-moz-animation: changeshadow 1s linear infinite;
|
|
-ms-animation: changeshadow 1s linear infinite;
|
|
-o-animation: changeshadow 1s linear infinite;
|
|
}
|
|
|
|
@keyframes changeshadow {
|
|
0%{ text-shadow: 0 0 4px green}
|
|
50%{ text-shadow: 0 0 40px green}
|
|
100%{ text-shadow: 0 0 4px green}
|
|
}
|
|
/* 添加兼容性前缀 */
|
|
@-webkit-keyframes changeshadow {
|
|
0%{ text-shadow: 0 0 4px green}
|
|
50%{ text-shadow: 0 0 40px green}
|
|
100%{ text-shadow: 0 0 4px green}
|
|
}
|
|
@-moz-keyframes changeshadow {
|
|
0%{ text-shadow: 0 0 4px green}
|
|
50%{ text-shadow: 0 0 40px green}
|
|
100%{ text-shadow: 0 0 4px green}
|
|
}
|
|
@-ms-keyframes changeshadow {
|
|
0%{ text-shadow: 0 0 4px green}
|
|
50%{ text-shadow: 0 0 40px green}
|
|
100%{ text-shadow: 0 0 4px green}
|
|
}
|
|
@-o-keyframes changeshadow {
|
|
0%{ text-shadow: 0 0 4px green}
|
|
50%{ text-shadow: 0 0 40px green}
|
|
100%{ text-shadow: 0 0 4px green}
|
|
}
|