up

dist/Cesium/Widgets/Animation/Animation.css

@@ -1,127 +1,176 @@
-/* packages/widgets/Source/Animation/Animation.css */
 .cesium-animation-theme {
-  visibility: hidden;
-  display: block;
-  position: absolute;
-  z-index: -100;
+    visibility: hidden;
+    display: block;
+    position: absolute;
+    z-index: -100;
 }
+
 .cesium-animation-themeNormal {
-  color: #222;
+    color: #222;
 }
+
 .cesium-animation-themeHover {
-  color: #4488b0;
+    color: #4488B0;
 }
+
 .cesium-animation-themeSelect {
-  color: #242;
+    color: #242;
 }
+
 .cesium-animation-themeDisabled {
-  color: #333;
+    color: #333;
 }
+
 .cesium-animation-themeKnob {
-  color: #222;
+    color: #222;
 }
+
 .cesium-animation-themePointer {
-  color: #2e2;
+    color: #2E2;
 }
+
 .cesium-animation-themeSwoosh {
-  color: #8ac;
+    color: #8AC;
 }
+
 .cesium-animation-themeSwooshHover {
-  color: #aef;
+    color: #AEF;
 }
+
 .cesium-animation-svgText {
-  fill: #edffff;
-  font-family: Sans-Serif;
-  font-size: 15px;
-  text-anchor: middle;
+    fill: #edffff;
+    font-family: Sans-Serif;
+    font-size: 15px;
+    text-anchor: middle;
 }
+
 .cesium-animation-blank {
-  fill: #000;
-  fill-opacity: 0.01;
-  stroke: none;
+    fill: #000;
+    fill-opacity: 0.01; /* This must be clickable, so it can't be 'fill: none'. */
+    stroke: none;
 }
+
 .cesium-animation-rectButton {
-  cursor: pointer;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+    cursor: pointer;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
+
 .cesium-animation-rectButton .cesium-animation-buttonGlow {
-  fill: #fff;
-  stroke: none;
-  display: none;
+    fill: #fff;
+    stroke: none;
+    /* Widget will add: filter: url(#animation_blurred); */
+    display: none;
 }
+
 .cesium-animation-rectButton:hover .cesium-animation-buttonGlow {
-  display: block;
+    display: block;
 }
+
 .cesium-animation-rectButton .cesium-animation-buttonPath {
-  fill: #edffff;
+    fill: #edffff;
 }
+
 .cesium-animation-rectButton .cesium-animation-buttonMain {
-  stroke: #444;
-  stroke-width: 1.2;
+    /* Widget will add: fill: url(#animation_buttonNormal); */
+    stroke: #444;
+    stroke-width: 1.2;
 }
+
 .cesium-animation-rectButton:hover .cesium-animation-buttonMain {
-  stroke: #aef;
+    /* Widget will add: fill: url(#animation_buttonHovered); */
+    stroke: #AEF;
 }
+
 .cesium-animation-rectButton:active .cesium-animation-buttonMain {
-  fill: #abd6ff;
+    fill: #ABD6FF;
 }
+
 .cesium-animation-buttonDisabled {
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
+
 .cesium-animation-buttonDisabled .cesium-animation-buttonMain {
-  stroke: #555;
+    /* Widget will add: fill: url(#animation_buttonDisabled); */
+    stroke: #555;
 }
+
 .cesium-animation-buttonDisabled .cesium-animation-buttonPath {
-  fill: #818181;
+    fill: #818181;
 }
+
 .cesium-animation-buttonDisabled .cesium-animation-buttonGlow {
-  display: none;
+    display: none;
 }
+
 .cesium-animation-buttonToggled .cesium-animation-buttonGlow {
-  display: block;
-  fill: #2e2;
+    display: block;
+    fill: #2E2;
 }
+
 .cesium-animation-buttonToggled .cesium-animation-buttonMain {
-  stroke: #2e2;
+    stroke: #2E2;
 }
+
 .cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {
-  fill: #fff;
+    fill: #fff;
 }
+
 .cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {
-  stroke: #2e2;
+    stroke: #2E2;
 }
+
 .cesium-animation-shuttleRingG {
-  cursor: pointer;
+    cursor: pointer;
 }
+
+/* Widget will add:
+.cesium-animation-shuttleRingG .cesium-animation-shuttleRingSwoosh {
+    fill: url(#animation_shuttleRingSwooshGradient);
+}
+
+.cesium-animation-shuttleRingG:hover .cesium-animation-shuttleRingSwoosh {
+    fill: url(#animation_shuttleRingSwooshHovered);
+}
+*/
+
 .cesium-animation-shuttleRingPointer {
-  cursor: pointer;
+    /* Widget will add: fill: url(#animation_shuttleRingPointerGradient); */
+    cursor: pointer;
 }
+
 .cesium-animation-shuttleRingPausePointer {
-  cursor: pointer;
+    /* Widget will add: fill: url(#animation_shuttleRingPointerPaused); */
+    cursor: pointer;
 }
+
 .cesium-animation-shuttleRingBack {
-  fill: #181818;
-  fill-opacity: 0.8;
-  stroke: #333;
-  stroke-width: 1.2;
+    fill: #181818;
+    fill-opacity: 0.8;
+    stroke: #333;
+    stroke-width: 1.2;
 }
+
 .cesium-animation-shuttleRingSwoosh line {
-  stroke: #8ac;
-  stroke-width: 3;
-  stroke-opacity: 0.2;
-  stroke-linecap: round;
+    stroke: #8AC;
+    stroke-width: 3;
+    stroke-opacity: 0.2;
+    stroke-linecap: round;
 }
+
 .cesium-animation-knobOuter {
-  cursor: pointer;
-  stroke: #444;
-  stroke-width: 1.2;
+    /* Widget will add: fill: url(#animation_knobOuter); */
+    cursor: pointer;
+    stroke: #444;
+    stroke-width: 1.2;
 }
+
 .cesium-animation-knobInner {
-  cursor: pointer;
+    /* Widget will add: fill: url(#animation_knobInner); */
+    cursor: pointer;
 }

dist/Cesium/Widgets/Animation/lighter.css

@@ -1,70 +1,91 @@
-/* packages/widgets/Source/Animation/lighter.css */
 .cesium-lighter .cesium-animation-themeNormal {
-  color: #e5f2fe;
+    color: #E5F2FE;
 }
+
 .cesium-lighter .cesium-animation-themeHover {
-  color: #abd6ff;
+    color: #ABD6FF;
 }
+
 .cesium-lighter .cesium-animation-themeSelect {
-  color: #e5f2fe;
+    color: #E5F2FE;
 }
+
 .cesium-lighter .cesium-animation-themeDisabled {
-  color: #efefef;
+    color: #EFEFEF;
 }
+
 .cesium-lighter .cesium-animation-themeKnob {
-  color: #e1e2e3;
+    color: #E1E2E3;
 }
+
 .cesium-lighter .cesium-animation-themePointer {
-  color: #fa5;
+    color: #FA5;
 }
+
 .cesium-lighter .cesium-animation-themeSwoosh {
-  color: #ace;
+    color: #ACE;
 }
+
 .cesium-lighter .cesium-animation-themeSwooshHover {
-  color: #bdf;
+    color: #BDF;
 }
+
 .cesium-lighter .cesium-animation-svgText {
-  fill: #111;
+    fill: #111;
 }
+
 .cesium-lighter .cesium-animation-rectButton .cesium-animation-buttonPath {
-  fill: #111;
+    fill: #111;
 }
+
 .cesium-lighter .cesium-animation-rectButton .cesium-animation-buttonMain {
-  stroke: #759dc0;
+    stroke: #759DC0;
 }
+
 .cesium-lighter .cesium-animation-buttonToggled .cesium-animation-buttonGlow {
-  fill: #ffaa2a;
+    fill: #FFAA2A;
 }
+
 .cesium-lighter .cesium-animation-buttonToggled .cesium-animation-buttonMain {
-  stroke: #ea0;
+    /* Widget will add: fill: url(#animation_buttonToggled); */
+    stroke: #EA0;
 }
+
 .cesium-lighter .cesium-animation-rectButton:hover .cesium-animation-buttonMain {
-  stroke: #759dc0;
+    stroke: #759DC0;
 }
+
 .cesium-lighter .cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {
-  fill: #fff;
+    fill: #fff;
 }
+
 .cesium-lighter .cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {
-  stroke: #ea0;
+    stroke: #EA0;
 }
+
 .cesium-lighter .cesium-animation-rectButton:active .cesium-animation-buttonMain {
-  fill: #abd6ff;
+    fill: #ABD6FF;
 }
+
 .cesium-lighter .cesium-animation-buttonDisabled .cesium-animation-buttonMain {
-  stroke: #d3d3d3;
+    stroke: #D3D3D3;
 }
+
 .cesium-lighter .cesium-animation-buttonDisabled .cesium-animation-buttonPath {
-  fill: #818181;
+    fill: #818181;
 }
+
 .cesium-lighter .cesium-animation-shuttleRingBack {
-  fill: #fafafa;
-  fill-opacity: 1;
-  stroke: #aeaeae;
-  stroke-width: 1.2;
+    fill: #FAFAFA;
+    fill-opacity: 1;
+    stroke: #AEAEAE;
+    stroke-width: 1.2;
 }
+
 .cesium-lighter .cesium-animation-shuttleRingSwoosh line {
-  stroke: #8ac;
+    stroke: #8AC;
 }
+
 .cesium-lighter .cesium-animation-knobOuter {
-  stroke: #a5a5a5;
+    stroke: #A5A5A5;
 }

dist/Cesium/Widgets/BaseLayerPicker/BaseLayerPicker.css

@@ -1,108 +1,116 @@
-/* packages/widgets/Source/BaseLayerPicker/BaseLayerPicker.css */
 .cesium-baseLayerPicker-selected {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: none;
 }
+
 .cesium-baseLayerPicker-dropDown {
-  display: block;
-  position: absolute;
-  box-sizing: content-box;
-  top: auto;
-  right: 0;
-  width: 320px;
-  max-height: 500px;
-  margin-top: 5px;
-  background-color: rgba(38, 38, 38, 0.75);
-  border: 1px solid #444;
-  padding: 6px;
-  overflow: auto;
-  border-radius: 10px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  transform: translate(0, -20%);
-  visibility: hidden;
-  opacity: 0;
-  transition:
-    visibility 0s 0.2s,
-    opacity 0.2s ease-in,
-    transform 0.2s ease-in;
+    display: block;
+    position: absolute;
+    box-sizing: content-box;
+    top: auto;
+    right: 0;
+    width: 320px; /* Includes space needed for scrollbar */
+    max-height: 500px;
+    margin-top: 5px;
+    background-color: rgba(38, 38, 38, 0.75);
+    border: 1px solid #444;
+    padding: 6px;
+    overflow: auto;
+    border-radius: 10px;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    transform: translate(0, -20%);
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in;
 }
+
 .cesium-baseLayerPicker-dropDown-visible {
-  transform: translate(0, 0);
-  visibility: visible;
-  opacity: 1;
-  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
+    transform: translate(0, 0);
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
 }
+
 .cesium-baseLayerPicker-sectionTitle {
-  display: block;
-  font-family: sans-serif;
-  font-size: 16pt;
-  text-align: left;
-  color: #edffff;
-  margin-bottom: 4px;
+    display: block;
+    font-family: sans-serif;
+    font-size: 16pt;
+    text-align: left;
+    color: #edffff;
+    margin-bottom: 4px;
 }
+
 .cesium-baseLayerPicker-choices {
-  margin-bottom: 5px;
+    margin-bottom: 5px;
 }
+
 .cesium-baseLayerPicker-categoryTitle {
-  color: #edffff;
-  font-size: 11pt;
+    color: #edffff;
+    font-size: 11pt;
 }
+
 .cesium-baseLayerPicker-choices {
-  display: block;
-  border: 1px solid #888;
-  border-radius: 5px;
-  padding: 5px 0;
+    display: block;
+    border: 1px solid #888;
+    border-radius: 5px;
+    padding: 5px 0;
 }
+
 .cesium-baseLayerPicker-item {
-  display: inline-block;
-  vertical-align: top;
-  margin: 2px 5px;
-  width: 64px;
-  text-align: center;
-  cursor: pointer;
+    display: inline-block;
+    vertical-align: top;
+    margin: 2px 5px;
+    width: 64px;
+    text-align: center;
+    cursor: pointer;
 }
+
 .cesium-baseLayerPicker-itemLabel {
-  display: block;
-  font-family: sans-serif;
-  font-size: 8pt;
-  text-align: center;
-  vertical-align: middle;
-  color: #edffff;
-  cursor: pointer;
-  word-wrap: break-word;
+    display: block;
+    font-family: sans-serif;
+    font-size: 8pt;
+    text-align: center;
+    vertical-align: middle;
+    color: #edffff;
+    cursor: pointer;
+    word-wrap: break-word;
 }
-.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel,
-.cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel {
-  text-decoration: underline;
+
+.cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemLabel, .cesium-baseLayerPicker-item:focus .cesium-baseLayerPicker-itemLabel {
+    text-decoration: underline;
 }
+
 .cesium-baseLayerPicker-itemIcon {
-  display: inline-block;
-  position: relative;
-  width: inherit;
-  height: auto;
-  background-size: 100% 100%;
-  border: solid 1px #444;
-  border-radius: 9px;
-  color: #edffff;
-  margin: 0;
-  padding: 0;
-  cursor: pointer;
-  box-sizing: border-box;
+    display: inline-block;
+    position: relative;
+    width: inherit;
+    height: auto;
+    background-size: 100% 100%;
+    border: solid 1px #444;
+    border-radius: 9px;
+    color: #edffff;
+    margin: 0;
+    padding: 0;
+    cursor: pointer;
+    box-sizing: border-box;
 }
+
 .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon {
-  border-color: #fff;
-  box-shadow: 0 0 8px #fff, 0 0 8px #fff;
+    border-color: #fff;
+    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
 }
+
 .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel {
-  color: rgb(189, 236, 248);
+    color: rgb(189, 236, 248);
 }
+
 .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon {
-  border: double 4px rgb(189, 236, 248);
+    border: double 4px rgb(189, 236, 248);
 }

dist/Cesium/Widgets/BaseLayerPicker/lighter.css

@@ -1,22 +1,27 @@
-/* packages/widgets/Source/BaseLayerPicker/lighter.css */
 .cesium-lighter .cesium-baseLayerPicker-itemIcon {
-  border-color: #759dc0;
+    border-color: #759dc0;
 }
+
 .cesium-lighter .cesium-baseLayerPicker-dropDown {
-  background-color: rgba(240, 240, 240, 0.75);
+    background-color: rgba(240, 240, 240, 0.75);
 }
+
 .cesium-lighter .cesium-baseLayerPicker-sectionTitle {
-  color: black;
+    color: black;
 }
+
 .cesium-lighter .cesium-baseLayerPicker-itemLabel {
-  color: black;
+    color: black;
 }
+
 .cesium-lighter .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon {
-  border-color: #000;
+    border-color: #000;
 }
+
 .cesium-lighter .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel {
-  color: rgb(0, 61, 168);
+    color: rgb(0, 61, 168);
 }
+
 .cesium-lighter .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon {
-  border: double 4px rgb(0, 61, 168);
+    border: double 4px rgb(0, 61, 168);
 }

dist/Cesium/Widgets/Cesium3DTilesInspector/Cesium3DTilesInspector.css

@@ -1,102 +1,114 @@
-/* packages/widgets/Source/Cesium3DTilesInspector/Cesium3DTilesInspector.css */
+
 ul.cesium-cesiumInspector-statistics {
-  margin: 0;
-  padding-top: 3px;
-  padding-bottom: 3px;
+    margin: 0;
+    padding-top: 3px;
+    padding-bottom: 3px;
 }
+
 ul.cesium-cesiumInspector-statistics + ul.cesium-cesiumInspector-statistics {
-  border-top: 1px solid #aaa;
+    border-top: 1px solid #aaa;
 }
+
 .cesium-cesiumInspector-slider {
-  margin-top: 5px;
+    margin-top: 5px;
 }
+
 .cesium-cesiumInspector-slider input[type=number] {
-  text-align: left;
-  background-color: #222;
-  outline: none;
-  border: 1px solid #444;
-  color: #edffff;
-  width: 100px;
-  border-radius: 3px;
-  padding: 1px;
-  margin-left: 10px;
-  cursor: auto;
+    text-align: left;
+    background-color: #222;
+    outline: none;
+    border: 1px solid #444;
+    color: #edffff;
+    width: 100px;
+    border-radius: 3px;
+    padding: 1px;
+    margin-left: 10px;
+    cursor: auto;
 }
+
 .cesium-cesiumInspector-slider input[type=number]::-webkit-outer-spin-button,
 .cesium-cesiumInspector-slider input[type=number]::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-  margin: 0;
+    -webkit-appearance: none;
+    margin: 0;
 }
+
 .cesium-cesiumInspector-slider input[type=range] {
-  margin-left: 5px;
-  vertical-align: middle;
+    margin-left: 5px;
+    vertical-align: middle;
 }
+
 .cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor {
-  display: none;
+    display: none;
 }
+
 .cesium-cesiumInspector-styleEditor {
-  padding: 10px;
-  border-radius: 5px;
-  background: rgba(48, 51, 54, 0.8);
-  border: 1px solid #444;
+    padding: 10px;
+    border-radius: 5px;
+    background: rgba(48, 51, 54, 0.8);
+    border: 1px solid #444;
 }
+
 .cesium-cesiumInspector-styleEditor textarea {
-  width: 100%;
-  height: 300px;
-  background: transparent;
-  color: #edffff;
-  border: none;
-  padding: 0;
-  white-space: pre;
-  overflow-wrap: normal;
-  overflow-x: auto;
+    width: 100%;
+    height: 300px;
+    background: transparent;
+    color: #edffff;
+    border: none;
+    padding: 0;
+    white-space: pre;
+    overflow-wrap: normal;
+    overflow-x: auto;
 }
+
 .cesium-3DTilesInspector {
-  width: 300px;
-  pointer-events: all;
+    width: 300px;
+    pointer-events: all;
 }
+
 .cesium-3DTilesInspector-statistics {
-  font-size: 11px;
+    font-size: 11px;
 }
-.cesium-3DTilesInspector-disabledElementsInfo {
-  margin: 5px 0 0 0;
-  padding: 0 0 0 20px;
-  color: #eed202;
-}
-.cesium-3DTilesInspector div,
-.cesium-3DTilesInspector input[type=range] {
-  width: 100%;
-  box-sizing: border-box;
+
+.cesium-3DTilesInspector div, .cesium-3DTilesInspector input[type=range] {
+    width: 100%;
+    box-sizing: border-box;
 }
+
 .cesium-cesiumInspector-error {
-  color: #ff9e9e;
-  overflow: auto;
+    color: #ff9e9e;
+    overflow: auto;
 }
+
 .cesium-3DTilesInspector .cesium-cesiumInspector-section {
-  margin-top: 3px;
+    margin-top: 3px;
 }
+
 .cesium-3DTilesInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {
-  border-top: 1px solid white;
+    border-top: 1px solid white;
 }
+
 input.cesium-cesiumInspector-url {
-  overflow: hidden;
-  white-space: nowrap;
-  overflow-x: scroll;
-  background-color: transparent;
-  color: white;
-  outline: none;
-  border: none;
-  height: 1em;
-  width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    overflow-x: scroll;
+    background-color: transparent;
+    color: white;
+    outline: none;
+    border: none;
+    height: 1em;
+    width: 100%;
 }
+
 .cesium-cesiumInspector .field-group {
-  display: table;
+    display: table;
 }
+
 .cesium-cesiumInspector .field-group > label {
-  display: table-cell;
-  font-weight: bold;
+    display: table-cell;
+    font-weight: bold;
 }
+
 .cesium-cesiumInspector .field-group > .field {
-  display: table-cell;
-  width: 100%;
+    display: table-cell;
+    width: 100%;
 }

dist/Cesium/Widgets/CesiumInspector/CesiumInspector.css

@@ -1,113 +1,130 @@
-/* packages/widgets/Source/CesiumInspector/CesiumInspector.css */
 .cesium-cesiumInspector {
-  border-radius: 5px;
-  transition: width ease-in-out 0.25s;
-  background: rgba(48, 51, 54, 0.8);
-  border: 1px solid #444;
-  color: #edffff;
-  display: inline-block;
-  position: relative;
-  padding: 4px 12px;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  overflow: hidden;
+    border-radius: 5px;
+    transition: width ease-in-out 0.25s;
+    background: rgba(48, 51, 54, 0.8);
+    border: 1px solid #444;
+    color: #edffff;
+    display: inline-block;
+    position: relative;
+    padding: 4px 12px;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    overflow: hidden;
 }
+
 .cesium-cesiumInspector-button {
-  text-align: center;
-  font-size: 11pt;
+    text-align: center;
+    font-size: 11pt;
 }
+
 .cesium-cesiumInspector-visible .cesium-cesiumInspector-button {
-  border-bottom: 1px solid #aaa;
-  padding-bottom: 3px;
+    border-bottom: 1px solid #aaa;
+    padding-bottom: 3px;
 }
-.cesium-cesiumInspector input:enabled,
-.cesium-cesiumInspector-button {
-  cursor: pointer;
+
+.cesium-cesiumInspector input:enabled, .cesium-cesiumInspector-button {
+    cursor: pointer;
 }
+
 .cesium-cesiumInspector-visible {
-  width: 185px;
-  height: auto;
+    width: 185px;
+    height: auto;
 }
+
 .cesium-cesiumInspector-hidden {
-  width: 122px;
-  height: 17px;
+    width: 122px;
+    height: 17px;
 }
+
 .cesium-cesiumInspector-sectionContent {
-  max-height: 600px;
+    max-height: 500px;
 }
+
 .cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionContent {
-  max-height: 0;
-  padding: 0 !important;
-  overflow: hidden;
+    max-height: 0;
+    padding: 0 !important;
+    overflow: hidden;
 }
+
 .cesium-cesiumInspector-dropDown {
-  margin: 5px 0;
-  font-family: sans-serif;
-  font-size: 10pt;
-  width: 185px;
+    margin: 5px 0;
+    font-family: sans-serif;
+    font-size: 10pt;
+    width: 185px;
 }
+
 .cesium-cesiumInspector-frustumStatistics {
-  padding-left: 10px;
-  padding: 5px;
-  background-color: rgba(80, 80, 80, 0.75);
+    padding-left: 10px;
+    padding: 5px;
+    background-color: rgba(80, 80, 80, 0.75);
 }
+
 .cesium-cesiumInspector-pickButton {
-  background-color: rgba(0, 0, 0, 0.3);
-  border: 1px solid #444;
-  color: #edffff;
-  border-radius: 5px;
-  padding: 3px 7px;
-  cursor: pointer;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  margin: 0 auto;
+    background-color: rgba(0, 0, 0, 0.3);
+    border: 1px solid #444;
+    color: #edffff;
+    border-radius: 5px;
+    padding: 3px 7px;
+    cursor: pointer;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    margin: 0 auto;
 }
+
 .cesium-cesiumInspector-pickButton:focus {
-  outline: none;
+    outline: none;
 }
-.cesium-cesiumInspector-pickButton:active,
-.cesium-cesiumInspector-pickButtonHighlight {
-  color: #000;
-  background: #adf;
-  border-color: #fff;
-  box-shadow: 0 0 8px #fff;
+
+.cesium-cesiumInspector-pickButton:active, .cesium-cesiumInspector-pickButtonHighlight {
+    color: #000; /* For text buttons */
+    background: #adf;
+    border-color: #fff;
+    box-shadow: 0 0 8px #fff;
 }
+
 .cesium-cesiumInspector-center {
-  text-align: center;
+    text-align: center;
 }
+
 .cesium-cesiumInspector-sectionHeader {
-  font-weight: bold;
-  font-size: 10pt;
-  margin: 0;
-  cursor: pointer;
+    font-weight: bold;
+    font-size: 10pt;
+    margin: 0;
+    cursor: pointer;
 }
+
 .cesium-cesiumInspector-pickSection {
-  border: 1px solid #aaa;
-  border-radius: 5px;
-  padding: 3px;
-  margin-bottom: 5px;
+    border: 1px solid #aaa;
+    border-radius: 5px;
+    padding: 3px;
+    margin-bottom: 5px;
 }
+
 .cesium-cesiumInspector-sectionContent {
-  margin-bottom: 10px;
-  transition: max-height 0.25s;
+    margin-bottom: 10px;
+    transition: max-height 0.25s;
 }
+
 .cesium-cesiumInspector-tileText {
-  padding-bottom: 10px;
-  border-bottom: 1px solid #aaa;
+    padding-bottom: 10px;
+    border-bottom: 1px solid #aaa;
 }
+
 .cesium-cesiumInspector-relativeText {
-  padding-top: 10px;
+    padding-top: 10px;
 }
+
 .cesium-cesiumInspector-sectionHeader::before {
-  margin-right: 5px;
-  content: "-";
-  width: 1ch;
-  display: inline-block;
+    margin-right: 5px;
+    content: '-';
+    width: 1ch;
+    display: inline-block;
 }
+
 .cesium-cesiumInspector-section-collapsed .cesium-cesiumInspector-sectionHeader::before {
-  content: "+";
+    content: '+';
 }

dist/Cesium/Widgets/CesiumWidget/CesiumWidget.css

@@ -1,124 +1,73 @@
 .cesium-widget {
-  font-family: sans-serif;
-  font-size: 16px;
-  overflow: hidden;
-  display: block;
-  position: relative;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+    position: relative;
 }
 
-.cesium-widget,
-.cesium-widget canvas {
-  width: 100%;
-  height: 100%;
-  touch-action: none;
+.cesium-widget, .cesium-widget canvas {
+    width: 100%;
+    height: 100%;
+    touch-action: none;
 }
 
 .cesium-widget-credits {
-  display: block;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  color: #fff;
-  font-size: 10px;
-  text-shadow: 0px 0px 2px #000000;
-  padding-right: 5px;
+    display: block;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    color: #fff;
+    font-size: 10px;
+    text-shadow: 0px 0px 2px #000000;
+    padding-right: 5px;
 }
 
 .cesium-widget-credits a,
 .cesium-widget-credits a:visited {
-  color: #fff;
+    color: #fff;
 }
 
 .cesium-widget-errorPanel {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  text-align: center;
-  background: rgba(0, 0, 0, 0.7);
-  z-index: 99999;
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    text-align: center;
+    background: rgba(0, 0, 0, 0.7);
+    z-index: 99999;
 }
 
 .cesium-widget-errorPanel:before {
-  display: inline-block;
-  vertical-align: middle;
-  height: 100%;
-  content: "";
+    display: inline-block;
+    vertical-align: middle;
+    height: 100%;
+    content: "";
 }
 
 .cesium-widget-errorPanel-content {
-  width: 75%;
-  max-width: 500px;
-  display: inline-block;
-  text-align: left;
-  vertical-align: middle;
-  border: 1px solid #510c00;
-  border-radius: 7px;
-  background-color: #f0d9d5;
-  font-size: 14px;
-  color: #510c00;
-}
-
-.cesium-widget-errorPanel-content.expanded {
-  max-width: 75%;
+    width: 75%;
+    display: inline-block;
+    text-align: left;
+    vertical-align: middle;
+    border: 1px solid #526F82;
+    border-radius: 7px;
+    background-color: black;
+    color: white;
+    font-size: 10pt;
+    padding: 1em;
 }
 
 .cesium-widget-errorPanel-header {
-  font-size: 18px;
-  font-family: "Open Sans", Verdana, Geneva, sans-serif;
-  background: #d69d93;
-  border-bottom: 2px solid #510c00;
-  padding-bottom: 10px;
-  border-radius: 3px 3px 0 0;
-  padding: 15px;
+    font-size: 120%;
+    color: #fe4;
 }
 
 .cesium-widget-errorPanel-scroll {
-  overflow: auto;
-  font-family: "Open Sans", Verdana, Geneva, sans-serif;
-  white-space: pre-wrap;
-  padding: 0 15px;
-  margin: 10px 0 20px 0;
+    overflow: auto;
+    font-family: monospace;
+    white-space: pre-wrap;
+    padding: 0;
+    margin: 10px 0;
 }
 
 .cesium-widget-errorPanel-buttonPanel {
-  padding: 0 15px;
-  margin: 10px 0 20px 0;
-  text-align: right;
-}
-
-.cesium-widget-errorPanel-buttonPanel button {
-  border-color: #510c00;
-  background: #d69d93;
-  color: #202020;
-  margin: 0;
-}
-.cesium-widget-errorPanel-buttonPanel button:focus {
-  border-color: #510c00;
-  background: #f0d9d5;
-  color: #510c00;
-}
-.cesium-widget-errorPanel-buttonPanel button:hover {
-  border-color: #510c00;
-  background: #f0d9d5;
-  color: #510c00;
-}
-.cesium-widget-errorPanel-buttonPanel button:active {
-  border-color: #510c00;
-  background: #b17b72;
-  color: #510c00;
-}
-
-.cesium-widget-errorPanel-more-details {
-  text-decoration: underline;
-  cursor: pointer;
-}
-
-.cesium-widget-errorPanel-more-details:hover {
-  color: #2b0700;
+    text-align: center;
 }

dist/Cesium/Widgets/CesiumWidget/lighter.css

@@ -1,14 +1,14 @@
 .cesium-lighter .cesium-widget-errorPanel {
-  background: rgba(255, 255, 255, 0.7);
+    background: rgba(255, 255, 255, 0.7);
 }
 
 .cesium-lighter .cesium-widget-errorPanel-content {
-  border: 1px solid #526f82;
-  border-radius: 7px;
-  background-color: white;
-  color: black;
+    border: 1px solid #526F82;
+    border-radius: 7px;
+    background-color: white;
+    color: black;
 }
 
 .cesium-lighter .cesium-widget-errorPanel-header {
-  color: #b87d00;
+    color: #B87D00;
 }

dist/Cesium/Widgets/FullscreenButton/FullscreenButton.css

@@ -1,8 +1,7 @@
-/* packages/widgets/Source/FullscreenButton/FullscreenButton.css */
 .cesium-button.cesium-fullscreenButton {
-  display: block;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  border-radius: 0;
+    display: block;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    border-radius: 0;
 }

dist/Cesium/Widgets/Geocoder/Geocoder.css

@@ -1,70 +1,78 @@
-/* packages/widgets/Source/Geocoder/Geocoder.css */
 .cesium-viewer-geocoderContainer .cesium-geocoder-input {
-  border: solid 1px #444;
-  background-color: rgba(40, 40, 40, 0.7);
-  color: white;
-  display: inline-block;
-  vertical-align: middle;
-  width: 0;
-  height: 32px;
-  margin: 0;
-  padding: 0 32px 0 0;
-  border-radius: 0;
-  box-sizing: border-box;
-  transition: width ease-in-out 0.25s, background-color 0.2s ease-in-out;
-  -webkit-appearance: none;
+    border: solid 1px #444;
+    background-color: rgba(40, 40, 40, 0.7);
+    color: white;
+    display: inline-block;
+    vertical-align: middle;
+    width: 0;
+    height: 32px;
+    margin: 0;
+    padding: 0 32px 0 0;
+    border-radius: 0;
+    box-sizing: border-box;
+    transition: width ease-in-out 0.25s, background-color 0.2s ease-in-out;
+    -webkit-appearance: none;
 }
+
 .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {
-  border-color: #aef;
-  box-shadow: 0 0 8px #fff;
+    border-color: #aef;
+    box-shadow: 0 0 8px #fff;
 }
+
 .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
-  border-color: #ea4;
-  background-color: rgba(15, 15, 15, 0.9);
-  box-shadow: none;
-  outline: none;
+    border-color: #ea4;
+    background-color: rgba(15, 15, 15, 0.9);
+    box-shadow: none;
+    outline: none;
 }
+
 .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input,
 .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus,
 .cesium-viewer-geocoderContainer .cesium-geocoder-input-wide {
-  padding-left: 4px;
-  width: 250px;
+    padding-left: 4px;
+    width: 250px;
 }
+
 .cesium-viewer-geocoderContainer .search-results {
-  position: absolute;
-  background-color: #000;
-  color: #eee;
-  overflow-y: auto;
-  opacity: 0.8;
-  width: 100%;
+    position: absolute;
+    background-color: #000;
+    color: #eee;
+    overflow-y: auto;
+    opacity: 0.8;
+    width: 100%;
 }
+
 .cesium-viewer-geocoderContainer .search-results ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
 }
+
 .cesium-viewer-geocoderContainer .search-results ul li {
-  font-size: 14px;
-  padding: 3px 10px;
+    font-size: 14px;
+    padding: 3px 10px;
 }
 .cesium-viewer-geocoderContainer .search-results ul li:hover {
-  cursor: pointer;
+    cursor: pointer;
 }
+
 .cesium-viewer-geocoderContainer .search-results ul li.active {
-  background: #48b;
+    background: #48b;
 }
+
 .cesium-geocoder-searchButton {
-  background-color: #303336;
-  display: inline-block;
-  position: absolute;
-  cursor: pointer;
-  width: 32px;
-  top: 1px;
-  right: 1px;
-  height: 30px;
-  vertical-align: middle;
-  fill: #edffff;
+    background-color: #303336;
+    display: inline-block;
+    position: absolute;
+    cursor: pointer;
+    width: 32px;
+    top: 1px;
+    right: 1px;
+    height: 30px;
+    vertical-align: middle;
+    fill: #edffff;
 }
+
 .cesium-geocoder-searchButton:hover {
-  background-color: #48b;
+    background-color: #48b;
 }

dist/Cesium/Widgets/Geocoder/lighter.css

@@ -1,17 +1,19 @@
-/* packages/widgets/Source/Geocoder/lighter.css */
 .cesium-lighter .cesium-geocoder-input {
-  border: solid 1px #759dc0;
-  background-color: rgba(240, 240, 240, 0.9);
-  color: black;
+    border: solid 1px #759dc0;
+    background-color: rgba(240, 240, 240, 0.9);
+    color: black;
 }
+
 .cesium-lighter .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {
-  border-color: #aef;
-  box-shadow: 0 0 8px #fff;
+    border-color: #aef;
+    box-shadow: 0 0 8px #fff;
 }
+
 .cesium-lighter .cesium-geocoder-searchButton {
-  background-color: #e2f0ff;
-  fill: #111;
+    background-color: #e2f0ff;
+    fill: #111;
 }
+
 .cesium-lighter .cesium-geocoder-searchButton:hover {
-  background-color: #a6d2ff;
+    background-color: #a6d2ff;
 }

dist/Cesium/Widgets/InfoBox/InfoBox.css

@@ -1,92 +1,98 @@
-/* packages/widgets/Source/InfoBox/InfoBox.css */
 .cesium-infoBox {
-  display: block;
-  position: absolute;
-  top: 50px;
-  right: 0;
-  width: 40%;
-  max-width: 480px;
-  background: rgba(38, 38, 38, 0.95);
-  color: #edffff;
-  border: 1px solid #444;
-  border-right: none;
-  border-top-left-radius: 7px;
-  border-bottom-left-radius: 7px;
-  box-shadow: 0 0 10px 1px #000;
-  transform: translate(100%, 0);
-  visibility: hidden;
-  opacity: 0;
-  transition:
-    visibility 0s 0.2s,
-    opacity 0.2s ease-in,
-    transform 0.2s ease-in;
+    display: block;
+    position: absolute;
+    top: 50px;
+    right: 0;
+    width: 40%;
+    max-width: 480px;
+    background: rgba(38, 38, 38, 0.95);
+    color: #edffff;
+    border: 1px solid #444;
+    border-right: none;
+    border-top-left-radius: 7px;
+    border-bottom-left-radius: 7px;
+    box-shadow: 0 0 10px 1px #000;
+    transform: translate(100%, 0);
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s 0.2s, opacity 0.2s ease-in, transform 0.2s ease-in;
 }
+
 .cesium-infoBox-visible {
-  transform: translate(0, 0);
-  visibility: visible;
-  opacity: 1;
-  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
+    transform: translate(0, 0);
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
 }
+
 .cesium-infoBox-title {
-  display: block;
-  height: 20px;
-  padding: 5px 30px 5px 25px;
-  background: rgba(84, 84, 84, 1);
-  border-top-left-radius: 7px;
-  text-align: center;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
-  box-sizing: content-box;
+    display: block;
+    height: 20px;
+    padding: 5px 30px 5px 25px;
+    background: rgba(84, 84, 84, 1.0);
+    border-top-left-radius: 7px;
+    text-align: center;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    box-sizing: content-box;
 }
+
 .cesium-infoBox-bodyless .cesium-infoBox-title {
-  border-bottom-left-radius: 7px;
+    border-bottom-left-radius: 7px;
 }
+
 button.cesium-infoBox-camera {
-  display: block;
-  position: absolute;
-  top: 4px;
-  left: 4px;
-  width: 22px;
-  height: 22px;
-  background: transparent;
-  border-color: transparent;
-  border-radius: 3px;
-  padding: 0 5px;
-  margin: 0;
+    display: block;
+    position: absolute;
+    top: 4px;
+    left: 4px;
+    width: 22px;
+    height: 22px;
+    background: transparent;
+    border-color: transparent;
+    border-radius: 3px;
+    padding: 0 5px;
+    margin: 0;
 }
+
 button.cesium-infoBox-close {
-  display: block;
-  position: absolute;
-  top: 5px;
-  right: 5px;
-  height: 20px;
-  background: transparent;
-  border: none;
-  border-radius: 2px;
-  font-weight: bold;
-  font-size: 16px;
-  padding: 0 5px;
-  margin: 0;
-  color: #edffff;
+    display: block;
+    position: absolute;
+    top: 5px;
+    right: 5px;
+    height: 20px;
+    background: transparent;
+    border: none;
+    border-radius: 2px;
+    font-weight: bold;
+    font-size: 16px;
+    padding: 0 5px;
+    margin: 0;
+    color: #edffff;
 }
+
 button.cesium-infoBox-close:focus {
-  background: rgba(238, 136, 0, 0.44);
-  outline: none;
+    background: rgba(238, 136, 0, 0.44);
+    outline: none;
 }
+
 button.cesium-infoBox-close:hover {
-  background: #888;
-  color: #000;
+    background: #888;
+    color: #000;
 }
+
 button.cesium-infoBox-close:active {
-  background: #a00;
-  color: #000;
+    background: #a00;
+    color: #000;
 }
+
 .cesium-infoBox-bodyless .cesium-infoBox-iframe {
-  display: none;
+    display: none;
 }
+
 .cesium-infoBox-iframe {
-  border: none;
-  width: 100%;
-  width: calc(100% - 2px);
+    border: none;
+    width: 100%; /* Fallback */
+    width: calc(100% - 2px);
 }

dist/Cesium/Widgets/InfoBox/InfoBoxDescription.css

@@ -1,178 +1,90 @@
-/* packages/widgets/Source/shared.css */
-.cesium-svgPath-svg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-}
-.cesium-button {
-  display: inline-block;
-  position: relative;
-  background: #303336;
-  border: 1px solid #444;
-  color: #edffff;
-  fill: #edffff;
-  border-radius: 4px;
-  padding: 5px 12px;
-  margin: 2px 3px;
-  cursor: pointer;
-  overflow: hidden;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-.cesium-button:focus {
-  color: #fff;
-  fill: #fff;
-  border-color: #ea4;
-  outline: none;
-}
-.cesium-button:hover {
-  color: #fff;
-  fill: #fff;
-  background: #48b;
-  border-color: #aef;
-  box-shadow: 0 0 8px #fff;
-}
-.cesium-button:active {
-  color: #000;
-  fill: #000;
-  background: #adf;
-  border-color: #fff;
-  box-shadow: 0 0 8px #fff;
-}
-.cesium-button:disabled,
-.cesium-button-disabled,
-.cesium-button-disabled:focus,
-.cesium-button-disabled:hover,
-.cesium-button-disabled:active {
-  background: #303336;
-  border-color: #444;
-  color: #646464;
-  fill: #646464;
-  box-shadow: none;
-  cursor: default;
-}
-.cesium-button option {
-  background-color: #000;
-  color: #eee;
-}
-.cesium-button option:disabled {
-  color: #777;
-}
-.cesium-button input,
-.cesium-button label {
-  cursor: pointer;
-}
-.cesium-button input {
-  vertical-align: sub;
-}
-.cesium-toolbar-button {
-  box-sizing: border-box;
-  width: 32px;
-  height: 32px;
-  border-radius: 14%;
-  padding: 0;
-  vertical-align: middle;
-  z-index: 0;
-}
-.cesium-performanceDisplay-defaultContainer {
-  position: absolute;
-  top: 50px;
-  right: 10px;
-  text-align: right;
-}
-.cesium-performanceDisplay {
-  background-color: rgba(40, 40, 40, 0.7);
-  padding: 7px;
-  border-radius: 5px;
-  border: 1px solid #444;
-  font: bold 12px sans-serif;
-}
-.cesium-performanceDisplay-fps {
-  color: #e52;
-}
-.cesium-performanceDisplay-throttled {
-  color: #a42;
-}
-.cesium-performanceDisplay-ms {
-  color: #de3;
+@import url(../shared.css);
+body {
+    margin: 0;
+    padding: 0;
 }
 
-/* packages/widgets/Source/InfoBox/InfoBoxDescription.css */
-body {
-  margin: 0;
-  padding: 0;
-}
 .cesium-infoBox-description {
-  font-family: sans-serif;
-  font-size: 13px;
-  padding: 4px 10px;
-  margin-right: 4px;
-  color: #edffff;
+    font-family: sans-serif;
+    font-size: 13px;
+    padding: 4px 10px;
+    margin-right: 4px;
+    color: #edffff;
 }
+
 .cesium-infoBox-description a:link,
 .cesium-infoBox-description a:visited,
 .cesium-infoBox-description a:hover,
 .cesium-infoBox-description a:active {
-  color: #edffff;
+    color: #edffff;
 }
+
 .cesium-infoBox-description table {
-  color: #edffff;
+    color: #edffff;
 }
+
 .cesium-infoBox-defaultTable {
-  width: 100%;
-  color: #edffff;
+    width: 100%;
+    color: #edffff;
 }
+
 .cesium-infoBox-defaultTable tr:nth-child(odd) {
-  background-color: rgba(84, 84, 84, 0.8);
+    background-color: rgba(84, 84, 84, 0.8);
 }
+
 .cesium-infoBox-defaultTable tr:nth-child(even) {
-  background-color: rgba(84, 84, 84, 0.25);
+    background-color: rgba(84, 84, 84, 0.25);
 }
+
 .cesium-infoBox-defaultTable th {
-  font-weight: normal;
-  padding: 3px;
-  vertical-align: middle;
-  text-align: center;
+    font-weight: normal;
+    padding: 3px;
+    vertical-align: middle;
+    text-align: center;
 }
+
 .cesium-infoBox-defaultTable td {
-  padding: 3px;
-  vertical-align: middle;
-  text-align: left;
+    padding: 3px;
+    vertical-align: middle;
+    text-align: left;
 }
+
 .cesium-infoBox-description-lighter {
-  color: #000000;
+    color: #000000;
 }
+
 .cesium-infoBox-description-lighter a:link,
 .cesium-infoBox-description-lighter a:visited,
 .cesium-infoBox-description-lighter a:hover,
 .cesium-infoBox-description-lighter a:active {
-  color: #000000;
+    color: #000000;
 }
+
 .cesium-infoBox-description-lighter table {
-  color: #000000;
+    color: #000000;
 }
+
 .cesium-infoBox-defaultTable-lighter {
-  width: 100%;
-  color: #000000;
+    width: 100%;
+    color: #000000;
 }
+
 .cesium-infoBox-defaultTable-lighter tr:nth-child(odd) {
-  background-color: rgba(179, 179, 179, 0.8);
+    background-color: rgba(179, 179, 179, 0.8);
 }
+
 .cesium-infoBox-defaultTable-lighter tr:nth-child(even) {
-  background-color: rgba(179, 179, 179, 0.25);
+    background-color: rgba(179, 179, 179, 0.25);
 }
+
 .cesium-infoBox-loadingContainer {
-  margin: 5px;
-  text-align: center;
+    margin: 5px;
+    text-align: center;
 }
+
 .cesium-infoBox-loading {
-  display: inline-block;
-  background-image: url(data:text/plain;base64,R0lGODlhEAALAPQAAAAAAOLTlyAdFSgmGxEQC9zOk+LTl7mse25nSYyDXTw4KMO2gqCVa2dgRIl/Wzg1JsCzgN7PlJySaBUTDiEfFggIBbCkdR4cFAoJB0A7KlNONy4rHg4NCQAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
-  width: 16px;
-  height: 11px;
+    display: inline-block;
+    background-image: url(../Images/info-loading.gif);
+    width: 16px;
+    height: 11px;
 }

dist/Cesium/Widgets/Navigation/navigation.css

@@ -0,0 +1,219 @@
+.sm-compass{
+    pointer-events: auto;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    width: 128px;
+    height: 128px;
+    overflow: hidden;
+}
+.sm-compass-outer-ring{
+    cursor: pointer;
+    position: absolute;
+    width: 128px;
+    height: 128px;
+    top: 0px;
+    transform: rotate(0rad);
+    -webkit-transform: rotate(0rad);
+    background-image: url("../Images/Navigation/ring.png");
+}
+.sm-compass-outer-ring:active{
+    background-image: url("../Images/Navigation/ring_active.png");
+}
+.sm-compass-tilt{
+    position: absolute;
+    width: 128px;
+    height: 128px;
+    background-image: url("../Images/Navigation/tilt.png");
+    visibility: hidden;
+}
+.cesium-viewer-navigationContainer {
+    display: block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0;
+    -moz-box-sizing: content-box;
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 300px;
+    width: 128px;
+}
+.cesium-viewer-navigationContainer:hover .sm-compass-tilt{
+    visibility: visible;
+}
+.cesium-viewer-navigationContainer:active .sm-compass-tilt{
+    visibility: visible;
+}
+
+.sm-compass-tiltbar{
+    cursor: pointer;
+    position: absolute;
+    width: 16px;
+    height: 16px;
+    /*left: 64px;
+    top: 5px;*/
+    background-image: url("../Images/Navigation/tiltbar.png");
+    background-repeat: no-repeat;
+    z-index: 10;
+    visibility: hidden;
+}
+
+.cesium-viewer-navigationContainer:hover .sm-compass-tiltbar{
+    visibility: visible;
+}
+
+.cesium-viewer-navigationContainer:active .sm-compass-tiltbar{
+    visibility: visible;
+}
+
+.sm-compass-arrows{
+    position: absolute;
+    width: 128px;
+    height: 128px;
+    top: 0px;
+    background-image: url("../Images/Navigation/compass_active.png");
+    visibility: hidden;
+}
+
+.cesium-viewer-navigationContainer:hover .sm-compass-arrows{
+    visibility: visible;
+}
+
+.cesium-viewer-navigationContainer:active .sm-compass-arrows{
+    visibility: visible;
+}
+
+.arrows_e_active{
+    cursor: pointer;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    top: 52px;
+    left: 68px;
+    visibility: hidden;
+}
+
+.cesium-viewer-navigationContainer:hover .arrows_e_active{
+    visibility: visible;
+}
+
+.cesium-viewer-navigationContainer:active .arrows_e_active{
+    visibility: visible;
+}
+
+.arrows_e_active:active{
+    background-image: url("../Images/Navigation/arrows_e_active.png");
+}
+
+.arrows_n_active{
+    cursor: pointer;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    top: 32px;
+    left: 53px;
+    visibility: hidden;
+}
+
+
+.arrows_n_active:active{
+    background-image: url("../Images/Navigation/arrows_n_active.png");
+}
+
+.cesium-viewer-navigationContainer:hover .arrows_n_active{
+    visibility: visible;
+}
+
+.cesium-viewer-navigationContainer:active .arrows_n_active{
+    visibility: visible;
+}
+
+.arrows_s_active{
+    cursor: pointer;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    top: 74px;
+    left: 53px;
+    visibility: hidden;
+}
+
+.arrows_s_active:active{
+    background-image: url("../Images/Navigation/arrows_s_active.png");
+}
+
+.cesium-viewer-navigationContainer:hover .arrows_s_active{
+    visibility: visible;
+}
+
+.cesium-viewer-navigationContainer:active .arrows_s_active{
+    visibility: visible;
+}
+
+.arrows_w_active{
+    cursor: pointer;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    top: 52px;
+    left: 35px;
+    visibility: hidden;
+}
+
+.arrows_w_active:active{
+    background-image: url("../Images/Navigation/arrows_w_active.png");
+}
+
+.cesium-viewer-navigationContainer:hover .arrows_w_active{
+    visibility: visible;
+}
+
+.cesium-viewer-navigationContainer:active .arrows_w_active{
+    visibility: visible;
+}
+
+.sm-zoom{
+    position: absolute;
+    width: 30px;
+    height: 150px;
+    background-image: url("../Images/Navigation/zoom.png");
+    top: 130px;
+    right: 60px;
+    visibility: hidden;
+}
+
+.cesium-viewer-navigationContainer:hover .sm-zoom{
+    visibility: visible;
+}
+.cesium-viewer-navigationContainer:active .sm-zoom{
+    visibility: visible;
+}
+
+.sm-zoomin{
+    cursor: pointer;
+    position: absolute;
+    width: 32px;
+    height: 32px;
+}
+.sm-zoomin:active{
+    background-image: url("../Images/Navigation/zoom_active_in.png");
+}
+.sm-zoomout{
+    cursor: pointer;
+    position: absolute;
+    width: 32px;
+    height: 32px;
+    bottom: 0px;
+}
+.sm-zoomout:active{
+    background-image: url("../Images/Navigation/zoom_active_out.png");
+}
+.sm-zoombar{
+    cursor: pointer;
+    position: absolute;
+    width: 32px;
+    height: 32px;
+    top: 65px;
+    background-image: url("../Images/Navigation/zoombar.png");
+}

dist/Cesium/Widgets/NavigationHelpButton/NavigationHelpButton.css

@@ -1,93 +1,112 @@
-/* packages/widgets/Source/NavigationHelpButton/NavigationHelpButton.css */
 .cesium-navigationHelpButton-wrapper {
-  position: relative;
-  display: inline-block;
+    position: relative;
+    display: inline-block;
 }
+
 .cesium-navigation-help {
-  visibility: hidden;
-  position: absolute;
-  top: 38px;
-  right: 2px;
-  width: 250px;
-  border-radius: 10px;
-  transform: scale(0.01);
-  transform-origin: 234px -10px;
-  transition: visibility 0s 0.25s, transform 0.25s ease-in;
+    visibility: hidden;
+    position: absolute;
+    top: 38px;
+    right: 2px;
+    width: 250px;
+    border-radius: 10px;
+    transform: scale(0.01);
+    transform-origin: 234px -10px;
+    transition: visibility 0s 0.25s, transform 0.25s ease-in;
 }
+
 .cesium-navigation-help-visible {
-  visibility: visible;
-  transform: scale(1);
-  transition: transform 0.25s ease-out;
+    visibility: visible;
+    transform: scale(1);
+    transition: transform 0.25s ease-out;
 }
+
 .cesium-navigation-help-instructions {
-  border: 1px solid #444;
-  background-color: rgba(38, 38, 38, 0.75);
-  padding-bottom: 5px;
-  border-radius: 0 0 10px 10px;
+    border: 1px solid #444;
+    background-color: rgba(38, 38, 38, 0.75);
+    padding-bottom: 5px;
+    border-radius: 0 0 10px 10px;
 }
+
 .cesium-click-navigation-help {
-  display: none;
+    display: none;
 }
+
 .cesium-touch-navigation-help {
-  display: none;
-  padding-top: 5px;
+    display: none;
+    padding-top: 5px;
 }
+
 .cesium-click-navigation-help-visible {
-  display: block;
+    display: block;
 }
+
 .cesium-touch-navigation-help-visible {
-  display: block;
+    display: block;
 }
+
 .cesium-navigation-help-pan {
-  color: #66ccff;
-  font-weight: bold;
+    color: #66ccff;
+    font-weight: bold;
 }
+
 .cesium-navigation-help-zoom {
-  color: #65fd00;
-  font-weight: bold;
+    color: #65fd00;
+    font-weight: bold;
 }
+
 .cesium-navigation-help-rotate {
-  color: #ffd800;
-  font-weight: bold;
+    color: #ffd800;
+    font-weight: bold;
 }
+
 .cesium-navigation-help-tilt {
-  color: #d800d8;
-  font-weight: bold;
+    color: #d800d8;
+    font-weight: bold;
 }
+
 .cesium-navigation-help-details {
-  color: #ffffff;
+    color: #ffffff;
 }
+
 .cesium-navigation-button {
-  color: #fff;
-  background-color: transparent;
-  border-bottom: none;
-  border-top: 1px solid #444;
-  border-right: 1px solid #444;
-  margin: 0;
-  width: 50%;
-  cursor: pointer;
+    color: #fff;
+    background-color: transparent;
+    border-bottom: none;
+    border-top: 1px solid #444;
+    border-right: 1px solid #444;
+    margin: 0;
+    width: 50%;
+    cursor: pointer;
 }
+
 .cesium-navigation-button-icon {
-  vertical-align: middle;
-  padding: 5px 1px;
+    vertical-align: middle;
+    padding: 5px 1px;
 }
+
 .cesium-navigation-button:focus {
-  outline: none;
+    outline: none;
 }
+
 .cesium-navigation-button-left {
-  border-radius: 10px 0 0 0;
-  border-left: 1px solid #444;
+    border-radius: 10px 0 0 0;
+    border-left: 1px solid #444;
 }
+
 .cesium-navigation-button-right {
-  border-radius: 0 10px 0 0;
-  border-left: none;
+    border-radius: 0 10px 0 0;
+    border-left: none;
 }
+
 .cesium-navigation-button-selected {
-  background-color: rgba(38, 38, 38, 0.75);
+    background-color: rgba(38, 38, 38, 0.75);
 }
+
 .cesium-navigation-button-unselected {
-  background-color: rgba(0, 0, 0, 0.75);
+    background-color: rgba(0, 0, 0, 0.75);
 }
+
 .cesium-navigation-button-unselected:hover {
-  background-color: rgba(76, 76, 76, 0.75);
+    background-color: rgba(76, 76, 76, 0.75);
 }

dist/Cesium/Widgets/NavigationHelpButton/lighter.css

@@ -1,38 +1,46 @@
-/* packages/widgets/Source/NavigationHelpButton/lighter.css */
 .cesium-lighter .cesium-navigation-help-instructions {
-  border: 1px solid #759dc0;
-  background-color: rgba(255, 255, 255, 0.9);
+    border: 1px solid #759dc0;
+    background-color: rgba(255, 255, 255, 0.9);
 }
+
 .cesium-lighter .cesium-navigation-help-pan {
-  color: #66ccee;
-  font-weight: bold;
+    color: #66ccee;
+    font-weight: bold;
 }
+
 .cesium-lighter .cesium-navigation-help-zoom {
-  color: #65ec00;
-  font-weight: bold;
+    color: #65ec00;
+    font-weight: bold;
 }
+
 .cesium-lighter .cesium-navigation-help-rotate {
-  color: #eec722;
-  font-weight: bold;
+    color: #eec722;
+    font-weight: bold;
 }
+
 .cesium-lighter .cesium-navigation-help-tilt {
-  color: #d800d8;
-  font-weight: bold;
+    color: #d800d8;
+    font-weight: bold;
 }
+
 .cesium-lighter .cesium-navigation-help-details {
-  color: #222222;
+    color: #222222;
 }
+
 .cesium-lighter .cesium-navigation-button {
-  color: #222222;
-  border-top: 1px solid #759dc0;
-  border-right: 1px solid #759dc0;
+    color: #222222;
+    border-top: 1px solid #759dc0;
+    border-right: 1px solid #759dc0;
 }
+
 .cesium-lighter .cesium-navigation-button-selected {
-  background-color: rgba(196, 225, 255, 0.9);
+    background-color: rgba(196, 225, 255, 0.9);
 }
+
 .cesium-lighter .cesium-navigation-button-unselected {
-  background-color: rgba(226, 240, 255, 0.9);
+    background-color: rgba(226, 240, 255, 0.9);
 }
+
 .cesium-lighter .cesium-navigation-button-unselected:hover {
-  background-color: rgba(166, 210, 255, 0.9);
+    background-color: rgba(166, 210, 255, 0.9);
 }

dist/Cesium/Widgets/PerformanceWatchdog/PerformanceWatchdog.css

@@ -1,15 +1,16 @@
-/* packages/widgets/Source/PerformanceWatchdog/PerformanceWatchdog.css */
 .cesium-performance-watchdog-message-area {
-  position: relative;
-  background-color: yellow;
-  color: black;
-  padding: 10px;
+    position: relative;
+    background-color: yellow;
+    color: black;
+    padding: 10px;
 }
+
 .cesium-performance-watchdog-message {
-  margin-right: 30px;
+    margin-right: 30px;
 }
+
 .cesium-performance-watchdog-message-dismiss {
-  position: absolute;
-  right: 0;
-  margin: 0 10px 0 0;
+    position: absolute;
+    right: 0;
+    margin: 0 10px 0 0;
 }

dist/Cesium/Widgets/ProjectionPicker/ProjectionPicker.css

@@ -1,38 +1,45 @@
-/* packages/widgets/Source/ProjectionPicker/ProjectionPicker.css */
 span.cesium-projectionPicker-wrapper {
-  display: inline-block;
-  position: relative;
-  margin: 0 3px;
+    display: inline-block;
+    position: relative;
+    margin: 0 3px;
 }
+
 .cesium-projectionPicker-visible {
-  visibility: visible;
-  opacity: 1;
-  transition: opacity 0.25s linear;
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.25s linear;
 }
+
 .cesium-projectionPicker-hidden {
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 0s 0.25s, opacity 0.25s linear;
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s 0.25s, opacity 0.25s linear;
 }
+
 .cesium-projectionPicker-wrapper .cesium-projectionPicker-none {
-  display: none;
+    display: none;
 }
+
 .cesium-projectionPicker-wrapper .cesium-projectionPicker-dropDown-icon {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 3px 0;
+    box-sizing: border-box;
+    padding: 0;
+    margin: 3px 0;
 }
+
 .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective,
 .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic {
-  margin: 0 0 3px 0;
+    margin: 0 0 3px 0;
 }
+
 .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonPerspective .cesium-projectionPicker-iconOrthographic {
-  left: 100%;
+    left: 100%;
 }
+
 .cesium-projectionPicker-wrapper .cesium-projectionPicker-buttonOrthographic .cesium-projectionPicker-iconPerspective {
-  left: -100%;
+    left: -100%;
 }
+
 .cesium-projectionPicker-wrapper .cesium-projectionPicker-selected {
-  border-color: #2e2;
-  box-shadow: 0 0 8px #fff, 0 0 8px #fff;
+    border-color: #2e2;
+    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
 }

dist/Cesium/Widgets/SceneModePicker/SceneModePicker.css

@@ -1,56 +1,68 @@
-/* packages/widgets/Source/SceneModePicker/SceneModePicker.css */
 span.cesium-sceneModePicker-wrapper {
-  display: inline-block;
-  position: relative;
-  margin: 0 3px;
+    display: inline-block;
+    position: relative;
+    margin: 0 3px;
 }
+
 .cesium-sceneModePicker-visible {
-  visibility: visible;
-  opacity: 1;
-  transition: opacity 0.25s linear;
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.25s linear;
 }
+
 .cesium-sceneModePicker-hidden {
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 0s 0.25s, opacity 0.25s linear;
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s 0.25s, opacity 0.25s linear;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none {
-  display: none;
+    display: none;
 }
+
 .cesium-sceneModePicker-slide-svg {
-  transition: left 2s;
-  top: 0;
-  left: 0;
+    transition: left 2s;
+    top: 0;
+    left: 0;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 3px 0;
+    box-sizing: border-box;
+    padding: 0;
+    margin: 3px 0;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView,
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D {
-  margin: 0 0 3px 0;
+    margin: 0 0 3px 0;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-icon2D {
-  left: 100%;
+    left: 100%;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D .cesium-sceneModePicker-iconColumbusView {
-  left: 200%;
+    left: 200%;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon3D {
-  left: -200%;
+    left: -200%;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView .cesium-sceneModePicker-icon2D {
-  left: -100%;
+    left: -100%;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-icon3D {
-  left: -100%;
+    left: -100%;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D .cesium-sceneModePicker-iconColumbusView {
-  left: 100%;
+    left: 100%;
 }
+
 .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected {
-  border-color: #2e2;
-  box-shadow: 0 0 8px #fff, 0 0 8px #fff;
+    border-color: #2e2;
+    box-shadow: 0 0 8px #fff, 0 0 8px #fff;
 }

dist/Cesium/Widgets/SelectionIndicator/SelectionIndicator.css

@@ -1,20 +1,21 @@
-/* packages/widgets/Source/SelectionIndicator/SelectionIndicator.css */
 .cesium-selection-wrapper {
-  position: absolute;
-  width: 160px;
-  height: 160px;
-  pointer-events: none;
-  visibility: hidden;
-  opacity: 0;
-  transition: visibility 0s 0.2s, opacity 0.2s ease-in;
+    position: absolute;
+    width: 160px;
+    height: 160px;
+    pointer-events: none;
+    visibility: hidden;
+    opacity: 0;
+    transition: visibility 0s 0.2s, opacity 0.2s ease-in;
 }
+
 .cesium-selection-wrapper-visible {
-  visibility: visible;
-  opacity: 1;
-  transition: opacity 0.2s ease-out;
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.2s ease-out;
 }
+
 .cesium-selection-wrapper svg {
-  fill: #2e2;
-  stroke: #000;
-  stroke-width: 1.1px;
+    fill: #2e2;
+    stroke: #000;
+    stroke-width: 1.1px;
 }

dist/Cesium/Widgets/Timeline/Timeline.css

@@ -1,96 +1,103 @@
-/* packages/widgets/Source/Timeline/Timeline.css */
 .cesium-timeline-main {
-  position: relative;
-  left: 0;
-  bottom: 0;
-  overflow: hidden;
-  border: solid 1px #888;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+	position: relative;
+	left: 0;
+	bottom: 0;
+	overflow: hidden;
+	border: solid 1px #888;
 }
+
 .cesium-timeline-trackContainer {
-  width: 100%;
-  overflow: auto;
-  border-top: solid 1px #888;
-  position: relative;
-  top: 0;
-  left: 0;
+	width: 100%;
+	overflow: auto;
+	border-top: solid 1px #888;
+	position: relative;
+	top: 0;
+	left: 0;
 }
+
 .cesium-timeline-tracks {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
 }
+
 .cesium-timeline-needle {
-  position: absolute;
-  left: 0;
-  top: 1.7em;
-  bottom: 0;
-  width: 1px;
-  background: #f00;
+	position: absolute;
+	left: 0;
+	top: 1.7em;
+	bottom: 0;
+	width: 1px;
+	background: #F00;
 }
+
 .cesium-timeline-bar {
-  position: relative;
-  left: 0;
-  top: 0;
-  overflow: hidden;
-  cursor: pointer;
-  width: 100%;
-  height: 1.7em;
-  background: linear-gradient(to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%);
+    position: relative;
+    left: 0;
+    top: 0;
+    overflow: hidden;
+    cursor: pointer;
+    width: 100%;
+    height: 1.7em;
+    background: linear-gradient(to bottom, rgba(116,117,119,0.8) 0%,rgba(58,68,82,0.8) 11%,rgba(46,50,56,0.8) 46%,rgba(53,53,53,0.8) 81%,rgba(53,53,53,0.8) 100%);
 }
+
 .cesium-timeline-ruler {
-  visibility: hidden;
-  white-space: nowrap;
-  font-size: 80%;
-  z-index: -200;
+	/* NOTE: The label and the ruler must use the same font/size */
+	visibility: hidden;
+	white-space: nowrap;
+	font-size: 80%;
+	z-index: -200;
 }
+
 .cesium-timeline-highlight {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  background: #08f;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	background: #08F;
 }
+
 .cesium-timeline-ticLabel {
-  position: absolute;
-  top: 0;
-  left: 0;
-  white-space: nowrap;
-  font-size: 80%;
-  color: #eee;
+    position: absolute;
+    top: 0;
+    left: 0;
+    white-space: nowrap;
+    font-size: 80%;
+    color: #eee;
 }
+
 .cesium-timeline-ticMain {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 1px;
-  height: 50%;
-  background: #eee;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 1px;
+    height: 50%;
+    background: #eee;
 }
+
 .cesium-timeline-ticSub {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 1px;
-  height: 33%;
-  background: #aaa;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 1px;
+    height: 33%;
+    background: #aaa;
 }
+
 .cesium-timeline-ticTiny {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 1px;
-  height: 25%;
-  background: #888;
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 1px;
+	height: 25%;
+	background: #888;
 }
+
 .cesium-timeline-icon16 {
-  display: block;
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  background-image: url(data:text/plain;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sIDBITKIVzLEMAAAKNSURBVEjHxdXNSxRhHAfw7zzrqhuoWJnSkrippUVSEKsHI9BTUYdAJA/RoYMREV26rAdn6tAfUARi16hQqkOBQRgUEYFWEC3OwczMjdZd92VmdWfmeelgTjO7q7gb0VzmmZnn85vvPPPMM8B/3qTcE2PPpuTZKB1eWuUQACgXYACYwVFbCTTVeZXB/i55o4LFelcAZfStYD4vpAoPGAGo4GBcQEgSOAUMQyAezwK6iQfDPXnhS/FkHZ+/8VLMWxxqWkfH3gbMRNOYi2roavbja0zHQmoFPYf8ED4Ko4aivm9MOG/u9I8mwrafeK7a/tVrNc/bARYN5noadeq7q0342vXw9CIMU6BmW8rVP9cPBPe52uu+v3O/y9sB4gkTWs6Qsk0mj5ExXMelejvA8WafYmkmGPHanTijdtvif8rx5RiCjdWKs2Cp3jWRDl96KhrbqlBeJqBOLyLQXg0IgbkZDS0dO8EZxZfPSTA9jvDDK3mT0OmP1FXh3XwEEAKdTX5MRWLgjCK4pwH3xt/YnjgLHAv4lHTCAKMMu/wV+KZGob6PoKyMQ0+sgBpZVJZn0NterxQaVqef/DRn+/EXYds/mZx2eVeAW9d65dhCEsaKCb7K8HH0gqTevyh9GDkn0VULRiaLzJKGBu9swfdaiie5RVo9ESURN8E8BE0n7ggACJy8KzghSCzp6DmwWxkaCm24EBXr8wI8Hrkq06QBiRC0t24HALS11IBTCyJl4vb1AXmzpbVYTwoVOXN0h7L8Mwtm8bXPybIQ/5FCX3dA2cr6XowvGCA02CvztAnz9+JiZk1AMxG6fEreSoBiPNmoyNnuWiWVzAIAtISO08E6pZi/3N96AIDn4E3h3P8L/wshP+txtEs4JAAAAABJRU5ErkJggg==);
-  background-repeat: no-repeat;
+	display: block;
+	position: absolute;
+	width: 16px;
+	height: 16px;
+	background-image: url("../Images/TimelineIcons.png");
+	background-repeat: no-repeat;
 }

dist/Cesium/Widgets/Timeline/lighter.css

@@ -1,18 +1,20 @@
-/* packages/widgets/Source/Timeline/lighter.css */
 .cesium-lighter .cesium-timeline-bar {
-  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 50%, #fafafa 100%);
+    background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 50%,#fafafa 100%);
 }
+
 .cesium-lighter .cesium-timeline-ticLabel {
-  color: #000;
+    color: #000;
 }
+
 .cesium-lighter .cesium-timeline-ticMain {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 1px;
-  height: 50%;
-  background: #000;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 1px;
+    height: 50%;
+    background: #000;
 }
+
 .cesium-lighter .cesium-timeline-ticSub {
-  background: #444;
+    background: #444;
 }

dist/Cesium/Widgets/VRButton/VRButton.css

@@ -1,8 +1,7 @@
-/* packages/widgets/Source/VRButton/VRButton.css */
 .cesium-button.cesium-vrButton {
-  display: block;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  border-radius: 0;
+    display: block;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    border-radius: 0;
 }

dist/Cesium/Widgets/Viewer/Viewer.css

@@ -1,107 +1,108 @@
-/* packages/widgets/Source/Viewer/Viewer.css */
 .cesium-viewer {
-  font-family: sans-serif;
-  font-size: 16px;
-  overflow: hidden;
-  display: block;
-  position: relative;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+    font-family: sans-serif;
+    font-size: 16px;
+    overflow: hidden;
+    display: block;
+    position: relative;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
 }
+
 .cesium-viewer-cesiumWidgetContainer {
-  width: 100%;
-  height: 100%;
+    width: 100%;
+    height: 100%;
 }
+
 .cesium-viewer-bottom {
-  display: block;
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  padding-right: 5px;
+    display: block;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding-right: 5px;
 }
+
 .cesium-viewer .cesium-widget-credits {
-  display: inline;
-  position: static;
-  bottom: auto;
-  left: auto;
-  padding-right: 0;
-  color: #ffffff;
-  font-size: 10px;
-  text-shadow: 0 0 2px #000000;
+    display: inline;
+    position: static;
+    bottom: auto;
+    left: auto;
+    padding-right: 0;
+    color: #ffffff;
+    font-size: 10px;
+    text-shadow: 0 0 2px #000000;
 }
+
 .cesium-viewer-timelineContainer {
-  position: absolute;
-  bottom: 0;
-  left: 169px;
-  right: 29px;
-  height: 27px;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-  font-size: 14px;
+    position: absolute;
+    bottom: 0;
+    left: 169px;
+    right: 29px;
+    height: 27px;
+    padding: 0;
+    margin: 0;
+    overflow: hidden;
+    font-size: 14px;
 }
+
 .cesium-viewer-animationContainer {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  padding: 0;
-  width: 169px;
-  height: 112px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    padding: 0;
+    width: 169px;
+    height: 112px;
 }
+
 .cesium-viewer-fullscreenContainer {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  padding: 0;
-  width: 29px;
-  height: 29px;
-  overflow: hidden;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    padding: 0;
+    width: 29px;
+    height: 29px;
+    overflow: hidden;
 }
+
 .cesium-viewer-vrContainer {
-  position: absolute;
-  bottom: 0;
-  right: 0;
-  padding: 0;
-  width: 29px;
-  height: 29px;
-  overflow: hidden;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    padding: 0;
+    width: 29px;
+    height: 29px;
+    overflow: hidden;
 }
+
 .cesium-viewer-toolbar {
-  display: block;
-  position: absolute;
-  top: 5px;
-  right: 5px;
+    display: block;
+    position: absolute;
+    top: 5px;
+    right: 5px;
 }
+
 .cesium-viewer-cesiumInspectorContainer {
-  display: block;
-  position: absolute;
-  top: 50px;
-  right: 10px;
+    display: block;
+    position: absolute;
+    top: 50px;
+    right: 10px;
 }
+
 .cesium-viewer-geocoderContainer {
-  position: relative;
-  display: inline-block;
-  margin: 0 3px;
+    position: relative;
+    display: inline-block;
+    margin: 35px 3px;
 }
+
 .cesium-viewer-cesium3DTilesInspectorContainer {
-  display: block;
-  position: absolute;
-  top: 50px;
-  right: 10px;
-  max-height: calc(100% - 120px);
-  box-sizing: border-box;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-.cesium-viewer-voxelInspectorContainer {
-  display: block;
-  position: absolute;
-  top: 50px;
-  right: 10px;
-  max-height: calc(100% - 120px);
-  box-sizing: border-box;
-  overflow-y: auto;
-  overflow-x: hidden;
+    display: block;
+    position: absolute;
+    top: 50px;
+    right: 10px;
+    max-height: calc(100% - 120px);
+    box-sizing: border-box;
+    overflow-y: auto;
+    overflow-x: hidden;
 }

dist/Cesium/Widgets/VoxelInspector/VoxelInspector.css

@@ -1,16 +0,0 @@
-/* packages/widgets/Source/VoxelInspector/VoxelInspector.css */
-.cesium-VoxelInspector {
-  width: 300px;
-  pointer-events: all;
-}
-.cesium-VoxelInspector div,
-.cesium-VoxelInspector input[type=range] {
-  width: 100%;
-  box-sizing: border-box;
-}
-.cesium-VoxelInspector .cesium-cesiumInspector-section {
-  margin-top: 3px;
-}
-.cesium-VoxelInspector .cesium-cesiumInspector-sectionHeader + .cesium-cesiumInspector-show {
-  border-top: 1px solid white;
-}

dist/Cesium/Widgets/ZoomIndicator/ZoomIndicator.css

@@ -0,0 +1,19 @@
+.cesium-zoom-wrapper {
+    position: absolute;
+    width: 160px;
+    height: 160px;
+    pointer-events: none;
+    visibility: hidden;
+    opacity: 0;
+    -webkit-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
+    -moz-transition: visibility 0s 0.2s, opacity 0.2s ease-in;
+    transition: visibility 0s 0.2s, opacity 0.2s ease-in;
+}
+
+.cesium-zoom-wrapper-visible {
+    visibility: visible;
+    opacity: 1;
+    -webkit-transition: opacity 0.2s ease-out;
+    -moz-transition: opacity 0.2s ease-out;
+    transition: opacity 0.2s ease-out;
+}

dist/Cesium/Widgets/lighter.css

@@ -1,232 +1,7 @@
-/* packages/widgets/Source/lighterShared.css */
-.cesium-lighter .cesium-button {
-  color: #111;
-  fill: #111;
-  background: #e2f0ff;
-  border: 1px solid #759dc0;
-}
-.cesium-lighter .cesium-button:focus {
-  color: #000;
-  fill: #000;
-  border-color: #ea4;
-}
-.cesium-lighter .cesium-button:hover {
-  color: #000;
-  fill: #000;
-  background: #a6d2ff;
-  border-color: #aef;
-  box-shadow: 0 0 8px #777;
-}
-.cesium-lighter .cesium-button:active {
-  color: #fff;
-  fill: #fff;
-  background: #48b;
-  border-color: #ea0;
-}
-.cesium-lighter .cesium-button:disabled,
-.cesium-lighter .cesium-button-disabled,
-.cesium-lighter .cesium-button-disabled:focus,
-.cesium-lighter .cesium-button-disabled:hover,
-.cesium-lighter .cesium-button-disabled:active {
-  background: #ccc;
-  border-color: #999;
-  color: #999;
-  fill: #999;
-  box-shadow: none;
-}
-.cesium-lighter .cesium-performanceDisplay {
-  background-color: #e2f0ff;
-  border-color: #759dc0;
-}
-.cesium-lighter .cesium-performanceDisplay-fps {
-  color: #e52;
-}
-.cesium-lighter .cesium-performanceDisplay-ms {
-  color: #ea4;
-}
-
-/* packages/widgets/Source/Animation/lighter.css */
-.cesium-lighter .cesium-animation-themeNormal {
-  color: #e5f2fe;
-}
-.cesium-lighter .cesium-animation-themeHover {
-  color: #abd6ff;
-}
-.cesium-lighter .cesium-animation-themeSelect {
-  color: #e5f2fe;
-}
-.cesium-lighter .cesium-animation-themeDisabled {
-  color: #efefef;
-}
-.cesium-lighter .cesium-animation-themeKnob {
-  color: #e1e2e3;
-}
-.cesium-lighter .cesium-animation-themePointer {
-  color: #fa5;
-}
-.cesium-lighter .cesium-animation-themeSwoosh {
-  color: #ace;
-}
-.cesium-lighter .cesium-animation-themeSwooshHover {
-  color: #bdf;
-}
-.cesium-lighter .cesium-animation-svgText {
-  fill: #111;
-}
-.cesium-lighter .cesium-animation-rectButton .cesium-animation-buttonPath {
-  fill: #111;
-}
-.cesium-lighter .cesium-animation-rectButton .cesium-animation-buttonMain {
-  stroke: #759dc0;
-}
-.cesium-lighter .cesium-animation-buttonToggled .cesium-animation-buttonGlow {
-  fill: #ffaa2a;
-}
-.cesium-lighter .cesium-animation-buttonToggled .cesium-animation-buttonMain {
-  stroke: #ea0;
-}
-.cesium-lighter .cesium-animation-rectButton:hover .cesium-animation-buttonMain {
-  stroke: #759dc0;
-}
-.cesium-lighter .cesium-animation-buttonToggled:hover .cesium-animation-buttonGlow {
-  fill: #fff;
-}
-.cesium-lighter .cesium-animation-buttonToggled:hover .cesium-animation-buttonMain {
-  stroke: #ea0;
-}
-.cesium-lighter .cesium-animation-rectButton:active .cesium-animation-buttonMain {
-  fill: #abd6ff;
-}
-.cesium-lighter .cesium-animation-buttonDisabled .cesium-animation-buttonMain {
-  stroke: #d3d3d3;
-}
-.cesium-lighter .cesium-animation-buttonDisabled .cesium-animation-buttonPath {
-  fill: #818181;
-}
-.cesium-lighter .cesium-animation-shuttleRingBack {
-  fill: #fafafa;
-  fill-opacity: 1;
-  stroke: #aeaeae;
-  stroke-width: 1.2;
-}
-.cesium-lighter .cesium-animation-shuttleRingSwoosh line {
-  stroke: #8ac;
-}
-.cesium-lighter .cesium-animation-knobOuter {
-  stroke: #a5a5a5;
-}
-
-/* packages/widgets/Source/BaseLayerPicker/lighter.css */
-.cesium-lighter .cesium-baseLayerPicker-itemIcon {
-  border-color: #759dc0;
-}
-.cesium-lighter .cesium-baseLayerPicker-dropDown {
-  background-color: rgba(240, 240, 240, 0.75);
-}
-.cesium-lighter .cesium-baseLayerPicker-sectionTitle {
-  color: black;
-}
-.cesium-lighter .cesium-baseLayerPicker-itemLabel {
-  color: black;
-}
-.cesium-lighter .cesium-baseLayerPicker-item:hover .cesium-baseLayerPicker-itemIcon {
-  border-color: #000;
-}
-.cesium-lighter .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemLabel {
-  color: rgb(0, 61, 168);
-}
-.cesium-lighter .cesium-baseLayerPicker-selectedItem .cesium-baseLayerPicker-itemIcon {
-  border: double 4px rgb(0, 61, 168);
-}
-
-/* packages/engine/Source/Widget/lighter.css */
-.cesium-lighter .cesium-widget-errorPanel {
-  background: rgba(255, 255, 255, 0.7);
-}
-.cesium-lighter .cesium-widget-errorPanel-content {
-  border: 1px solid #526f82;
-  border-radius: 7px;
-  background-color: white;
-  color: black;
-}
-.cesium-lighter .cesium-widget-errorPanel-header {
-  color: #b87d00;
-}
-
-/* packages/widgets/Source/Geocoder/lighter.css */
-.cesium-lighter .cesium-geocoder-input {
-  border: solid 1px #759dc0;
-  background-color: rgba(240, 240, 240, 0.9);
-  color: black;
-}
-.cesium-lighter .cesium-viewer-geocoderContainer:hover .cesium-geocoder-input {
-  border-color: #aef;
-  box-shadow: 0 0 8px #fff;
-}
-.cesium-lighter .cesium-geocoder-searchButton {
-  background-color: #e2f0ff;
-  fill: #111;
-}
-.cesium-lighter .cesium-geocoder-searchButton:hover {
-  background-color: #a6d2ff;
-}
-
-/* packages/widgets/Source/Timeline/lighter.css */
-.cesium-lighter .cesium-timeline-bar {
-  background: linear-gradient(to bottom, #eeeeee 0%, #ffffff 50%, #fafafa 100%);
-}
-.cesium-lighter .cesium-timeline-ticLabel {
-  color: #000;
-}
-.cesium-lighter .cesium-timeline-ticMain {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 1px;
-  height: 50%;
-  background: #000;
-}
-.cesium-lighter .cesium-timeline-ticSub {
-  background: #444;
-}
-
-/* packages/widgets/Source/NavigationHelpButton/lighter.css */
-.cesium-lighter .cesium-navigation-help-instructions {
-  border: 1px solid #759dc0;
-  background-color: rgba(255, 255, 255, 0.9);
-}
-.cesium-lighter .cesium-navigation-help-pan {
-  color: #66ccee;
-  font-weight: bold;
-}
-.cesium-lighter .cesium-navigation-help-zoom {
-  color: #65ec00;
-  font-weight: bold;
-}
-.cesium-lighter .cesium-navigation-help-rotate {
-  color: #eec722;
-  font-weight: bold;
-}
-.cesium-lighter .cesium-navigation-help-tilt {
-  color: #d800d8;
-  font-weight: bold;
-}
-.cesium-lighter .cesium-navigation-help-details {
-  color: #222222;
-}
-.cesium-lighter .cesium-navigation-button {
-  color: #222222;
-  border-top: 1px solid #759dc0;
-  border-right: 1px solid #759dc0;
-}
-.cesium-lighter .cesium-navigation-button-selected {
-  background-color: rgba(196, 225, 255, 0.9);
-}
-.cesium-lighter .cesium-navigation-button-unselected {
-  background-color: rgba(226, 240, 255, 0.9);
-}
-.cesium-lighter .cesium-navigation-button-unselected:hover {
-  background-color: rgba(166, 210, 255, 0.9);
-}
-
-/* packages/widgets/Source/lighter.css */
+@import url(./lighterShared.css);
+@import url(./Animation/lighter.css);
+@import url(./BaseLayerPicker/lighter.css);
+@import url(./CesiumWidget/lighter.css);
+@import url(./Geocoder/lighter.css);
+@import url(./Timeline/lighter.css);
+@import url(./NavigationHelpButton/lighter.css);

dist/Cesium/Widgets/lighterShared.css

@@ -1,46 +1,52 @@
-/* packages/widgets/Source/lighterShared.css */
 .cesium-lighter .cesium-button {
-  color: #111;
-  fill: #111;
-  background: #e2f0ff;
-  border: 1px solid #759dc0;
+    color: #111; /* For text buttons */
+    fill: #111; /* For SVG buttons */
+    background: #e2f0ff;
+    border: 1px solid #759dc0;
 }
+
 .cesium-lighter .cesium-button:focus {
-  color: #000;
-  fill: #000;
-  border-color: #ea4;
+    color: #000; /* For text buttons */
+    fill: #000; /* For SVG buttons */
+    border-color: #ea4;
 }
+
 .cesium-lighter .cesium-button:hover {
-  color: #000;
-  fill: #000;
-  background: #a6d2ff;
-  border-color: #aef;
-  box-shadow: 0 0 8px #777;
+    color: #000; /* For text buttons */
+    fill: #000; /* For SVG buttons */
+    background: #a6d2ff;
+    border-color: #aef;
+    box-shadow: 0 0 8px #777;
 }
+
 .cesium-lighter .cesium-button:active {
-  color: #fff;
-  fill: #fff;
-  background: #48b;
-  border-color: #ea0;
+    color: #fff; /* For text buttons */
+    fill: #fff; /* For SVG buttons */
+    background: #48b;
+    border-color: #ea0;
 }
+
 .cesium-lighter .cesium-button:disabled,
 .cesium-lighter .cesium-button-disabled,
 .cesium-lighter .cesium-button-disabled:focus,
 .cesium-lighter .cesium-button-disabled:hover,
 .cesium-lighter .cesium-button-disabled:active {
-  background: #ccc;
-  border-color: #999;
-  color: #999;
-  fill: #999;
-  box-shadow: none;
+    background: #ccc;
+    border-color: #999;
+    color: #999; /* For text buttons */
+    fill: #999; /* For SVG buttons */
+    box-shadow: none;
 }
+
 .cesium-lighter .cesium-performanceDisplay {
-  background-color: #e2f0ff;
-  border-color: #759dc0;
+    background-color: #e2f0ff;
+    border-color: #759dc0;
 }
+
 .cesium-lighter .cesium-performanceDisplay-fps {
-  color: #e52;
+    color: #e52;
 }
+
 .cesium-lighter .cesium-performanceDisplay-ms {
-  color: #ea4;
+    color: #ea4;
 }

dist/Cesium/Widgets/shared.css

@@ -1,103 +1,116 @@
-/* packages/widgets/Source/shared.css */
 .cesium-svgPath-svg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
 }
+
 .cesium-button {
-  display: inline-block;
-  position: relative;
-  background: #303336;
-  border: 1px solid #444;
-  color: #edffff;
-  fill: #edffff;
-  border-radius: 4px;
-  padding: 5px 12px;
-  margin: 2px 3px;
-  cursor: pointer;
-  overflow: hidden;
-  -moz-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+    display: inline-block;
+    position: relative;
+    background: #303336;
+    border: 1px solid #444;
+    color: #edffff; /* For text buttons */
+    fill: #edffff; /* For SVG buttons */
+    border-radius: 4px;
+    padding: 5px 12px;
+    margin: 2px 3px;
+    cursor: pointer;
+    overflow: hidden;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
+
 .cesium-button:focus {
-  color: #fff;
-  fill: #fff;
-  border-color: #ea4;
-  outline: none;
+    color: #fff; /* For text buttons */
+    fill: #fff; /* For SVG buttons */
+    border-color: #ea4;
+    outline: none;
 }
+
 .cesium-button:hover {
-  color: #fff;
-  fill: #fff;
-  background: #48b;
-  border-color: #aef;
-  box-shadow: 0 0 8px #fff;
+    color: #fff; /* For text buttons */
+    fill: #fff; /* For SVG buttons */
+    background: #48b;
+    border-color: #aef;
+    box-shadow: 0 0 8px #fff;
 }
+
 .cesium-button:active {
-  color: #000;
-  fill: #000;
-  background: #adf;
-  border-color: #fff;
-  box-shadow: 0 0 8px #fff;
+    color: #000; /* For text buttons */
+    fill: #000; /* For SVG buttons */
+    background: #adf;
+    border-color: #fff;
+    box-shadow: 0 0 8px #fff;
 }
+
 .cesium-button:disabled,
 .cesium-button-disabled,
 .cesium-button-disabled:focus,
 .cesium-button-disabled:hover,
 .cesium-button-disabled:active {
-  background: #303336;
-  border-color: #444;
-  color: #646464;
-  fill: #646464;
-  box-shadow: none;
-  cursor: default;
+    background: #303336;
+    border-color: #444;
+    color: #646464; /* For text buttons */
+    fill: #646464; /* For SVG buttons */
+    box-shadow: none;
+    cursor: default;
 }
+
 .cesium-button option {
-  background-color: #000;
-  color: #eee;
+    background-color: #000;
+    color: #eee;
 }
+
 .cesium-button option:disabled {
-  color: #777;
+    color: #777;
 }
-.cesium-button input,
-.cesium-button label {
-  cursor: pointer;
+
+.cesium-button input, .cesium-button label {
+    cursor: pointer;
 }
+
 .cesium-button input {
-  vertical-align: sub;
+    vertical-align: sub;
 }
+
 .cesium-toolbar-button {
-  box-sizing: border-box;
-  width: 32px;
-  height: 32px;
-  border-radius: 14%;
-  padding: 0;
-  vertical-align: middle;
-  z-index: 0;
+    box-sizing: border-box;
+    width: 32px;
+    height: 32px;
+    border-radius: 14%;
+    padding: 0;
+    vertical-align: middle;
+    z-index: 0; /* Workaround for rounded raster image corners in Chrome */
 }
+
 .cesium-performanceDisplay-defaultContainer {
-  position: absolute;
-  top: 50px;
-  right: 10px;
-  text-align: right;
+    position: absolute;
+    top: 50px;
+    right: 10px;
+    text-align: right;
 }
+
 .cesium-performanceDisplay {
-  background-color: rgba(40, 40, 40, 0.7);
-  padding: 7px;
-  border-radius: 5px;
-  border: 1px solid #444;
-  font: bold 12px sans-serif;
+    background-color: rgba(40, 40, 40, 0.7);
+    padding: 7px;
+    border-radius: 5px;
+    border: 1px solid #444;
+    font: bold 12px sans-serif;
 }
+
 .cesium-performanceDisplay-fps {
-  color: #e52;
+    color: #e52;
 }
+
 .cesium-performanceDisplay-throttled {
-  color: #a42;
+    color: #a42;
 }
+
 .cesium-performanceDisplay-ms {
-  color: #de3;
+    color: #de3;
 }