BVB Source Codes

dat.gui Show dat.gui.css Source code

Return Download dat.gui: download dat.gui.css Source code - Download dat.gui Source code - Type:.css
  1. .dg {
  2.   /** Clear list styles */
  3.   /* Auto-place container */
  4.   /* Auto-placed GUI's */
  5.   /* Line items that don't contain folders. */
  6.   /** Folder names */
  7.   /** Hides closed items */
  8.   /** Controller row */
  9.   /** Name-half (left) */
  10.   /** Controller-half (right) */
  11.   /** Controller placement */
  12.   /** Shorter number boxes when slider is present. */
  13.   /** Ensure the entire boolean and function row shows a hand */ }
  14.   .dg ul {
  15.     list-style: none;
  16.     margin: 0;
  17.     padding: 0;
  18.     width: 100%;
  19.     clear: both; }
  20.   .dg.ac {
  21.     position: fixed;
  22.     top: 0;
  23.     left: 0;
  24.     right: 0;
  25.     height: 0;
  26.     z-index: 0; }
  27.   .dg:not(.ac) .main {
  28.     /** Exclude mains in ac so that we don't hide close button */
  29.     overflow: hidden; }
  30.   .dg.main {
  31.     -webkit-transition: opacity 0.1s linear;
  32.     -o-transition: opacity 0.1s linear;
  33.     -moz-transition: opacity 0.1s linear;
  34.     transition: opacity 0.1s linear; }
  35.     .dg.main.taller-than-window {
  36.       overflow-y: auto; }
  37.       .dg.main.taller-than-window .close-button {
  38.         opacity: 1;
  39.         /* TODO, these are style notes */
  40.         margin-top: -1px;
  41.         border-top: 1px solid #2c2c2c; }
  42.     .dg.main ul.closed .close-button {
  43.       opacity: 1 !important; }
  44.     .dg.main:hover .close-button,
  45.     .dg.main .close-button.drag {
  46.       opacity: 1; }
  47.     .dg.main .close-button {
  48.       /*opacity: 0;*/
  49.       -webkit-transition: opacity 0.1s linear;
  50.       -o-transition: opacity 0.1s linear;
  51.       -moz-transition: opacity 0.1s linear;
  52.       transition: opacity 0.1s linear;
  53.       border: 0;
  54.       position: absolute;
  55.       line-height: 19px;
  56.       height: 20px;
  57.       /* TODO, these are style notes */
  58.       cursor: pointer;
  59.       text-align: center;
  60.       background-color: #000; }
  61.       .dg.main .close-button:hover {
  62.         background-color: #111; }
  63.   .dg.a {
  64.     float: right;
  65.     margin-right: 15px;
  66.     overflow-x: hidden; }
  67.     .dg.a.has-save > ul {
  68.       margin-top: 27px; }
  69.       .dg.a.has-save > ul.closed {
  70.         margin-top: 0; }
  71.     .dg.a .save-row {
  72.       position: fixed;
  73.       top: 0;
  74.       z-index: 1002; }
  75.   .dg li {
  76.     -webkit-transition: height 0.1s ease-out;
  77.     -o-transition: height 0.1s ease-out;
  78.     -moz-transition: height 0.1s ease-out;
  79.     transition: height 0.1s ease-out; }
  80.   .dg li:not(.folder) {
  81.     cursor: auto;
  82.     height: 27px;
  83.     line-height: 27px;
  84.     overflow: hidden;
  85.     padding: 0 4px 0 5px; }
  86.   .dg li.folder {
  87.     padding: 0;
  88.     border-left: 4px solid transparent; }
  89.   .dg li.title {
  90.     cursor: pointer;
  91.     margin-left: -4px; }
  92.   .dg .closed li:not(.title),
  93.   .dg .closed ul li,
  94.   .dg .closed ul li > * {
  95.     height: 0;
  96.     overflow: hidden;
  97.     border: 0; }
  98.   .dg .cr {
  99.     clear: both;
  100.     padding-left: 3px;
  101.     height: 27px; }
  102.   .dg .property-name {
  103.     cursor: default;
  104.     float: left;
  105.     clear: left;
  106.     width: 40%;
  107.     overflow: hidden;
  108.     text-overflow: ellipsis; }
  109.   .dg .c {
  110.     float: left;
  111.     width: 60%; }
  112.   .dg .c input[type=text] {
  113.     border: 0;
  114.     margin-top: 4px;
  115.     padding: 3px;
  116.     width: 100%;
  117.     float: right; }
  118.   .dg .has-slider input[type=text] {
  119.     width: 30%;
  120.     /*display: none;*/
  121.     margin-left: 0; }
  122.   .dg .slider {
  123.     float: left;
  124.     width: 66%;
  125.     margin-left: -5px;
  126.     margin-right: 0;
  127.     height: 19px;
  128.     margin-top: 4px; }
  129.   .dg .slider-fg {
  130.     height: 100%; }
  131.   .dg .c input[type=checkbox] {
  132.     margin-top: 9px; }
  133.   .dg .c select {
  134.     margin-top: 5px; }
  135.   .dg .cr.function,
  136.   .dg .cr.function .property-name,
  137.   .dg .cr.function *,
  138.   .dg .cr.boolean,
  139.   .dg .cr.boolean * {
  140.     cursor: pointer; }
  141.   .dg .selector {
  142.     display: none;
  143.     position: absolute;
  144.     margin-left: -9px;
  145.     margin-top: 23px;
  146.     z-index: 10; }
  147.   .dg .c:hover .selector,
  148.   .dg .selector.drag {
  149.     display: block; }
  150.   .dg li.save-row {
  151.     padding: 0; }
  152.     .dg li.save-row .button {
  153.       display: inline-block;
  154.       padding: 0px 6px; }
  155.   .dg.dialogue {
  156.     background-color: #222;
  157.     width: 460px;
  158.     padding: 15px;
  159.     font-size: 13px;
  160.     line-height: 15px; }
  161.  
  162. /* TODO Separate style and structure */
  163. #dg-new-constructor {
  164.   padding: 10px;
  165.   color: #222;
  166.   font-family: Monaco, monospace;
  167.   font-size: 10px;
  168.   border: 0;
  169.   resize: none;
  170.   box-shadow: inset 1px 1px 1px #888;
  171.   word-wrap: break-word;
  172.   margin: 12px 0;
  173.   display: block;
  174.   width: 440px;
  175.   overflow-y: scroll;
  176.   height: 100px;
  177.   position: relative; }
  178.  
  179. #dg-local-explain {
  180.   display: none;
  181.   font-size: 11px;
  182.   line-height: 17px;
  183.   border-radius: 3px;
  184.   background-color: #333;
  185.   padding: 8px;
  186.   margin-top: 10px; }
  187.   #dg-local-explain code {
  188.     font-size: 10px; }
  189.  
  190. #dat-gui-save-locally {
  191.   display: none; }
  192.  
  193. /** Main type */
  194. .dg {
  195.   color: #eee;
  196.   font: 11px 'Lucida Grande', sans-serif;
  197.   text-shadow: 0 -1px 0 #111;
  198.   /** Auto place */
  199.   /* Controller row, <li> */
  200.   /** Controllers */ }
  201.   .dg.main {
  202.     /** Scrollbar */ }
  203.     .dg.main::-webkit-scrollbar {
  204.       width: 5px;
  205.       background: #1a1a1a; }
  206.     .dg.main::-webkit-scrollbar-corner {
  207.       height: 0;
  208.       display: none; }
  209.     .dg.main::-webkit-scrollbar-thumb {
  210.       border-radius: 5px;
  211.       background: #676767; }
  212.   .dg li:not(.folder) {
  213.     background: #1a1a1a;
  214.     border-bottom: 1px solid #2c2c2c; }
  215.   .dg li.save-row {
  216.     line-height: 25px;
  217.     background: #dad5cb;
  218.     border: 0; }
  219.     .dg li.save-row select {
  220.       margin-left: 5px;
  221.       width: 108px; }
  222.     .dg li.save-row .button {
  223.       margin-left: 5px;
  224.       margin-top: 1px;
  225.       border-radius: 2px;
  226.       font-size: 9px;
  227.       line-height: 7px;
  228.       padding: 4px 4px 5px 4px;
  229.       background: #c5bdad;
  230.       color: #fff;
  231.       text-shadow: 0 1px 0 #b0a58f;
  232.       box-shadow: 0 -1px 0 #b0a58f;
  233.       cursor: pointer; }
  234.       .dg li.save-row .button.gears {
  235.         background: #c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;
  236.         height: 7px;
  237.         width: 8px; }
  238.       .dg li.save-row .button:hover {
  239.         background-color: #bab19e;
  240.         box-shadow: 0 -1px 0 #b0a58f; }
  241.   .dg li.folder {
  242.     border-bottom: 0; }
  243.   .dg li.title {
  244.     padding-left: 16px;
  245.     background: #000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;
  246.     cursor: pointer;
  247.     border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  248.   .dg .closed li.title {
  249.     background-image: url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==); }
  250.   .dg .cr.boolean {
  251.     border-left: 3px solid #806787; }
  252.   .dg .cr.color {
  253.     border-left: 3px solid; }
  254.   .dg .cr.function {
  255.     border-left: 3px solid #e61d5f; }
  256.   .dg .cr.number {
  257.     border-left: 3px solid #2FA1D6; }
  258.     .dg .cr.number input[type=text] {
  259.       color: #2FA1D6; }
  260.   .dg .cr.string {
  261.     border-left: 3px solid #1ed36f; }
  262.     .dg .cr.string input[type=text] {
  263.       color: #1ed36f; }
  264.   .dg .cr.function:hover, .dg .cr.boolean:hover {
  265.     background: #111; }
  266.   .dg .c input[type=text] {
  267.     background: #303030;
  268.     outline: none; }
  269.     .dg .c input[type=text]:hover {
  270.       background: #3c3c3c; }
  271.     .dg .c input[type=text]:focus {
  272.       background: #494949;
  273.       color: #fff; }
  274.   .dg .c .slider {
  275.     background: #303030;
  276.     cursor: ew-resize; }
  277.   .dg .c .slider-fg {
  278.     background: #2FA1D6;
  279.     max-width: 100%; }
  280.   .dg .c .slider:hover {
  281.     background: #3c3c3c; }
  282.     .dg .c .slider:hover .slider-fg {
  283.       background: #44abda; }
  284.  
downloaddat.gui.css Source code - Download dat.gui Source code
Related Source Codes/Software:
tmate - Instant Terminal Sharing ht... 2017-04-16
WNXHuntForCity - City find By Objective - C 2017-04-16
st2 - StackStorm (aka IFTTT for Ops) is event-driven aut... 2017-04-16
css-in-js - React: CSS in JS techniques comparison. 2017-04-16
android-viewflow - A horizontal view scroller library for Android 2017-04-16
capybara-webkit - A Capybara driver for headless WebKit to test Java... 2017-04-16
fullstackpython.com - Full Stack Python source with Pelican, Bootstrap a... 2017-04-16
naxsi - NAXSI is an open-source, high performance, low rul... 2017-04-16
ToGL - Direct3D to OpenGL abstraction layer 2017-04-16
LiveScript - LiveScript is a language which compiles to JavaScr... 2017-04-16
MaterialSearchView - Express it in the library to implement SearchView ... 2017-04-23
ptpython - A better Python REPL 2017-04-23
Laravel-4-Bootstrap-Starter-Site - Laravel 4 Starter Site is a basic blog application... 2017-04-23
official-images - Primary source of truth for the Docker "Official I... 2017-04-23
awesome-chrome-devtools - Awesome tooling and resources in the Chrome DevToo... 2017-04-23
EventStore - The open-source, functional database with Complex ... 2017-04-23
screencat - 2017-04-23
viz.js - A hack to put Graphviz on the web. ... 2017-04-23
JKeyboardPanelSwitch - For resolve the layout conflict when keybord & amp... 2017-04-23
mama2 - Mother plan - all firewood high flame 2017-04-23

 Back to top