You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.4 KiB
69 lines
1.4 KiB
1 year ago
|
#object{
|
||
|
|
border: 2px solid red;
|
||
|
|
font-size: small;
|
||
|
|
width:80px;
|
||
|
|
height:20px;
|
||
|
|
position:absolute;
|
||
|
|
right:100px;
|
||
|
|
top:156px;
|
||
|
|
cursor:pointer;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
#process{
|
||
|
|
border: 1px solid #333;
|
||
|
|
font-size: small;
|
||
|
|
width:70px;
|
||
|
|
height:20px;
|
||
|
|
position:absolute;
|
||
|
|
right:20px;
|
||
|
|
top:156px;
|
||
|
|
cursor:pointer;
|
||
|
|
text-align: center;
|
||
|
|
border-radius: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#arrow{
|
||
|
|
background: black;
|
||
|
|
border: 1px solid black;
|
||
|
|
width:80px;
|
||
|
|
height:20px;
|
||
|
|
position:absolute;
|
||
|
|
right:100px;
|
||
|
|
top:200px;
|
||
|
|
cursor:pointer;
|
||
|
|
clip-path: polygon(0% 40%, 95% 40%, 92% 10%, 95% 0%, 100% 50%, 95% 100%, 92% 90%, 95% 60%, 0% 60%);
|
||
|
|
}
|
||
|
|
|
||
|
|
#arrow1{
|
||
|
|
background: black;
|
||
|
|
border: 1px solid black;
|
||
|
|
width:70px;
|
||
|
|
height:20px;
|
||
|
|
position:absolute;
|
||
|
|
right:20px;
|
||
|
|
top:200px;
|
||
|
|
cursor:pointer;
|
||
|
|
clip-path: polygon(0% 0%, 52% 0%, 52% 80%, 95% 80%, 93% 75%, 95% 70%, 100% 85%, 95% 100%, 93% 95%, 95% 90%, 48% 90%, 48% 10%, 0% 10%);
|
||
|
|
}
|
||
|
|
|
||
|
|
#datasrc{
|
||
|
|
background: black;
|
||
|
|
font-size: small;
|
||
|
|
border: 1px solid black;
|
||
|
|
width:80px;
|
||
|
|
height:20px;
|
||
|
|
position:absolute;
|
||
|
|
right:100px;
|
||
|
|
top:250px;
|
||
|
|
cursor:pointer;
|
||
|
|
clip-path: polygon(0% 0%, 100% 0%, 100% 10%, 5% 10%, 5% 90%, 100% 90%, 100% 100%, 0% 100%);
|
||
|
|
}
|
||
|
|
|
||
|
|
#arrowtype{
|
||
|
|
width: 180px;
|
||
|
|
height: 25px;
|
||
|
|
position: absolute;
|
||
|
|
bottom: 50px;
|
||
|
|
right: 10px;
|
||
|
|
}
|