您最多选择25个主题
主题必须以中文或者字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
100 行
1.6 KiB
100 行
1.6 KiB
.Node {
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
border-left: 4;
|
|
border-top: 4;
|
|
border-right: 4;
|
|
border-bottom: 4;
|
|
border-width: 2;
|
|
border-radius: 5;
|
|
}
|
|
|
|
.Node.selected {
|
|
border-color: rgb(210, 152, 0);
|
|
}
|
|
|
|
.Node .pane {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
padding-left: 4;
|
|
padding-right: 4;
|
|
padding-top: 2;
|
|
padding-bottom: 4;
|
|
border-radius: 2;
|
|
}
|
|
|
|
.Node .pane.left {
|
|
width: 208;
|
|
background-color: rgb(45, 45, 45);
|
|
}
|
|
|
|
.Node .pane.right {
|
|
background-color: rgb(32, 33, 33);
|
|
margin-left: 2;
|
|
padding-left: 8;
|
|
}
|
|
|
|
.Node .pane.right.empty {
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.Node .paneItem {
|
|
margin-top: 2;
|
|
}
|
|
|
|
.Node NodeAnchor {
|
|
height: 26;
|
|
align-items: center;
|
|
}
|
|
|
|
.Node NodeAnchor #connector {
|
|
background-color: rgb(20, 21, 21);
|
|
border-color: rgb(20, 21, 21);
|
|
/* width is currently hard-coded */
|
|
border-width: 4;
|
|
margin-left: 5;
|
|
margin-right: 5;
|
|
width: 10;
|
|
height: 10;
|
|
border-radius: 15;
|
|
}
|
|
|
|
.Node NodeAnchor #connector.anchorHighlight {
|
|
background-color: rgb(220, 220, 220);
|
|
border-color: rgb(220, 220, 220);
|
|
}
|
|
|
|
.Node #input NodeAnchor {
|
|
flex-direction: row;
|
|
}
|
|
|
|
.Node #output NodeAnchor {
|
|
flex-direction: row-reverse;
|
|
}
|
|
|
|
.Node NodeAnchor #type {
|
|
text-color: rgb(153, 153, 153);
|
|
flex:1;
|
|
}
|
|
|
|
.Node #input NodeAnchor #type {
|
|
text-alignment: middle-left;
|
|
}
|
|
|
|
.Node #output NodeAnchor #type {
|
|
text-alignment: middle-right;
|
|
}
|
|
|
|
.Node #controls {
|
|
flex-direction: column;
|
|
padding-bottom: 2;
|
|
padding-left: 4;
|
|
padding-right: 4;
|
|
}
|
|
|
|
.Node #controls #element{
|
|
flex-direction: column;
|
|
}
|
|
|