Babylon.js/localDev/resultView.css

.resultViewComponent {
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  background-color: #222;
  opacity: 1;
  visibility: hidden;
  display: none;
  color: #f9f9f9;
  font-family: Consolas, monaco, monospace;
  font-size: 14px;
  font-weight: 500; }
  .resultViewComponent.active {
    visibility: visible;
    display: block; }

.resultViewMenuComponent {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  flex: 1 100%;
  display: flex;
  flex-flow: row wrap;
  height: 60px;
  list-style: none;
  margin: 0;
  background: #444;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: flex-end; }

.resultViewMenuComponent a {
  text-decoration: none;
  display: block;
  padding: 20px;
  color: #f9f9f9;
  background: #444; }
  .resultViewMenuComponent a.active {
    background: #222;
    color: #f29766; }

.resultViewMenuComponent a:hover {
  background: #222; }
  .resultViewMenuComponent a:hover:hover {
    color: #c9c9c9;
    cursor: pointer;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s; }
    .resultViewMenuComponent a:hover:hover.active {
      color: #f29766;
      transition: color 0;
      -webkit-transition: color 0;
      -moz-transition: color 0; }

.resultViewContentComponent {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0; }

.captureListComponent {
  position: absolute;
  top: 60px;
  left: 0;
  bottom: 0;
  right: 0;
  background: #222;
  z-index: 9000;
  display: none;
  visibility: hidden;
  overflow-y: visible;
  overflow-x: hidden; }
  .captureListComponent.active {
    display: block;
    visibility: visible; }
  .captureListComponent ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: flex-start; }
    .captureListComponent ul li {
      margin: 10px; }
      .captureListComponent ul li img {
        width: 288px;
        border: 1px solid #222;
        background-image: -moz-linear-gradient(45deg, #d9d9d9 25%, transparent 25%), -moz-linear-gradient(-45deg, #d9d9d9 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #d9d9d9 75%), -moz-linear-gradient(-45deg, transparent 75%, #d9d9d9 75%);
        background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #c9c9c9), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #c9c9c9), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #c9c9c9)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #c9c9c9));
        -moz-background-size: 50px 50px;
        background-size: 50px 50px;
        -webkit-background-size: 50px 51px;
        background-position: 0 0, 25px 0, 25px -25px, 0px 25px; }
      .captureListComponent ul li span {
        display: block;
        text-align: center; }
      .captureListComponent ul li:hover {
        cursor: pointer; }
      .captureListComponent ul li.active img {
        border: 1px solid #f29766; }

.visualStateListComponent {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 80%;
  overflow-y: visible;
  overflow-x: hidden; }
  .visualStateListComponent ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    .visualStateListComponent ul li {
      margin: 10px; }
      .visualStateListComponent ul li img {
        width: 100%;
        border: 1px solid #222;
        background-image: -moz-linear-gradient(45deg, #d9d9d9 25%, transparent 25%), -moz-linear-gradient(-45deg, #d9d9d9 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #d9d9d9 75%), -moz-linear-gradient(-45deg, transparent 75%, #d9d9d9 75%);
        background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #c9c9c9), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #c9c9c9), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #c9c9c9)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #c9c9c9));
        -moz-background-size: 50px 50px;
        background-size: 50px 50px;
        -webkit-background-size: 50px 51px;
        background-position: 0 0, 25px 0, 25px -25px, 0px 25px; }
      .visualStateListComponent ul li:hover {
        cursor: pointer; }
      .visualStateListComponent ul li.active img {
        border: 1px solid #f29766; }

.commandListComponent {
  position: absolute;
  top: 0;
  left: 20%;
  right: 40%;
  bottom: 0; }
  .commandListComponent ul {
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    list-style: none;
    overflow-y: visible;
    overflow-x: hidden;
    height: 100%; }
    .commandListComponent ul li {
      padding: 10px; }
      .commandListComponent ul li:hover {
        color: #c9c9c9;
        cursor: pointer;
        transition: color 0.3s;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s; }
      .commandListComponent ul li:nth-child(even) {
        background: #444;
        border: 1px solid #444; }
      .commandListComponent ul li:nth-child(odd) {
        background: #222;
        border: 1px solid #222; }
      .commandListComponent ul li .important {
        font-weight: 800; }
        .commandListComponent ul li .important.deprecated {
          color: red; }
        .commandListComponent ul li .important.unused {
          color: yellow; }
        .commandListComponent ul li .important.disabled {
          color: gray; }
        .commandListComponent ul li .important.redundant {
          color: orange; }
        .commandListComponent ul li .important.valid {
          color: greenyellow; }
      .commandListComponent ul li.active {
        border: 1px solid #f29766; }

.commandDetailComponent {
  position: absolute;
  top: 0;
  left: 60%;
  right: 0;
  bottom: 0;
  overflow-y: visible;
  overflow-x: hidden; }

.jsonGroupComponent {
  display: block;
  margin: 10px;
  padding-bottom: 10px; }
  .jsonGroupComponent .jsonGroupComponentTitle {
    display: block;
    font-size: 16px;
    color: #5db0d7;
    border-bottom: 1px solid #5db0d7;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: capitalize; }
  .jsonGroupComponent ul {
    margin: 0px;
    padding: 0px;
    list-style: none; }
    .jsonGroupComponent ul li:nth-child(even) {
      background: #222; }
    .jsonGroupComponent ul li:nth-child(odd) {
      background: #222; }

.jsonItemComponentKey {
  color: #f29766; }

.jsonItemComponentValue {
  white-space: pre-wrap; }

.jsonVisualStateItemComponent {
  text-align: center; }
  .jsonVisualStateItemComponent img {
    margin: 10px;
    background-image: -moz-linear-gradient(45deg, #d9d9d9 25%, transparent 25%), -moz-linear-gradient(-45deg, #d9d9d9 25%, transparent 25%), -moz-linear-gradient(45deg, transparent 75%, #d9d9d9 75%), -moz-linear-gradient(-45deg, transparent 75%, #d9d9d9 75%);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, #c9c9c9), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #c9c9c9), color-stop(0.25, transparent)), -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.75, transparent), color-stop(0.75, #c9c9c9)), -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.75, transparent), color-stop(0.75, #c9c9c9));
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-background-size: 50px 51px;
    background-position: 0 0, 25px 0, 25px -25px, 0px 25px; }
  .jsonVisualStateItemComponent span {
    display: block; }

.jsonContentComponent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: visible;
  overflow-x: hidden; }

/*# sourceMappingURL=resultView.css.map */