258 lines
4.5 KiB
Plaintext
258 lines
4.5 KiB
Plaintext
|
GraphEditorView {
|
||
|
flex-direction: column;
|
||
|
flex: 1;
|
||
|
}
|
||
|
|
||
|
GraphEditorView #TitleBar {
|
||
|
|
||
|
}
|
||
|
|
||
|
GraphEditorView > #content {
|
||
|
flex: 1;
|
||
|
flex-direction: row;
|
||
|
}
|
||
|
|
||
|
GraphEditorView > #content > #GraphView {
|
||
|
flex: 1;
|
||
|
}
|
||
|
|
||
|
GraphEditorView > #content > #inspector {
|
||
|
width: 400px;
|
||
|
}
|
||
|
|
||
|
.edge.fromMatrix4, .edge.fromMatrix3, .edge.fromMatrix2 {
|
||
|
--edge-output-color: #8FC1DF;
|
||
|
}
|
||
|
.edge.toMatrix4, .edge.toMatrix3, .edge.toMatrix2 {
|
||
|
--edge-input-color: #8FC1DF;
|
||
|
}
|
||
|
|
||
|
.edge.fromTexture2D, .edge.fromCubemap {
|
||
|
--edge-output-color: #FF8B8B;
|
||
|
}
|
||
|
.edge.toTexture2D, .edge.toCubemap {
|
||
|
--edge-input-color: #FF8B8B;
|
||
|
}
|
||
|
|
||
|
.edge.fromVector4 {
|
||
|
--edge-output-color: #FBCBF4;
|
||
|
}
|
||
|
.edge.toVector4 {
|
||
|
--edge-input-color: #FBCBF4;
|
||
|
}
|
||
|
|
||
|
.edge.fromVector3 {
|
||
|
--edge-output-color: #F6FF9A;
|
||
|
}
|
||
|
.edge.toVector3 {
|
||
|
--edge-input-color: #F6FF9A;
|
||
|
}
|
||
|
|
||
|
.edge.fromVector2 {
|
||
|
--edge-output-color: #9AEF92;
|
||
|
}
|
||
|
.edge.toVector2 {
|
||
|
--edge-input-color: #9AEF92;
|
||
|
}
|
||
|
|
||
|
.edge.fromVector1 {
|
||
|
--edge-output-color: #84E4E7;
|
||
|
}
|
||
|
.edge.toVector1 {
|
||
|
--edge-input-color: #84E4E7;
|
||
|
}
|
||
|
|
||
|
.edge.fromBoolean {
|
||
|
--edge-output-color: #9481E6;
|
||
|
}
|
||
|
.edge.toBoolean {
|
||
|
--edge-input-color: #9481E6;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize {
|
||
|
background-color: rgba(0, 0, 0, 0);
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.vertical {
|
||
|
cursor: resize-vertical;
|
||
|
height: 10px;
|
||
|
left: 10px;
|
||
|
right: 10px;
|
||
|
padding-top: 0;
|
||
|
padding-bottom: 0;
|
||
|
margin-top: 0;
|
||
|
margin-bottom: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.horizontal {
|
||
|
cursor: resize-horizontal;
|
||
|
width: 10px;
|
||
|
top: 10px;
|
||
|
bottom: 10px;
|
||
|
padding-left: 0;
|
||
|
padding-right: 0;
|
||
|
margin-left: 0;
|
||
|
margin-right: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.diagonal {
|
||
|
width: 10px;
|
||
|
height: 6px;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.diagonal.top-left {
|
||
|
cursor: resize-up-left;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.diagonal.top-right {
|
||
|
cursor: resize-up-right;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.diagonal.bottom-left {
|
||
|
cursor: resize-up-right;
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.diagonal.bottom-right {
|
||
|
cursor: resize-up-left;
|
||
|
bottom: 0;
|
||
|
right: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.vertical.top {
|
||
|
top: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.vertical.bottom {
|
||
|
bottom: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.horzontal.left {
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
#resizeBorderFrame > .resize.horizontal.right {
|
||
|
right: 0;
|
||
|
}
|
||
|
|
||
|
.resizeBorderFrame {
|
||
|
position: absolute;
|
||
|
top: 0;
|
||
|
right: 0;
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
}
|
||
|
|
||
|
.nodeEditor {
|
||
|
border-color: rgb(79, 79, 79);
|
||
|
border-bottom-width: 1px;
|
||
|
padding-top: 10px;
|
||
|
}
|
||
|
|
||
|
NodeEditorHeaderView {
|
||
|
padding-left: 16px;
|
||
|
padding-right: 16px;
|
||
|
padding-bottom: 10px;
|
||
|
flex-direction: row;
|
||
|
}
|
||
|
|
||
|
NodeEditorHeaderView > #preType {
|
||
|
margin-left: 10px;
|
||
|
}
|
||
|
|
||
|
NodeEditorHeaderView > #preType,
|
||
|
NodeEditorHeaderView > #postType,
|
||
|
NodeEditorHeaderView > #type {
|
||
|
color: rgb(180, 180, 180);
|
||
|
}
|
||
|
|
||
|
NodeEditorHeaderView > #title {
|
||
|
color: rgb(180, 180, 180);
|
||
|
-unity-font-style: bold;
|
||
|
}
|
||
|
|
||
|
.nodeEditor > .section {
|
||
|
padding-bottom: 10px;
|
||
|
}
|
||
|
|
||
|
.nodeEditor > .section.hidden {
|
||
|
height: 0;
|
||
|
padding-bottom: 0;
|
||
|
}
|
||
|
|
||
|
.nodeEditor > .section > .title {
|
||
|
color: rgb(180, 180, 180);
|
||
|
-unity-font-style: bold;
|
||
|
padding-left: 16px;
|
||
|
padding-right: 16px;
|
||
|
padding-bottom: 2px;
|
||
|
}
|
||
|
|
||
|
.nodeEditor > .section > #slots {
|
||
|
flex-direction: column;
|
||
|
padding-left: 15px;
|
||
|
padding-right: 15px;
|
||
|
}
|
||
|
|
||
|
.nodeEditor > .section#surfaceOptions {
|
||
|
padding-left: 15px;
|
||
|
padding-right: 15px;
|
||
|
}
|
||
|
|
||
|
IMGUISlotEditorView {
|
||
|
flex-direction: column;
|
||
|
padding-bottom: 2px;
|
||
|
}
|
||
|
|
||
|
ObjectControlView {
|
||
|
flex-direction: row;
|
||
|
}
|
||
|
|
||
|
ObjectControlView > ObjectField {
|
||
|
flex: 1;
|
||
|
}
|
||
|
|
||
|
PropertyControlView {
|
||
|
padding-left: 8px;
|
||
|
padding-right: 8px;
|
||
|
padding-top: 4px;
|
||
|
padding-bottom: 4px;
|
||
|
}
|
||
|
|
||
|
.stack-node {
|
||
|
--separator-extent: 6;
|
||
|
}
|
||
|
|
||
|
/* TEMP STUFF THAT SHOULD ACTUALLY STAY IN GRAPHVIEW */
|
||
|
|
||
|
.unity-Doublefield-input {
|
||
|
min-height: 15px;
|
||
|
margin-left: 4px;
|
||
|
margin-top: 2px;
|
||
|
margin-right: 4px;
|
||
|
margin-bottom: 2px;
|
||
|
padding-left: 3px;
|
||
|
padding-top: 1px;
|
||
|
padding-right: 3px;
|
||
|
padding-bottom: 2px;
|
||
|
-unity-slice-left: 3;
|
||
|
-unity-slice-top: 3;
|
||
|
-unity-slice-right: 3;
|
||
|
-unity-slice-bottom: 3;
|
||
|
--unity-selection-color: rgba(61,128,223,166);
|
||
|
cursor: text;
|
||
|
color: #B4B4B4;
|
||
|
background-image: resource("Builtin Skins/DarkSkin/Images/TextField.png");
|
||
|
--unity-cursor-color:#B4B4B4;
|
||
|
}
|
||
|
|
||
|
.unity-Doublefield-input:focus {
|
||
|
background-image: resource("Builtin Skins/DarkSkin/Images/TextField focused.png");
|
||
|
}
|