зеркало из https://github.com/mozilla/seasponge.git
114 строки
2.4 KiB
SCSS
114 строки
2.4 KiB
SCSS
.diagram-contents .stencil {
|
|
border : 1px solid #346789;
|
|
box-shadow : 2px 2px 19px #aaa;
|
|
-o-box-shadow : 2px 2px 19px #aaa;
|
|
-webkit-box-shadow: 2px 2px 19px #aaa;
|
|
-moz-box-shadow : 2px 2px 19px #aaa;
|
|
-moz-border-radius: 0.5em;
|
|
border-radius : 0.5em;
|
|
opacity : 0.8;
|
|
filter : alpha(opacity=80);
|
|
text-align : center;
|
|
z-index : 20;
|
|
position : absolute;
|
|
background-color : #eeeeef;
|
|
color : black;
|
|
font-family : helvetica;
|
|
padding : 0.5em;
|
|
font-size : 0.9em;
|
|
|
|
line-height: normal !important;
|
|
|
|
width: 80px;
|
|
height: 80px;
|
|
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
|
|
}
|
|
.diagram-contents .stencil:hover {
|
|
box-shadow: 2px 2px 19px #444;
|
|
-o-box-shadow: 2px 2px 19px #444;
|
|
-webkit-box-shadow: 2px 2px 19px #444;
|
|
-moz-box-shadow: 2px 2px 19px #444;
|
|
opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
|
|
}
|
|
.diagram-contents .active {
|
|
border: 1px dotted green;
|
|
}
|
|
.diagram-contents .hover {
|
|
border: 1px dotted red;
|
|
|
|
}
|
|
.diagram-contents ._jsPlumb_connector {
|
|
z-index: 4;
|
|
}
|
|
.diagram-contents ._jsPlumb_endpoint,
|
|
.endpointTargetLabel,
|
|
.endpointSourceLabel {
|
|
z-index: 21;
|
|
cursor: pointer;
|
|
}
|
|
.diagram-contents .aLabel {
|
|
background-color: white;
|
|
padding : 0.4em;
|
|
font : 12px sans-serif;
|
|
color : #444;
|
|
z-index : 21;
|
|
border : 1px dotted gray;
|
|
opacity : 0.8;
|
|
filter : alpha(opacity=80);
|
|
cursor : pointer;
|
|
}
|
|
.diagram-contents .aLabel._jsPlumb_hover {
|
|
background-color: #5c96bc;
|
|
color: white;
|
|
border: 1px solid white;
|
|
}
|
|
|
|
.stencil.selected-stencil {
|
|
background-color: #5492FF;
|
|
}
|
|
|
|
.aLabel.selected-flow {
|
|
background-color: #5492FF;
|
|
}
|
|
|
|
.stencil-item {
|
|
height: 110px; //For really long names of stencils :/
|
|
margin-top: 10px;
|
|
text-align: center;
|
|
}
|
|
|
|
.stencil-search {
|
|
width: 95% !important;
|
|
margin-left: 10px !important;
|
|
}
|
|
|
|
// Shapes
|
|
.circle {
|
|
width: 100px !important;
|
|
height: 100px !important;
|
|
-moz-border-radius: 50px !important;
|
|
-webkit-border-radius: 50px !important;
|
|
border-radius: 50px !important;
|
|
|
|
p {
|
|
margin-top: 25px;
|
|
}
|
|
}
|
|
|
|
.ellipse {
|
|
width: 200px !important;
|
|
height: 100px !important;
|
|
-moz-border-radius: 100px / 50px !important;
|
|
-webkit-border-radius: 100px / 50px !important;
|
|
border-radius: 100px / 50px !important;
|
|
|
|
p {
|
|
margin-top: 30px;
|
|
}
|
|
}
|