mirror of
https://github.com/wahyd4/three.js.git
synced 2026-08-09 04:56:01 +10:00
alteredq
c61f89ba14
Also updated GUI-DAT (didn't help with recent Chrome compositing bugs, though this is Chrome Windows issue), added FileAPI to Detector and fixed aspect ratio bug in WebGLRenderer.
167 lines
2.9 KiB
CSS
167 lines
2.9 KiB
CSS
#guidat {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
width: auto;
|
|
z-index: 1001;
|
|
text-align: right;
|
|
}
|
|
|
|
.guidat {
|
|
color: #fff;
|
|
opacity: 0.97;
|
|
text-align: left;
|
|
float: right;
|
|
margin-right: 20px;
|
|
margin-bottom: 20px;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.guidat,
|
|
.guidat input {
|
|
font: 9.5px Lucida Grande, sans-serif;
|
|
}
|
|
|
|
.guidat-controllers {
|
|
height: 300px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
background-color: rgba(0,0,0,0.1);
|
|
}
|
|
|
|
a.guidat-toggle {
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
color: #fff;
|
|
background-color: #222;
|
|
text-align: center;
|
|
display: block;
|
|
padding: 5px;
|
|
|
|
}
|
|
|
|
a.guidat-toggle:hover {
|
|
background-color: #000;
|
|
}
|
|
|
|
.guidat-controller {
|
|
padding: 3px;
|
|
height: 25px;
|
|
clear: left;
|
|
border-bottom: 1px solid #222;
|
|
background-color: #111;
|
|
}
|
|
|
|
.guidat-controller,
|
|
.guidat-controller input,
|
|
.guidat-slider-bg,
|
|
.guidat-slider-fg {
|
|
-moz-transition: background-color 0.15s linear;
|
|
-webkit-transition: background-color 0.15s linear;
|
|
transition: background-color 0.15s linear;
|
|
}
|
|
|
|
.guidat-controller.boolean:hover,
|
|
.guidat-controller.function:hover {
|
|
background-color: #000;
|
|
}
|
|
|
|
.guidat-controller input {
|
|
float: right;
|
|
outline: none;
|
|
border: 0;
|
|
padding: 4px;
|
|
margin-top: 2px;
|
|
background-color: #222;
|
|
}
|
|
|
|
|
|
.guidat-controller select {
|
|
margin-top: 4px;
|
|
float: right;
|
|
}
|
|
|
|
.guidat-controller input:hover.
|
|
.guidat-controller.number.active {
|
|
background-color: #444;
|
|
}
|
|
|
|
.guidat-controller input:focus {
|
|
background-color: #555;
|
|
}
|
|
|
|
.guidat-controller.number {
|
|
border-left: 5px solid #00aeff ;
|
|
}
|
|
|
|
.guidat-controller.string {
|
|
border-left: 5px solid #1ed36f;
|
|
}
|
|
|
|
.guidat-controller.string input {
|
|
border: 0;
|
|
color: #1ed36f;
|
|
margin-right: 2px;
|
|
width: 148px;
|
|
}
|
|
|
|
.guidat-controller.boolean {
|
|
border-left: 5px solid #54396e;
|
|
}
|
|
|
|
.guidat-controller.function {
|
|
border-left: 5px solid #e61d5f;
|
|
}
|
|
|
|
.guidat-controller.number input[type=text] {
|
|
width: 35px;
|
|
margin-left: 5px;
|
|
margin-right: 2px;
|
|
color: #00aeff;
|
|
}
|
|
|
|
.guidat .guidat-controller.boolean input {
|
|
margin-top: 6px;
|
|
margin-right: 2px;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.guidat-controller:last-child {
|
|
border-bottom: none;
|
|
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
|
|
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
|
|
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.guidat-propertyname {
|
|
padding: 5px;
|
|
padding-top: 7px;
|
|
cursor: default;
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
.guidat-slider-bg:hover,
|
|
.guidat-slider-bg.active {
|
|
background-color: #444;
|
|
}
|
|
|
|
.guidat-slider-bg:hover .guidat-slider-fg,
|
|
.guidat-slider-bg.active .guidat-slider-fg {
|
|
background-color: #52c8ff;
|
|
}
|
|
|
|
.guidat-slider-bg {
|
|
background-color: #222;
|
|
cursor: ew-resize;
|
|
width: 40%;
|
|
margin-top: 2px;
|
|
float: right;
|
|
height: 21px;
|
|
}
|
|
|
|
.guidat-slider-fg {
|
|
background-color: #00aeff;
|
|
height: 20px;
|
|
}
|