threejs-lessons.css 950 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* Licensed under a BSD license. See ../license.html for license */
  2. html, body {
  3. background-color: #aaa;
  4. font-family: Sans-Serif;
  5. }
  6. canvas {
  7. background-color: #fff;
  8. border: 1px solid black;
  9. }
  10. #uiContainer {
  11. position: absolute;
  12. top: 10px;
  13. right: 10px;
  14. z-index: 3;
  15. }
  16. .gman-slider-label {
  17. float: left;
  18. gbackground-color: green;
  19. }
  20. .gman-slider-value {
  21. float: right;
  22. gbackground-color: blue;
  23. }
  24. .gman-slider-upper {
  25. gbackground-color: yellow;
  26. height: 1.5em;
  27. }
  28. .gman-slider-outer {
  29. gbackground-color: purple;
  30. height: 2.5em;
  31. }
  32. .gman-slider-slider {
  33. font-size: x-small;
  34. gbackground-color: red;
  35. }
  36. /* styles to apply if in an iframe */
  37. body.iframe {
  38. width: 100%;
  39. height: 100%;
  40. margin: 0px;
  41. padding: 0px;
  42. overflow: hidden;
  43. }
  44. .iframe>.description {
  45. display: none;
  46. }
  47. .iframe>canvas {
  48. width: 100%;
  49. height: 100%;
  50. }
  51. .iframe canvas {
  52. border: none;
  53. }
  54. .iframe>#example {
  55. width: 100%;
  56. height: 100%;
  57. }