72 lines
1.2 KiB
CSS
72 lines
1.2 KiB
CSS
.threeWrapper {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 5px;
|
|
}
|
|
|
|
.threeWrapper3Views{
|
|
grid-template-columns: 1fr 1fr;
|
|
}
|
|
|
|
.threeCanvasPanelWrapper {
|
|
/* wrapper panel */
|
|
}
|
|
|
|
.threeCanvasPanel {
|
|
display: flex;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
background: rgb(90, 90, 90);
|
|
min-height: 30px;
|
|
justify-content: flex-start;
|
|
align-items: center;
|
|
gap: 2px;
|
|
}
|
|
|
|
.threeCanvasButton {
|
|
padding: 3px;
|
|
}
|
|
|
|
.threeCanvasDel {
|
|
color: var(--error-text);
|
|
}
|
|
|
|
.threeCanvasViews3Box {
|
|
display: flex;
|
|
}
|
|
|
|
/* renderers */
|
|
.threeview_renderer {
|
|
width: 100%;
|
|
}
|
|
|
|
.wrapperThreeViewCanvas {
|
|
position: relative;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
display: block;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
}
|
|
|
|
.lil-gui {
|
|
--padding: 2px;
|
|
--spacing: 2px;
|
|
--widget-height: 11px;
|
|
--font-size: 11px;
|
|
--input-font-size: 10px;
|
|
--widget-border-radius: 0px;
|
|
--slider-input-min-width: 30px;
|
|
--color-input-min-width: 30px;
|
|
--width:160px;
|
|
--name-width:30%;
|
|
--background-color: none;
|
|
--title-background-color:none;
|
|
--text-color: #ebebeb;
|
|
--title-text-color: #ebebeb;
|
|
--widget-color: rgba(20,20,10,0.5);
|
|
--hover-color: rgba(30,30,50,0.8);;
|
|
--focus-color: #595959;
|
|
--number-color: #2cc9ff;
|
|
--string-color: #a2db3c;
|
|
} |