您最多选择25个主题
主题必须以中文或者字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
599 行
11 KiB
599 行
11 KiB
GraphEditorView {
|
|
flex-direction: column;
|
|
background: #f00;
|
|
flex: 1;
|
|
}
|
|
|
|
GraphEditorView #TitleBar {
|
|
|
|
}
|
|
|
|
GraphEditorView > #content {
|
|
flex: 1;
|
|
flex-direction: row;
|
|
}
|
|
|
|
GraphEditorView > #content > #GraphView {
|
|
flex: 1;
|
|
}
|
|
|
|
GraphEditorView > #content > #inspector {
|
|
width: 400;
|
|
}
|
|
|
|
MaterialGraphView {
|
|
background-color: rgb(20, 21, 21);
|
|
}
|
|
|
|
MaterialNodeView #previewContainer,
|
|
MaterialNodeView #controls {
|
|
background-color: rgba(63, 63, 63, 0.8);
|
|
}
|
|
|
|
MaterialNodeView #controls.notEmpty {
|
|
padding-top: 4;
|
|
padding-bottom: 4;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer > #preview {
|
|
width: 200;
|
|
height: 200;
|
|
align-items:center;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer > #preview > #collapse {
|
|
background-color: #000;
|
|
border-color: #F0F0F0;
|
|
width: 0;
|
|
height: 0;
|
|
opacity: 0;
|
|
border-radius: 1;
|
|
border-top-width: 1;
|
|
border-bottom-width: 1;
|
|
border-left-width: 1;
|
|
border-right-width: 1;
|
|
margin-top: 4;
|
|
align-items:center;
|
|
justify-content:center;
|
|
}
|
|
|
|
|
|
MaterialNodeView #previewContainer:hover > #preview > #collapse {
|
|
width: 20;
|
|
height: 20;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer > #preview > #collapse > #icon
|
|
{
|
|
background-image : resource("GraphView/Nodes/PreviewCollapse.png");
|
|
width: 16;
|
|
height: 16;
|
|
}
|
|
MaterialNodeView #previewContainer > #preview > #collapse:hover {
|
|
opacity: 1.0;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer.collapsed > #preview > #collapse {
|
|
height: 0;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer > #expand {
|
|
align-self: center;
|
|
width: 56;
|
|
height: 16;
|
|
flex-direction: row;
|
|
justify-content:center;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer > #expand > #icon {
|
|
align-self: center;
|
|
background-image : resource("GraphView/Nodes/PreviewExpand.png");
|
|
width: 16;
|
|
height: 16;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer.collapsed > #expand:hover {
|
|
background-color: #2B2B2B;
|
|
}
|
|
|
|
MaterialNodeView #previewContainer.expanded > #expand {
|
|
height: 0;
|
|
}
|
|
|
|
MaterialNodeView > #resize {
|
|
background-color: rgb(0, 0, 255);
|
|
position-type: absolute;
|
|
position-right: 5;
|
|
position-bottom: 5;
|
|
width: 10;
|
|
height: 10;
|
|
}
|
|
|
|
MaterialNodeView > #resize:hover {
|
|
background-color: rgb(0, 127, 127);
|
|
}
|
|
|
|
MaterialNodeView > #resize:active {
|
|
background-color: rgb(0, 225, 25);
|
|
}
|
|
|
|
PortInputView {
|
|
width: 212;
|
|
height: 22;
|
|
padding-top: 1;
|
|
flex-direction: row;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
PortInputView > #container {
|
|
background-color: rgba(63, 63, 63, 0.8);
|
|
flex-direction: row;
|
|
align-items: center;
|
|
padding-left: 8;
|
|
margin-right: 12;
|
|
border-left-width: 1;
|
|
border-top-width: 1;
|
|
border-right-width: 1;
|
|
border-bottom-width: 1;
|
|
border-color: rgba(25, 25, 25, 0.8);
|
|
border-radius: 2;
|
|
}
|
|
|
|
PortInputView > #container > #slot {
|
|
width: 8;
|
|
height: 8;
|
|
background-color: #2B2B2B;
|
|
border-color: #232323;
|
|
border-top-width: 1;
|
|
border-bottom-width: 1;
|
|
border-left-width: 1;
|
|
border-right-width: 1;
|
|
border-radius: 4;
|
|
margin-left: 6;
|
|
margin-right: 6;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
PortInputView > #edge {
|
|
position-type: absolute;
|
|
position-right: 0;
|
|
position-top: 10.5;
|
|
height: 2;
|
|
width: 20;
|
|
background-color: #ff0000;
|
|
}
|
|
|
|
PortInputView > #container > #slot > #dot {
|
|
width: 4;
|
|
height: 4;
|
|
background-color: #ff0000;
|
|
border-radius: 4;
|
|
}
|
|
|
|
PortInputView.typeMatrix4 > #container > #slot > #dot,
|
|
PortInputView.typeMatrix3 > #container > #slot > #dot,
|
|
PortInputView.typeMatrix2 > #container > #slot > #dot {
|
|
background-color: #8FC1DF;
|
|
}
|
|
|
|
PortInputView.typeMatrix4,
|
|
PortInputView.typeMatrix3,
|
|
PortInputView.typeMatrix2 {
|
|
edge-color: #8FC1DF;
|
|
}
|
|
|
|
PortInputView.typeTexture2D > #container > #slot > #dot {
|
|
background-color: #FF8B8B;
|
|
}
|
|
|
|
PortInputView.typeTexture2D {
|
|
edge-color: #FF8B8B;
|
|
}
|
|
|
|
PortInputView.typeVector4 > #container > #slot > #dot {
|
|
background-color: #FBCBF4;
|
|
}
|
|
|
|
PortInputView.typeVector4 {
|
|
edge-color: #FBCBF4;
|
|
}
|
|
|
|
PortInputView.typeVector3 > #container > #slot > #dot {
|
|
background-color: #F6FF9A;
|
|
}
|
|
|
|
PortInputView.typeVector3 {
|
|
edge-color: #F6FF9A;
|
|
}
|
|
|
|
PortInputView.typeVector2 > #container > #slot > #dot {
|
|
background-color: #9AEF92;
|
|
}
|
|
|
|
PortInputView.typeVector2 {
|
|
edge-color: #9AEF92;
|
|
}
|
|
|
|
PortInputView.typeVector1 > #container > #slot > #dot {
|
|
background-color: #84E4E7;
|
|
}
|
|
|
|
PortInputView.typeVector1 {
|
|
edge-color: #84E4E7;
|
|
}
|
|
|
|
TextureSlotControlView {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
TextureSlotControlView > ObjectField {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
width: 100;
|
|
}
|
|
|
|
MultiFloatSlotControlView {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
MultiFloatSlotControlView > #dummy > Label {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
cursor: slide-arrow;
|
|
}
|
|
|
|
MultiFloatSlotControlView > FloatField {
|
|
width: 30;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
UVSlotControlView > EnumField {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
width: 40;
|
|
}
|
|
|
|
ColorSlotControlView {
|
|
flex-direction: row;
|
|
align-items: center;
|
|
}
|
|
|
|
ColorSlotControlView > ColorField {
|
|
width: 50;
|
|
}
|
|
|
|
.edge.fromMatrix4, .edge.fromMatrix3, .edge.fromMatrix2 {
|
|
edge-output-color: #8FC1DF;
|
|
}
|
|
.edge.toMatrix4, .edge.toMatrix3, .edge.toMatrix2 {
|
|
edge-input-color: #8FC1DF;
|
|
}
|
|
|
|
.edge.fromTexture2D {
|
|
edge-output-color: #FF8B8B;
|
|
}
|
|
.edge.toTexture2D {
|
|
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;
|
|
}
|
|
|
|
GraphInspectorView {
|
|
background-color: rgb(56, 56, 56);
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
GraphInspectorView > #top > #header {
|
|
background-color: rgb(64, 64, 64);
|
|
border-color: rgb(79, 79, 79);
|
|
border-bottom-width: 1;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
GraphInspectorView > #top > #header > #title {
|
|
text-color: rgb(180, 180, 180);
|
|
font-style: bold;
|
|
padding-left: 16;
|
|
padding-right: 16;
|
|
padding-top: 10;
|
|
padding-bottom: 10;
|
|
}
|
|
|
|
GraphInspectorView > #top > #content > #selectionCount {
|
|
text-color: rgb(180, 180, 180);
|
|
padding-left: 16;
|
|
padding-right: 16;
|
|
padding-top: 10;
|
|
padding-bottom: 10;
|
|
}
|
|
|
|
GraphInspectorView > #bottom > #preview {
|
|
height: 400;
|
|
background-color: rgb(79, 79, 79);
|
|
}
|
|
|
|
GraphInspectorView > #bottom > #properties {
|
|
border-color: rgb(41, 41, 41);
|
|
border-top-width: 1;
|
|
border-bottom-width: 1;
|
|
border-left-width: 1;
|
|
border-right-width: 1;
|
|
margin-top: 8;
|
|
margin-bottom: 8;
|
|
margin-left: 8;
|
|
margin-right: 8;
|
|
}
|
|
|
|
GraphInspectorView > #bottom > #properties > #header {
|
|
border-color: rgb(41, 41, 41);
|
|
border-bottom-width: 1;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
GraphInspectorView > #bottom > #properties > #header > #title {
|
|
text-color: rgb(180, 180, 180);
|
|
font-style: bold;
|
|
padding-top: 8;
|
|
padding-bottom: 8;
|
|
padding-left: 8;
|
|
padding-right: 8;
|
|
}
|
|
|
|
GraphInspectorView > #bottom > #properties > #header > #addButton {
|
|
height: 24;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 8;
|
|
}
|
|
|
|
GraphInspectorView > #bottom > #properties > #items {
|
|
padding-bottom: 4;
|
|
}
|
|
|
|
ShaderPropertyView {
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-top: 8;
|
|
padding-bottom: 4;
|
|
padding-left: 8;
|
|
padding-right: 8;
|
|
}
|
|
|
|
ShaderPropertyView > #displayName {
|
|
flex: 1;
|
|
margin-right: 8;
|
|
}
|
|
|
|
ShaderPropertyView > #value {
|
|
flex: 2;
|
|
margin-right: 8;
|
|
}
|
|
|
|
ShaderPropertyView > #remove {
|
|
font-size: 9;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
padding-left: 1;
|
|
padding-right: 1;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.nodeEditor {
|
|
border-color: rgb(79, 79, 79);
|
|
border-bottom-width: 1;
|
|
padding-top: 10;
|
|
}
|
|
|
|
NodeEditorHeaderView {
|
|
padding-left: 16;
|
|
padding-right: 16;
|
|
padding-bottom: 10;
|
|
flex-direction: row;
|
|
}
|
|
|
|
NodeEditorHeaderView > #preType {
|
|
margin-left: 10;
|
|
}
|
|
|
|
NodeEditorHeaderView > #preType,
|
|
NodeEditorHeaderView > #postType,
|
|
NodeEditorHeaderView > #type {
|
|
text-color: rgb(180, 180, 180);
|
|
}
|
|
|
|
NodeEditorHeaderView > #title {
|
|
text-color: rgb(180, 180, 180);
|
|
font-style: bold;
|
|
}
|
|
|
|
.nodeEditor > .section {
|
|
padding-bottom: 10;
|
|
}
|
|
|
|
.nodeEditor > .section.hidden {
|
|
height: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.nodeEditor > .section > .title {
|
|
text-color: rgb(180, 180, 180);
|
|
font-style: bold;
|
|
padding-left: 16;
|
|
padding-right: 16;
|
|
padding-bottom: 2;
|
|
}
|
|
|
|
.nodeEditor > .section > #slots {
|
|
flex-direction: column;
|
|
padding-left: 15;
|
|
padding-right: 15;
|
|
}
|
|
|
|
.nodeEditor > .section#surfaceOptions {
|
|
padding-left: 15;
|
|
padding-right: 15;
|
|
}
|
|
|
|
IMGUISlotEditorView {
|
|
flex-direction: column;
|
|
padding-bottom: 2;
|
|
}
|
|
|
|
ColorControlView {
|
|
flex-direction: row;
|
|
}
|
|
|
|
MultiFloatControlView {
|
|
flex-direction: row;
|
|
padding-left: 8;
|
|
padding-right: 8;
|
|
padding-top: 4;
|
|
padding-bottom: 4;
|
|
}
|
|
|
|
MultiFloatControlView > #dummy > Label {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
cursor: slide-arrow;
|
|
}
|
|
|
|
MultiFloatControlView > FloatField {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
min-width: 30;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
ObjectControlView {
|
|
flex-direction: row;
|
|
}
|
|
|
|
ObjectControlView > ObjectField {
|
|
flex: 1;
|
|
}
|
|
|
|
EnumControlView {
|
|
flex-direction: row;
|
|
}
|
|
|
|
EnumControlView > EnumField {
|
|
flex: 1;
|
|
margin-left: 0;
|
|
margin-right: 8;
|
|
margin-top: 4;
|
|
margin-bottom: 4;
|
|
}
|
|
|
|
EnumControlView > Label {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
margin-left: 8;
|
|
margin-right: 8;
|
|
margin-top: 4;
|
|
margin-bottom: 4;
|
|
}
|
|
|
|
PropertyControlView {
|
|
padding-left: 8;
|
|
padding-right: 8;
|
|
padding-top: 4;
|
|
padding-bottom: 4;
|
|
}
|
|
|
|
EnumConversionControlView {
|
|
flex-direction: row;
|
|
padding-left: 8;
|
|
padding-right: 8;
|
|
padding-top: 4;
|
|
padding-bottom: 4;
|
|
}
|
|
|
|
EnumConversionControlView > EnumField {
|
|
flex: 1;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
EnumConversionControlView > Label {
|
|
margin-left: 4;
|
|
margin-right: 4;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
FloatField {
|
|
min-height: 15;
|
|
margin-left: 4;
|
|
margin-top: 2;
|
|
margin-right: 4;
|
|
margin-bottom: 2;
|
|
padding-left: 3;
|
|
padding-top: 1;
|
|
padding-right: 3;
|
|
padding-bottom: 2;
|
|
slice-left: 3;
|
|
slice-top: 3;
|
|
slice-right: 3;
|
|
slice-bottom: 3;
|
|
selection-color: rgba(61,128,223,166);
|
|
cursor: text;
|
|
text-color: #B4B4B4;
|
|
background-image: resource("Builtin Skins/DarkSkin/Images/TextField.png");
|
|
cursor-color:#B4B4B4;
|
|
}
|
|
|
|
FloatField:focus {
|
|
background-image: resource("Builtin Skins/DarkSkin/Images/TextField focused.png");
|
|
}
|