Commits

Christian Krebs committed bf6c58b

Testing new template.

  • Participants
  • Parent commits a9a5154

Comments (0)

Files changed (3)

resources/syntaxhighlight/js/templates.js

     context.text += token;
   };
 
+  var onjstoken2 = function(context, token_type, token)
+  {
+    var class_name = "";
+    switch (token_type)
+    {
+      case LINETERMINATOR:
+      {
+        if (context.online)
+        {
+          context.online();
+        }
+      }
+      case IDENTIFIER:
+      {
+        if(token in js_keywords)
+        {
+          class_name = 'js_keywords';
+        }
+        else if(token in js_builtins)
+        {
+          class_name = 'js_builtins';
+        }
+        else
+        {
+          break;
+        }
+      }
+      case STRING:
+      case NUMBER:
+      case COMMENT:
+      case REG_EXP:
+      {
+        if (context.text)
+        {
+          context.template.push(context.text);
+          context.text = "";
+        }
+        var tmpl = ['span', {'class': class_name || classes[token_type]}, token];
+        context.template.push(tmpl);
+        return;
+      }
+    }
+    context.text += token;
+  };
+
   var onjstokenmarkup = function(token_type, token, online)
   {
     var class_name = "";
     return context.template;
   };
 
+  this.highlight_js_source_2 = function(script, online)
+  {
+    var context =
+    {
+      template: [],
+      text: "",
+      online: online
+    };
+    // the js implementation of bind causes a noticable overhead here
+    // when we get a native implementation we can adjust the code
+    tokenizer.tokenize(script, function(token_type, token)
+    {
+      onjstoken2(context, token_type, token);
+    });
+    return context.template;
+  };
+
   this.highlight_js_source_markup = function(script, online)
   {
     var markup = "";

tests/js-highlight-performance/dragonfly.css

-/**
- *    Copyright 2006 - 2011 Opera Software ASA
- *
- *    Licensed under the Apache License, Version 2.0 (the "License");
- *    you may not use this file except in compliance with the License.
- *    You may obtain a copy of the License at
- *
- *        http://www.apache.org/licenses/LICENSE-2.0
- *
- *    Unless required by applicable law or agreed to in writing, software
- *    distributed under the License is distributed on an "AS IS" BASIS,
- *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- *    See the License for the specific language governing permissions and
- *    limitations under the License.
- *
- **/
-
+/**
+ *    Copyright 2006 - 2011 Opera Software ASA
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ *
+ **/
+
 
 
 /* dfbuild: concatenated from: ./ui-style/ui.css */
 /* Font stack defaults */
-viewport, .info-box, #about-authors pre {
-  font-family: "Dejavu Sans", "Bitstream Vera Sans", "Lucida Grande", "Segoe UI", Tahoma, sans-serif;
+viewport,
+.info-box,
+.ui-button {
+  font-family: "Lucida Grande", "Dejavu Sans", "Bitstream Vera Sans", "Segoe UI", Tahoma, sans-serif;
   font-size: 11px;
   color: #444;
 }
 
-.dom div, .js-source div, .console-output, .console-output pre, .console-input, .console-input textarea, property, rule, font-face-rule, page-rule, import-rule, charset-rule, media-rule, examine-objects, examine-objects item, .storage-table td, .storage-table .new-key, .repl-input, .repl-output  {
-  font-family: "Menlo", "Dejavu Sans Mono", "Bitstream Vera Sans Mono", "Consolas", "Monaco", "Lucida Console", monospace;
+.mono 
+{
+  font-family: "Menlo", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Consolas", "Monaco", "Lucida Console", monospace;
   font-size: 11px;
+  line-height: 15px;
   color: #111;
 }
 
-textarea, input {
-  font-size: 11px;
-}
-
+textarea,
+input,
+code,
+pre 
+{
+  font: inherit;
+}
 
 /* UI Style */
-viewport {
+viewport 
+{
   width: 100%;
   height: 100%;
   display: block;
   overflow: hidden;
-  }
-
-main-view { /**/
+  cursor: default;
+}
+
+main-view {
   width: 100%;
   display: block;
-  }
-
-windows-container, 
-toolbar, 
+}
+
+windows-container,
+toolbar,
 modebar,
-tabs, 
-container, 
-top-tabs, 
-top-container, 
-top-toolbar {
-  display: block;
+searchbar,
+tabs,
+container,
+top-tabs,
+top-container {
   position: absolute;
-  }
-
-panel-toolbar {
-  display: block;
 }
 
 panel-container {
   position: relative;
 }
 
-top-toolbar, top-tabs, modebar, tabs {
-    border-bottom: 1px solid #999;
-}
-
-/* set with css. height, border and padding are supported */
-
-top-container { /**/
+container,
+top-tabs,
+tabs,
+modebar,
+searchbar,
+toolbar,
+panel-toolbar,
+window-toolbar,
+.js-dd-filter-bar
+{
+  border: 0 solid #999;
+}
+
+top-tabs,
+tabs
+{
+  border-bottom-width: 1px;
+}
+
+modebar
+{
+  border-top-width: 1px;
+}
+
+top-container
+{
   background-color: #e6e6e6;
-  }
-
-/* set with css. height, border and padding are supported */
-
-container { /**/
-  border-left: 1px solid #999;
-  border-right: 1px solid #999;
+}
+
+container
+{
+  border-width: 0 1px;
   background-color: #fefefe;
   overflow: hidden;
-  } 
-
-window-statusbar { /**/
+}
+
+window-statusbar
+{
   display: block;
-  background: #e1e4e9 url('../ui-images/window-dragger.png') no-repeat 100% 100%;
-  border-top: 1px solid #ccc;
+  background: #e6e6e6 url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEX///+Xmp+go6jw8/huz/2UAAAAAXRSTlMAQObYZgAAADVJREFUeF5VyTkRADAIBdEck4YmlpCAJKQgJZIiAX7BDGyxzRstwQz7FSYHLA3Yr8IBEOAmOAiPCMuGaT/yAAAAAElFTkSuQmCC') no-repeat 100% 100%;
   line-height: 20px;
   height: 20px;
-  }
-
-info { /**/
-  padding: 0 7px;
-  }
-
-
-.scroll {
-  overflow: auto;
-  }
-	
-top-toolbar { /**/
-  height: 22px;
-  padding: 5px 4px 3px 4px;
-  background: #f3f3f3 url("../ui-images/shine_1_attached.png") repeat-x;
-  }
-
-
-
-window-toolbar { /**/
+}
+
+window-toolbar
+{
   display: block;
-  height: 26px;
-  background-color: #e1e4e9;
-  border-bottom: 1px solid #999;
-  }
-
-/* set with css. height, border and padding are supported */
-
-toolbar, panel-toolbar { /**/
-  border: 0 solid #999;
+}
+
+toolbar,
+panel-toolbar,
+window-toolbar,
+.js-dd-filter-bar
+{
   border-width: 0 1px 1px;
-  padding: 3px 2px 2px;
-  height: 21px; /* 21 + 3 + 2 (padding) = 26 */
-  background: #f3f3f3 url("../ui-images/shine_2.png") 0 0 repeat-x;
-  }
-panel-toolbar {
+  padding: 3px 2px;
+  height: 21px; /* 21 + 3 + 3 (padding) = 27 */
+  background-color: #e9e9e9;
+  background-image: -o-linear-gradient(-90deg,
+                                       rgba(255, 255, 255, 0.85) 0,
+                                       rgba(255, 255, 255, 0.25) 100%);
+}
+
+panel-toolbar
+{
+  display: block;
   border-width: 0 0 1px 0;
-}
-toolbar-buttons, toolbar-switches {
+  background-color: #e9e9e9;
+  background-image: -o-linear-gradient(-90deg,
+                                       rgba(255, 255, 255, 0.55) 0,
+                                       rgba(255, 255, 255, 0.25) 100%);
+  border-color: #bfbfbf;
+  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.35),
+              inset 0 1px 1px 0 rgba(255, 255, 255,0.9);
+}
+
+toolbar-buttons,
+toolbar-switches
+{
   display: block;
   float: left;
   height: 100%;
-  }
-
-button[handler="reload-window"] {
-    content: url("../ui-images/icons/icon_reload.png");
-}
-[handler="top-window-close"] {
-    content: url("../ui-images/icons/icon_close.png");
-}
-[handler="toggle-console"] {
-    content: url("../ui-images/icons/icon_console.png");
-}
-[handler="toggle-settings-overlay"] {
-    content: url("../ui-images/icons/icon_settings.png");
-}
-[handler="toggle-remote-debug-config-overlay"] {
-    content: url("../ui-images/icons/icon_remote.png");
-}
-[handler="top-window-toggle-attach"] {
-    content: url("../ui-images/icons/icon_attach.png");
-}
-.attached [handler="top-window-toggle-attach"] {
-    content: url("../ui-images/icons/icon_detach.png");
-}
-[handler="dom-inspection-snapshot"] {
-    content: url("../ui-images/icons/icon_expand.png");
-}
-[handler="dom-inspection-export"] {
-    content: url("../ui-images/icons/icon_export.png");
-}
-[key="dom.find-with-click"] {
-    content: url("../ui-images/icons/icon_click.png");
-}
-[key="dom.highlight-on-hover"] {
-    content: url("../ui-images/icons/icon_hover.png");
-}
-[key="dom.lock-selected-elements"] {
-    content: url("../ui-images/icons/icon_border.png");
-}
-[key="stylesheets.shortcuts"] {
-    content: url("../ui-images/icons/icon_shorthand.png");
-}
-[key="css-comp-style.hide-initial-values"] {
-    content: url("../ui-images/icons/icon_hidedefaults.png");
-}
-[key="css-inspector.hide-shorthands"] {
-    content: url("../ui-images/icons/icon_shorthands.png");
-}
-[key="dom_attrs.hide-null-values"] {
-    content: url("../ui-images/icons/icon_empty.png");
-}
-[id="continue-run"] {
-    content: url("../ui-images/icons/icon_play.png");
-}
-[id="continue-step-into-call"] {
-    content: url("../ui-images/icons/icon_stepinto.png");
-}
-[id="continue-step-next-line"] {
-    content: url("../ui-images/icons/icon_stepover.png");
-}
-[id="continue-step-out-of-call"] {
-    content: url("../ui-images/icons/icon_stepout.png");
-}
-[key="js_source.script"] {
-    content: url("../ui-images/icons/icon_haltonscript.png");
-}
-[key="js_source.error"] {
-    content: url("../ui-images/icons/icon_haltonerror.png");
-}
-[key="threads.log-threads"] {
-    content: url("../ui-images/icons/icon_threads.png");
-}
-[key="inspection.show-prototypes"] {
-    content: url("../ui-images/icons/icon_prototype.png");
-}
-[key="inspection.show-non-enumerables"] {
-    content: url("../ui-images/icons/icon_hidedefaults.png"); /* temporarily using this icon */
-}
-[key="inspection.show-default-nulls-and-empty-strings"] {
-    content: url("../ui-images/icons/icon_empty.png");
-}
-[handler="threads-clear-log"] {
-    content: url("../ui-images/icons/icon_clear.png");
-}
-[handler="threads-export-log"] {
-    content: url("../ui-images/icons/icon_export.png");
-}
-[handler="clear-request-list"] {
-    content: url("../ui-images/icons/icon_clear.png");
-}
-[key="request_list.clear-log-on-runtime-switch"] {
-    content: url("../ui-images/icons/icon_clearonreload.png");
-}
-[key="request_list.auto-scroll-request-list"] {
-    content: url("../ui-images/icons/icon_autoscroll.png");
-}
-[handler="storage-add-key"] {
-    content: url("../ui-images/icons/icon_add.png");
-}
-[handler="storage-update"] {
-    content: url("../ui-images/icons/icon_reload.png");
-}
-[handler="storage-delete-all"] {
-    content: url("../ui-images/icons/icon_clear.png");
-}
-[handler="storage-delete"] {
-    content: url("../ui-images/icons/icon_delete.png");
-}
-[handler^="clear-error-console"] {
-    content: url("../ui-images/icons/icon_clear.png");
-}
-[key="console.expand-all-entries"] {
-    content: url("../ui-images/icons/icon_expand.png");
-}
-cst-icon[class="debugger-menu"] {
-    content: url("../ui-images/icons/icon_tabs.png");
-}
-toolbar button,
-panel-toolbar button,
-top-toolbar button,
-window-controls button,
-cst-select-toolbar-setting,
-.ui-button,
-cst-select,
-toolbar button[disabled]
-{
-  background: #e6e6e6 url("../ui-images/shine_button.png") repeat-x;
-  border: 1px solid rgba(0, 0, 0, .5);
+}
+
+/* Pop-ups */
+cst-select-option-list,
+#contextmenu,
+.tooltip-container,
+.error-description
+{
+  background-color: #ededed;
+  background-image: -o-linear-gradient(-90deg,
+                                       rgba(255, 255, 255, 0.25) 0,
+                                       transparent 25px);
+  border-radius: 4px;
+  padding: 8px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.9),
+              0 1px 6px 0 rgba(0, 0, 0, 0.45),
+              0 0 1px 1px rgba(0, 0, 0, 0.3);
+  color: #333;
+}
+
+.ui-button[handler="reload-window"]::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbdJREFUeNqslM1LAmEQxvdDd/1Ao07d1MKovC8JXjch2IPQuYuw0UH/gKCjEGwnvQWdxaRLdBAvQXTr65Ydkgg6iJGYkR/puj1vvEurbBHkwM/ZGd99nJ2ZlTUMg/mvccwEbCIiDvOCZVlrfgasgmUwBV7BHSiBBjlgbQNrBhaRJZAEH0Afq1oEB6BiFRl/HC/P8yoRCAQC79lsttJsNi9yuVwFcRv5LsdxSVrptxFFUxXeqSjKVigU2sG1BKYBR70UDoe3cWzX7XZvmPd93WsVoUKher2+YtfATCYjw+25XC7NKuIYP4jePOCLRzsRSZIu4db6/T5nOx2YB+yDAW0y+eDBITgmiUQi4Sc5VKLb7kksFiOCb+CF0ojH41eo6tY8o+v6OhEJBoPPtpXQvnD01xm/3z8AN6jqHuECUDqdzqIoioaqqmc/PQ4xAQwFQWBarZa3WCyScW7SfelDYJhKpc7T6fT1b2vvkmW5WigUTiORSM3j8fRIj+C7iJ/y+XxJ07QTVNceGYY53mg0OuXz+dRyuXyEsAbmwSzd0h7NVU2BkbffMm8nmPvrS2fdE3YS/yefAgwAdyfO45H6bSoAAAAASUVORK5CYII=');
+}
+
+
+/* Window control buttons */
+
+#toggle-console::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARVJREFUeNpi/P//PwOlgImBCoAqhjCAvAPDQBBEisEwfSgaWFlZ7YBUORDzkO0dZmbmXyADmJiY6oG0NLmGsACpv//+/fsFNKgWyNYn2ZCpU6ee5AYCEBto0FsgVUiyIfHx8TtramougoIH5DAg/kKMISzIHEZGRlGgl2yBzE9QQ9hJdgnQkMq/f/9+BxnOxsbG3dHRcZLkdMLOzj4XKDRNSEho2po1ayKAYuLE6GVBE2dVVFT8vHXr1h2amprHgC77BA2feUDMh+xoIAYFfCKGdxwcHG5eu3ZtFdCAvVADGDw9PRkFBAR+AplfoQENxkDX/oabiJaL1YH4FtCA/0hOBllkD8TcaK7+DMQHsRkycLkYIMAA7Btoyr+qeIIAAAAASUVORK5CYII=');
+}
+
+#toggle-settings-overlay::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgJJREFUeNqskj1oWlEUx30v+l7ee/rqxzMdpGRoS50CFaqbQ9YkiFOknQOSSQN1sHRxq7SZpDh1cWuGgASXDiUZHaR0CCGBkFHMK0Ipyrui9n+So5imurQXftxz7se555z/lcfjsetfkV3/YdwEkSRpHhvgE9iad2YaZGY8AjnwhPYMw3iB+dLr9T7n/QdgG5izlySqaRJR07Rcv99fhamCPuOwTyMEhqqqnjqO85EW7vWkUql8k2VZwLzmAEv8Ks0Sr/cKhcL5vZ5Mhs/na+m6PoTphu0plUpneOmYZvhuCoYSh/Cbd5pA6dAlkAHvwAewn8/nX2LP4jNWsVik/X3wHrwF65TEtJxIJLKMaZPawrHVWCx2gl7ZrJ6dTqe/wlzmsh6CHb/fr03LKZfLIpVKNcPhsOCsXNlsdmU242QyabHpDgaDAn6r2+2KqTocnVSJoCevoNBYUZQlIQQp8B2swd+FP4Tco06ncwAl28jwnO67OV2KdAV0LsnBBVLkDVAAXPGTzkJaw7Ks016vZ89TZ4P/hGGaJqn0C/ygGRnSQ/pgMFBHo1FmrsT1ev04kUicNRqNo3a7/TkQCAyw7AmFQo5t2wfVavVLNBq9qtVqf5V4YnvAM6ABCQq9xvJhPB7fIx+YYA0od+7PBvlzYO8p2ASPF5y5beyCQBfMwsd+CzAAuZMRO3KMLiMAAAAASUVORK5CYII=');
+}
+
+#toggle-remote-debug-overlay::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbFJREFUeNrMlD9Iw1AQxpM0tWkUgyiIIAZE0NIOCqUI3YT6ByfHFodSXOqSoWNnR13FTV06FCIunVyk6BZF4la04CKlFiqUxkq0fk8uEkmLgw4e/Hj3Xt59uXf3Er7b7XK/NYH7AxMdh+f5PQwDND0FZ2ADjAIDmGCTYo5BxznFVya5XO4qEolU4TbAMoiBS9AC08AGdzSf+JYKUyPGwXw6nd7C8o4gCLsYh8EqSIEpMAuSYNEd6z5ODUMNiw3DMFKmaYqyLCfa7fYt1kfAJLin7Uq/wu6DQ4g9xePxG/g+CEbpeBzVpkW+xvZ6RCRJesHQhIBfVVX2dp9lWUOuwAB4/XQCAVaf516ZMF9EJpyu6xYTgfF9uuojPCISCDKnUqmoTFBRlA5GmZ4zYb9LJOgRQeo6anBSLpct27YTTCQUClWpFsyaYJA5+Xz+nO31tNhl6+AInTkolUphujOsrTNgjvxYzxbDlqj/YdTlLZvNXmiaVsd8gQr64NwPWL3nZRNFsYBpEcUsZDKZbayNYb5Gb47SdU8SsjuWdx1lhQr3Dq6RzeNPH54Ty/+bX8GHAAMAVPCpxPtj3VsAAAAASUVORK5CYII=');
+}
+
+#toggle-remote-debug-overlay.remote-active::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,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');
+}
+
+#toggle-remote-debug-overlay.alert::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAMAAAAMs7fIAAABQVBMVEUAAAAAAACqAAB/AAB/AACMCgr///////+RKCiVNTVVAAChHh6WPDySExONDQ2ZGBicGxv///+vVVW0VVWKCwuqVVWPGRmhKSmRJSWGDQ2NDQ2zQ0OTMzOZHh6MFBS/lJS7UFCRNzeUFxe7XV2QExOYHh6lMDCNEhK2SEj///+RHx+bKiqMFBSZJiZ/KiqZKCiNHByXMzOaKiqFCwuLDAyPHx+RPDyjKiqbISGeKyuMGRn66+v17Oz///////+XFBSWNzewOjqZGxuVNzeoMTGOCgqgJibakZGXGRmySEiSERGOERGFDAyJDQ2MHh6WKCi7a2uJCQmTJyeeKirUqqqTFBSRDw+RFBSZHh68WFi/f3+SFBSbHR2tODj57+/68PDGcXGXNTX///////////+ODg6hHR2SERGZFhaTEhKcGBiCs7zPAAAAZXRSTlMAAQMEAjMKAzOAA/Mz8/Dz8wEzGEQYgGiAE4BAgFUzDBMzKx52bSUbBwYxJDF4BjIJgHcXaBAzKhdvMzM2MzAlMxo3gFgZLgdjNfArFSUzMxMagHcM8zMzMhcEY4BRMjUJgBQaDrxv0t4AAADFSURBVHhehc/FcsNAEEXRmR6hJdkxMjMzMwSZmUEy/P8HRBlVeZnc5anuxUN/hvV+wcSybB01fA6MAShhZ74X8tpcCQJmFegRn7ULhbDbc0SUBdGFWkpI+wNBYlkaoppRJBqLi0mytTZkoaCMnHv/KG5kaUEluVyp1kDSgIomoWar3RG7TH/AUBmO0Hgync23GQBdaDvC7t6+eACHK/qFj09Oz84vLq+u4cYQ0+3d/cPj0/MLxq9vdIWV4zje+vn1vVn6fz99fhmcAjiUUQAAAABJRU5ErkJggg==');
+}
+
+#top-window-toggle-attach::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALpJREFUeNpi/P//PwOlgImBCoAqhrAgcxgZGecDqV9E6GMDBkMiVkOA4DUQ/wBiVjwG/AZiTpwugdpwiJAzODk5HfEZwgL00hZChnBwcLjgC1hmIsOSmRqGsOD1jpSUVMXHjx9t+Pn5zwBpE2z027dv2fAZwpyQkMCgra39+Pbt2wyqqqpY6Y6ODiZ83gHzgQpf4qMJhQkLOSmdETkDAqN3FZDiJcKQz0B9YVhtBkosIifvMA6aogAgwAA481LiwZbnqAAAAABJRU5ErkJggg==');
+}
+
+#top-window-toggle-attach.attached::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNpi/P//PwOlgImBCoAFxmBkZEQWTyVC7y+gLxaiGIIGvhBhyB8Ml2ABywkYEkqbMAGCFUD8G4nvhaYWFGi/gDgJnyHvgfgHELPiCgMODg6WHz9+4HYJUAHj9+/f9+JzNlCNL17vAKOLBRjNW/AZws7OHowU/R+weYeZyHCcjS/FEmMIM6FkT7YhcO/8/PmTA0jtJGDIe0IBO58Il/xGy2OQBDRoigKAAAMAss4qxfUrOswAAAAASUVORK5CYII=');
+}
+
+#top-window-close::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVRJREFUeNrMk71OwzAUhWtLUcpAKXbyALwFj0ChO+8Bc8UACAlo2oFKKAgpDCxMrKyR8jOEV2EBFiI1nINsFIWkC0stXR3fv0/2dSKqqur9d4m1gfQIMaAN2C3sFDbsKN+ETVhn+2jSZoMgqDzP+8DWlVIet4AGiB9RlVKfrSeBySzL9gG6RPgaDefQbVO2Bf8MOgXgKs/zg/pJ6teh9glC4RTuDI0X0B0DnDNuAP1OiAUlSTJGw4wgNlPpM8584wZ/IRYUhuGhBVDpW0AT8vvEQog6RzmOMynL0sF+CZPw4ZZ8uTcLsUu2PKPCDE7QMMCQRRRFr1T6jDO/6jvh0ihcQB+01mEcxxzikEqfcZPXnTNBAT+2R9/37/hKtSH+vBrjzKPuZtVgn1F4XxTFHmJu48RumqYj5jGfp87BYj/G9h2Wwf9quTrBuzCe8GX9/uJvAQYALHwWe/SgQOcAAAAASUVORK5CYII=');
+}
+
+/* View buttons */
+.search::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABWklEQVR42s2Tv0rDUBSHha6Ck+BiJlenNGlL2xTSlkKgbf5s3XyDvkCHDiFLBV18Ax/AoYNPIHRQCbQpHSVRkCDioGByOf7OEHBLaBEMfOTehPtxzj3n7BHRzvxjiSzL++AcLEEIbsBpYQkLFEUJALXb7dS27YTX5XL5G//0QpJGo3FRqVRoNpuREOIV39aLxYKazSbV6/UXiEq5kk6n89btdilJkkvsswO667oCchYpuZJer5eapikyQcZkMrmv1Wrked5ZrmQ8Hn9pmkYIe/Drng4h/0CUtNls9FxJEAS3rVaLqtWqwOFrcIU0nvv9Po1GIzGdTo+LlPjE9/1Px3GIq8Loui5QJTIMg+WPEB8UaTYVrOM4ptVqxVV6j6IoHg6HxKmqqvrAoqIdewRkUAJShMeyLI6GkOIdl3ubtpfCMHzi1Obz+ZLl286OlKbpGu/BrgNY+pMp/gHqxhIkr+IsDwAAAABJRU5ErkJggg==');
+}
+
+.dom-inspection-snapshot::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOVJREFUeNpi/P//PwOlgImBCoCFkAJGRsYZUCbIyX9BeoCuzyDJJUANW0A4Ojr6MpD7Aog/kuOdLUDXMC1dulQnMjISZAAbNpvwYqhFM8PCwgqBfDUgewq6GhYcYcAKDQNWoKIEIL0ZiG9BMTPBgOXg4Pj548ePD1AuD9SwLUgu30pM7IBc8QeP/BaCAQu0CRRwfFDMicW7qwi6BOiV1VDXwDSBLAJpXAm0ACT3k+TYAWJGf3//aqhBYUC8DCMGiTAEhNWgBi0G4uUEoxhLGMAC8g/UK8wk5x2gTTMIWjRoigKAAAMAhz3Ddwa+hZMAAAAASUVORK5CYII=');
+}
+
+.dom-inspection-export::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQtJREFUeNpi/P//PwOlgImBCoAqhrDAGIyMjGxAKhqHuq9AvApdEBYULFg0nEXjgwxXopZ3uIF4PRCrk22It7c3yNXfgN5uBNIKyHKMMH8hhclZJG+0APFfkPeh9DuQxczMzEx///4tBup9hdclwsLCzEDqIxC/AeK3QPwBph5oAAvQoHKM2MEBOKBqQC75B8S/QYJcXFwMkydPPkjQEBYWlt8bN27c8/v3b+ZHjx5J+Pv7n1JWVo4Biv/r7e3dmJSUtB8lrqHhAgqDRCDWQ8MmQBwGDFh+oBc219bWZgLVCyDrZSE2drZs2fINSE0HBTwwEj5gTbFIwBhbigVqBIXHNmwWMA6vXAwQYADZ5VpLHkvTNQAAAABJRU5ErkJggg==');
+}
+
+.dom\.find-with-click::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVtJREFUeNpi/P//PwOlgImBGgDkEmSMxfB+JDYrNj24XALSaAdiiIuLc0LFQPwpRHunqanpGDMzcwGQqRgSEnIcSCswMjKW1NbWHibaO0BaaMuWLWFAmm/q1KmqQJp3/fr1kUBaBKseLIbMAOJZQkJC4SAO0AWLgZQo0Fv+IHEQJhgmQMElQLzI3Nz8O5ArBGSLAg2amp2d/RgkDsLExo4DUONOKSkpUyB7KxBvAvLXgsKG6NiRlJQ0b2lpWfv06dN7sMAHKmYDGjQZyNRAV8+CzZBnz55tAlKvgZreQtX8BYkDw+mTiIiIPJB5g2AUAzVfB+I3UC4zCwvYLhYtLa1bN27cuEBsmMCBt7d3y/bt2yOZmJj2AvFuoBAfMVGMbgkonXBZWFhMAHIPsbGxZaPrYSGUt4Deug2ily1btubt27cCDg4OD0j2DpI6DiA2AWJBdD2M1ChPAAIMAAjwINajQDjRAAAAAElFTkSuQmCC');
+}
+
+.dom\.highlight-on-hover::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOdJREFUeNpi/P//PwOlgImBCoAqhrAgcxgZGdmAVDQBPb+AQbAUpyFI4CweSzXJ8c5/isME6MVQig0B+l+PkEHEeAcUkGpAg8JADiMYO0jAGInNDMQ/gAZpAA2KANIXMbyMnGKBirAZuB6If4KkWVhYWIFqGn79+nWJVO+wQl3DHB4efgxowBNsAQfH2ICmpua0wsLCAiBzMysr6yqQoch6wPoIGQIUNwZiKaBhM4DcnczMzCHohhCTTs4C8bOYmJjtnJycv8zNzdlJ9g6SOv4fP364AWkZdJcQEzvIBgGVgLSgWggQYAD77Y2UtjsKqAAAAABJRU5ErkJggg==');
+}
+
+.dom\.update-on-dom-node-inserted::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNpi/P//PwOlgImBCoAFmcPIyIgubw7EiUD8F8lSkNOnAX1whRiXsLOysgYC6adA/AKEgfxP06ZNOwY04BVOlyADoAb/379//4OpYWdn5wYacD4pKWkn0MVvkMMSl0vE//79awd1OgsHBwfv9OnTzwEN2A4yAG+YwABQU+iPHz++geS5uLjY58yZczwyMnIX0ID3WK0EOQuGoUADiGcCcS8PD0/X8uXLw4Fy/Pj0MSL7DWgTE9DvXT9//hQEcr8DMShMBEBBBMT9QHwK2RCsYQKU+A/0xkYgtT4tLe02UIgNCH5OmDBhF1DsEc54xOIdEOBlZmZeyMnJOX/u3LkxQDkRvPqwGcLCwlLCy8s7f+3ataDwECBoORZDtIABOnvPnj3+QDFeonyAZgiTgIBA2dmzZz2BfE58+QWnIcBAVLt+/boJkM1GKNPhjGIgAKWHr8Co/kOMIfCkQY3yBCDAAPPW9L1px8r6AAAAAElFTkSuQmCC');
+}
+
+.dom\.lock-selected-elements::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPVJREFUeNpi/P//PwOlgImBCoAqhrDAGNLS0hyvX78+AWKLiopuANFAfgBMHk3s569fv8wxDGFjY2NQUFD4PnXq1PvHjh0Di1lZWV2DySOLJScnSyG7hBEWsIqKihyzZs2aB1R8i5DzLSwspN3d3VOxhgkxBoDAnj17ruEM2NmzZ4cQY8jChQvjcBrCysr6kxhDgOp+4DQEGD5ERfm/f/8Y8XnnOjGGLFiw4DJOQ6gSsNOmTYsmxpC5c+em4kwnv3//PgvE7FlZWUughsbAFCKLAfV8efXqlQGGIYyMjKCA9YGyt0AD2geuEFNsC4YhA56LAQIMAA5eeJiIqtBrAAAAAElFTkSuQmCC');
+}
+
+.stylesheets.shortcuts::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNpi/P//PwOlgJFqhjAyMnIA2RUk6v0B1NsBYrCgSdwk0gCQPmkYh4mBCoAFi1g6DrUzkeTm4jWku7v7NDYTSktL4XIgNr6ABYVJJhCjRxkjEE+HyoHAbFCY4ApYkG0n8bjkJDEuQQZ/gPgNEH8EYmEoZsQWxTBDsFkuB8QxQPwLiP8B8QIgfoesAJ5QCaRYWSDOBmIhbJIgvWD9lCR7qhqCLUzO4ohiY6gcA5QNdwALFtPrseZUoEUwOfSIoEpRABBgAKcwbqiDXEF1AAAAAElFTkSuQmCC');
+}
+
+.css-comp-style\.show-initial-values::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAARklEQVQ4jWP4//8/A6WYYgOob4ixsXEZEIfgo9HVYXOJAxBrEaDR1WG45D8hjK4Om0v2AfE2AjS6ukEcJoPHJaOxM9hyMQCsIPrElScAfwAAAABJRU5ErkJggg==');
+}
+
+.css-inspector.hide-shorthands::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNpi/P//PwOlgJFqhjAyMnIA2RUk6v0B1NsBYrCgSdwk0gCQPmkYh4mBCoAFi1g6DrUzkeTm4jWku7v7NDYTSktL4XIgNr6ABYVJJhCjRxkjEE+HyoHAbFCY4ApYkG0n8bjkJDEuQQZ/gPgNEH8EYmEoZsQWxTBDsFkuB8QxQPwLiP8B8QIgfoesAJ5QCaRYWSDOBmIhbJIgvWD9lCR7qhqCLUzO4ohiY6gcA5QNdwALFtPrseZUoEUwOfSIoEpRABBgAKcwbqiDXEF1AAAAAElFTkSuQmCC');
+}
+
+.dom_attrs.hide-null-values::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAi0lEQVQ4jWP4//8/A6WYwdjYmCKMbogWGk26IY6Ojt3INFmGmJmZfUGmyTIEyKlApoG4AYivoNEEwwQdXwEqqAdiBxBtbm5+iWRDUlNTVyHzc3JylpPlEmT+8HAJPHbQXUaUIbBYQaahch+QabLyTmlp6W5kmixDVq5cGYNMk2UIUJMIGs1AcVkCwgDHyGDRaNmZlwAAAABJRU5ErkJggg==');
+}
+
+#continue-run::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAN1JREFUeNpi/P//PwOlgImBCmCQG8LIyNgAxNJAzIANY6jHFrBAheuA1G8g3gXEK4D4K7I8uh5c3vkDxD+A2AmIZwKxNz6v45IAufk/1DAQHQ/Ek4FYlxRDmKAGMUAN+QXEIkDcAcTBxBrCDMQsUAxis4qIiPxobm7eCgyP8+iKWfC4BKSZiZub+39UVNTpyZMnn2FnZ78GDPRXGJEBEkDHQLCdlZV1nZeXV/ODBw+8gGJyQMyISw9WQ0xNTSecOnUqCMhWA2IM1xJlCBDrATE7rihFV884vHIxQIABAHsRmUtMJQAJAAAAAElFTkSuQmCC');
+}
+
+#continue-step-into-call::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARxJREFUeNpi/P//PwOlgHHwGcLIyCgIpPKA2BSLunAg/orNAJB+FhiHhYUlT1lZmWndunXztbS0fqKp/QW0BLdTQCZBXbP24sWL5kA2G5BdAMRsUCVrgHg7DswN0gv3jqSk5KwPHz4c/PHjx2p2dvbZv3///vjv3796oLwZUJoVhxt2AvFvuCFr1671S0hI8Pry5YsikPseiJmYmZlf/f37FxRO/6CaNoBsRzIkAKj/K3LsgCQNgViAj48vkouL6+fcuXPXeHt7bweGx3+o193RXAV2CXKYwIGhoWHH8+fPnYDinGjO3wzE+5Awapgghz5QTA9IXQWK/UWLBKwuwWoIGtgGxDw45LyA+r8QNASL7bhjZ5hlQEoAQIABAB6Po7obfWyVAAAAAElFTkSuQmCC');
+}
+
+#continue-step-next-line::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASJJREFUeNpi/P//PwOlgImBCoAqhrDAGIyMjIJAKheITbGoiwDir+iCsKCAG8LCwpKvr6//9cCBA7N5eHj+oan/BbQEp0sYYaYxMTGtun37douysvIVoAZkQ7bi0gzU643iEpBhQAOuohkAEp9OdJiAHAM04C+GUxkZtyBx1wExN5IFWzAMIWQjUNNMIMWKzyUshAwBuioHSHHhcwkjES6ZgtclQFtAMcUDZH4B4hog7gbin0B8AEkNuqGoLpGSknoDBGE/f/6cx8HBoQ+kJwEVVQJxDwMRTgTjtWvX+ggKCoKi8wgQg2zYzszMPJMYvXAGEHMBsQUQ+wBT7HpJScnF+/btcyfJEGRgamra/ezZMwegODvZhgD52kDMTGxQAAQYAH+HpFMfWA5SAAAAAElFTkSuQmCC');
+}
+
+#continue-step-out-of-call::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQdJREFUeNpi/P//PwPFAGQIFoMSgZiVWP1M2CTY2dmtgFQzEAsSYxAjzBWMjIziQCoPiPWA+DUQMwPBu79//xYD2f+IcglQQ7mdnd27169fz+Hl5f0vLi7+bdu2bTv/ExNosDABumT1iRMn9IBsZh0dnY4HDx64ANmcQCVrgHg7DswN0ssCM0xFReWpra2t6e/fvy8BJVYBhS4BDf4DZM/GE8i/UMJk586dLpGRkb7v37/XwqI4AIi/AvEGkO3I4kD9XxmRvMwBxIZALIzFkJ1AV/0GqnVHc9VOIP6NHDvExOZmNJf4oriEGEMocck2IObBIecF1P+FoCFYbGfA6RJKwDAzBCDAANhYmh/UFf/MAAAAAElFTkSuQmCC');
+}
+
+.js_source\.script::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQ1JREFUeNpi/P//PwOlgImBCoAqhrAgcxgZGWFMFSCOB+LnQDwNl2ZYUGB1CTs7e2JNTc0VoKKjJLsEBlhZWUX19PSOA132iOww+f37N9uBAwfeEh0oIH/BMBQYSEtLTwTymYnVi25IItArU27cuOGIRc8aIF6EzIbpQ/HOlStXLnh7e9/R0dHRxGLIV2CA/8bCRjVEW1v78uLFi7cCTbcAhS+aIf+gGJ2NaggwNv7w8PDc4eLi+q2urs6OZggjFKOzMWMHaNB/Tk7On9++fROhKNkHBwefefbsWTmQGYacfJDSFTKbgRE5F8OSPVBMCkhpAPEToNgtqJgPKAkB+TthbCDeiWHIgOZigAADAIFmd1AIs64LAAAAAElFTkSuQmCC');
+}
+
+.js_source\.error::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANZJREFUeNrEVMENwjAMjNOk2YUhOgE78GIxXkiwQD99MgMfBugAgETahLPUSpFJeTRIWDr15DQnn+OEYoyqNLT6QRiZICIWPgJPYPdt8+xCZxZ45eGc86vtoJJY17U3xviinkBIVVUVi0RQxUisVCKCKhQsvUpFxhCCrOQMHDJ8USRaaweRvicnlvK8iNaaeyIbGyZI/jlsHH3fn/gn0VuaIHleBJv3PHDAZdXYczRNc8MxD13XpWm7wBXJW8wWkNtMdq7Jddji45FrZw60WZG/PQVvAQYAc65HjXH908UAAAAASUVORK5CYII=');
+}
+
+.threads\.log-threads::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAvklEQVQ4y2P4//8/A6WYgeqGpKSkeBCL6WOIjY3NcWyYJEPWrl2bA8Lr16/PhmEQPzU11Z1UlxyD4bS0NDcQJtoQkEKY7Rs2bMgCYaABriBD5OXl+4SFhVcTZQjUZld0LCsre2Ljxo35pBiCbpCbiorKBZiXSAoTmAE8PDyHioqKppMVOzBX7dy5s0pCQuIQSYkN5GxknJ6e7gH0zkWKU6y7u/tmSUnJORQZsmzZsoyVK1dm4TUEiNNIwNQtCgARvpewUtgdkgAAAABJRU5ErkJggg==');
+}
+
+.inspection\.show-prototypes::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAwklEQVQ4y2P4//8/A6WYYegYYmxsbADEu4CYhyhDgAr/wzDMAFNT05e9vb0TgHw2ogyxsLD47+bm9h9EAw1gAxpwz9bWFsZHsQCnISYmJv/d3d3/g2ggYN6yZUu3vb391wULFiwH8htA2NLS8gehMGlAwiC+FNCgSTY2NudhYQI05Ds5sSMNxMmwMCHXEHRcQbYhQO/wg8IKFNDogUu0IVVVVeLW1tb//f39/1tZWZFvCDDKkWOPrDDhwBJ7Qy0DEoMBjjwofPG3nb0AAAAASUVORK5CYII=');
+}
+
+.inspection\.show-non-enumerables::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAARklEQVQ4jWP4//8/A6WYYgOob4ixsXEZEIfgo9HVYXOJAxBrEaDR1WG45D8hjK4Om0v2AfE2AjS6ukEcJoPHJaOxM9hyMQCsIPrElScAfwAAAABJRU5ErkJggg=='); /* temporarily using this icon */
+}
+
+.inspection\.show-default-nulls-and-empty-strings::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAi0lEQVQ4jWP4//8/A6WYwdjYmCKMbogWGk26IY6Ojt3INFmGmJmZfUGmyTIEyKlApoG4AYivoNEEwwQdXwEqqAdiBxBtbm5+iWRDUlNTVyHzc3JylpPlEmT+8HAJPHbQXUaUIbBYQaahch+QabLyTmlp6W5kmixDVq5cGYNMk2UIUJMIGs1AcVkCwgDHyGDRaNmZlwAAAABJRU5ErkJggg==');
+}
+
+.threads-clear-log::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNrEVMFqg0AQdXfdbNoUcjHQiyi02B/o94ifUegPFPoV/Z8evRR76aEQqTk1pN2gbN/ABMRYY0ihC4+3zsw+nzOqcM55py7p/cHyuwEhBNECuAGuALJKwQJ4AVZd92IvIMQd6BqwwLaVMsAEeMWZh0EnaZq+B0GwCsNwG0WR3cWLopiWZamrqvrec9/T2Ahu7tmJz49CRbVSStR1/Yj926GeUMEa+GSB3XJa6xnluzeWA1PTWZYtwTNmDahjRkwOdZ7n5MYwT36rHxLxYVu2md2MFlGtw6olIo8VkWgiddAxS4j19qTvZfMwyqemab5weQ4QnwEbY8zUWpuNmk6SJB+gOTu6YJ7HcVyNdoLYLbaXPfVL5J8Pfjv/9iv4EWAAEHRz3yQMxEkAAAAASUVORK5CYII=');
+}
+
+.threads-export-log::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQtJREFUeNpi/P//PwOlgImBCoAqhrDAGIyMjGxAKhqHuq9AvApdEBYULFg0nEXjgwxXopZ3uIF4PRCrk22It7c3yNXfgN5uBNIKyHKMMH8hhclZJG+0APFfkPeh9DuQxczMzEx///4tBup9hdclwsLCzEDqIxC/AeK3QPwBph5oAAvQoHKM2MEBOKBqQC75B8S/QYJcXFwMkydPPkjQEBYWlt8bN27c8/v3b+ZHjx5J+Pv7n1JWVo4Biv/r7e3dmJSUtB8lrqHhAgqDRCDWQ8MmQBwGDFh+oBc219bWZgLVCyDrZSE2drZs2fINSE0HBTwwEj5gTbFIwBhbigVqBIXHNmwWMA6vXAwQYADZ5VpLHkvTNQAAAABJRU5ErkJggg==');
+}
+
+.clear-request-list::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNrEVMFqg0AQdXfdbNoUcjHQiyi02B/o94ifUegPFPoV/Z8evRR76aEQqTk1pN2gbN/ABMRYY0ihC4+3zsw+nzOqcM55py7p/cHyuwEhBNECuAGuALJKwQJ4AVZd92IvIMQd6BqwwLaVMsAEeMWZh0EnaZq+B0GwCsNwG0WR3cWLopiWZamrqvrec9/T2Ahu7tmJz49CRbVSStR1/Yj926GeUMEa+GSB3XJa6xnluzeWA1PTWZYtwTNmDahjRkwOdZ7n5MYwT36rHxLxYVu2md2MFlGtw6olIo8VkWgiddAxS4j19qTvZfMwyqemab5weQ4QnwEbY8zUWpuNmk6SJB+gOTu6YJ7HcVyNdoLYLbaXPfVL5J8Pfjv/9iv4EWAAEHRz3yQMxEkAAAAASUVORK5CYII=');
+}
+
+.clear-log-network-view::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNrEVMFqg0AQdXfdbNoUcjHQiyi02B/o94ifUegPFPoV/Z8evRR76aEQqTk1pN2gbN/ABMRYY0ihC4+3zsw+nzOqcM55py7p/cHyuwEhBNECuAGuALJKwQJ4AVZd92IvIMQd6BqwwLaVMsAEeMWZh0EnaZq+B0GwCsNwG0WR3cWLopiWZamrqvrec9/T2Ahu7tmJz49CRbVSStR1/Yj926GeUMEa+GSB3XJa6xnluzeWA1PTWZYtwTNmDahjRkwOdZ7n5MYwT36rHxLxYVu2md2MFlGtw6olIo8VkWgiddAxS4j19qTvZfMwyqemab5weQ4QnwEbY8zUWpuNmk6SJB+gOTu6YJ7HcVyNdoLYLbaXPfVL5J8Pfjv/9iv4EWAAEHRz3yQMxEkAAAAASUVORK5CYII=');
+}
+
+.request_list\.clear-log-on-runtime-switch::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZpJREFUeNpi/P//PwOlgImBCoAqhjCAvIPmJXYgtgBiTyA2BGIWIA7DpQ+EWdDkZJmYmPKZgYCdnf3rly9fRIBi3zk4OH79+PFjFVHeYWVlTVFWVv744MGDnZ8/f95lYWFxHyj86ffv36zEhokgULFYbm7ueSkpqT2MjIx/b9++zScrK8sC9RIXwTCJjIwUBXKn2dramkLFpYHYBoq9gJgVV5gwIgUqm6qqauPTp09/f//+vQPI/wYV14BiAyD+B8RXgPgeUN8FDO8Anf9rwoQJ+4EBKgDkzgbiKLDJbGzpQMofiIWAGBTQvlxcXOHIroK7BGgIyGlcr1+/tpw8ebIS0EVP5s2bt/3WrVuuampqwUAlP0DKgDHFCnTpEiD7GM50AmQzA7EEEIPCiMHb25sfSC3Q0dFpNjMzqwe6dC6hdAJy0V8g9QJNmOXTp0+MQBf8g8YUqiSRCZv558+fbH/+/GEEsUnOOyYmJr+4ubn/vHz5UunZs2caPDw8PzBcjxywONIRyCJnaJ4Cgc9AtQeRw5GRGuUJQIABAMdNzOgxV3/gAAAAAElFTkSuQmCC');
+}
+
+.request_list\.auto-scroll-request-list::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA6UlEQVR42tWTO6qDUBRFQ0gGIX7QUaiFICjY2VhYCOIPniBEa8HOSTi2NJmChYLVDrsQrPIupnmvWOzDPri4V7gXAF/zDyWWZcG2bTBPSzzPQxAEYApJTNMEOXZRFCFJEjCFJK7rghy7NE1R1zWYQpIwDEGOXVmWaNsWTCFJHMcgpySO40w8QZZlIJx935+4UxQFmqZBkqTPkm3b0mEYnlVVgXBmx52u6zAMA7Is/3qd67IsP+M4vghndtypqip0kp3buq6PeZ5bznvfdR36vud/EZIQfnw/dkVRoGka5HmOb97OtPN3X/EbENspzypSTEQAAAAASUVORK5CYII=');
+}
+
+.storage-delete
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNrEVMFqg0AQdXfdbNoUcjHQiyi02B/o94ifUegPFPoV/Z8evRR76aEQqTk1pN2gbN/ABMRYY0ihC4+3zsw+nzOqcM55py7p/cHyuwEhBNECuAGuALJKwQJ4AVZd92IvIMQd6BqwwLaVMsAEeMWZh0EnaZq+B0GwCsNwG0WR3cWLopiWZamrqvrec9/T2Ahu7tmJz49CRbVSStR1/Yj926GeUMEa+GSB3XJa6xnluzeWA1PTWZYtwTNmDahjRkwOdZ7n5MYwT36rHxLxYVu2md2MFlGtw6olIo8VkWgiddAxS4j19qTvZfMwyqemab5weQ4QnwEbY8zUWpuNmk6SJB+gOTu6YJ7HcVyNdoLYLbaXPfVL5J8Pfjv/9iv4EWAAEHRz3yQMxEkAAAAASUVORK5CYII=');
+  content: "";
+  display: inline-block;
+  width: 17px;
+  height: 17px;
+}
+
+.clear-log::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNrEVMFqg0AQdXfdbNoUcjHQiyi02B/o94ifUegPFPoV/Z8evRR76aEQqTk1pN2gbN/ABMRYY0ihC4+3zsw+nzOqcM55py7p/cHyuwEhBNECuAGuALJKwQJ4AVZd92IvIMQd6BqwwLaVMsAEeMWZh0EnaZq+B0GwCsNwG0WR3cWLopiWZamrqvrec9/T2Ahu7tmJz49CRbVSStR1/Yj926GeUMEa+GSB3XJa6xnluzeWA1PTWZYtwTNmDahjRkwOdZ7n5MYwT36rHxLxYVu2md2MFlGtw6olIo8VkWgiddAxS4j19qTvZfMwyqemab5weQ4QnwEbY8zUWpuNmk6SJB+gOTu6YJ7HcVyNdoLYLbaXPfVL5J8Pfjv/9iv4EWAAEHRz3yQMxEkAAAAASUVORK5CYII=');
+}
+
+.console\.expand-all-entries::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOVJREFUeNpi/P//PwOlgImBCoCFkAJGRsYZUCbIyX9BeoCuzyDJJUANW0A4Ojr6MpD7Aog/kuOdLUDXMC1dulQnMjISZAAbNpvwYqhFM8PCwgqBfDUgewq6GhYcYcAKDQNWoKIEIL0ZiG9BMTPBgOXg4Pj548ePD1AuD9SwLUgu30pM7IBc8QeP/BaCAQu0CRRwfFDMicW7qwi6BOiV1VDXwDSBLAJpXAm0ACT3k+TYAWJGf3//aqhBYUC8DCMGiTAEhNWgBi0G4uUEoxhLGMAC8g/UK8wk5x2gTTMIWjRoigKAAAMAhz3Ddwa+hZMAAAAASUVORK5CYII=');
+}
+
+.disable-all-breakpoints::before,
+.ev-brp-remove-all-breakpoints::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAkZJREFUeNqsk8+LEmEYx53RsdkcdJEkkV2DxVoQD0rgQexQEenBWwc7eajALtnqxVMdPQjmYU9Gf4BCd2vZU0hHhQSlFYoc/HFpndGi1Bn7PjQj1myn7YUP74/neb/v8z7v8zKr1cp03saa/kOz6AOGYTbX3eAO2AU28A30wREY6U76LZj14LcIid4EN4AElkAls2bbBu/AMa2fKWKxWO4tl8urmH71+/1MOp0+dblcarfb5Wq1mrPT6ZCQADrg9TqfNNAme+AZeEzY7faDfD5/BTY7uAyuJxKJh7AdaH57+t51JNj0YDqdbnu93h/D4ZBfLBYMy7JWVVUPYZbJZzKZ7AcCgYQoiqogCBL8X/3xOrjGDjprKpX6ksvlxhzHbUFANZvNT+gM8nE4HB/D4bBI+YFpx/DEOJlDx41Go3ahUDjKZrOfIcQrimJCRE9JCHlbSZJEItb5fM4ZnpjneWU2m7H1el2A8ydc8y24WyqVriHKOYSyOL3U7/dpM0v+BhG32z3t9Xp23DuK6QcIjSHyBhuZcrlMQgpFhEjp6c3kb7hOPB5vU0BIFj1xVHv2cbFYrGcymRPkhqUUybLsgmkrFou114W68XecoVDoUavVuoTxRUBO78FpNBr1IMpbiMJK+QgGg5Nms/mS6slQbIPBIJhMJm83Go1dSihFplUrOX1HNEwkEhGr1eqxx+NpnVVs1LNgv1Kp3Pf5fM9tNtsLLB9ST3NaJzv5be79++/oYlQXlBsnuAB+aqGfwE/+5wc8T/slwABiXDKHLDn7sAAAAABJRU5ErkJggg==');
+}
+
+.delete-all-breakpoints::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAASRJREFUeNrEVMFqg0AQdXfdbNoUcjHQiyi02B/o94ifUegPFPoV/Z8evRR76aEQqTk1pN2gbN/ABMRYY0ihC4+3zsw+nzOqcM55py7p/cHyuwEhBNECuAGuALJKwQJ4AVZd92IvIMQd6BqwwLaVMsAEeMWZh0EnaZq+B0GwCsNwG0WR3cWLopiWZamrqvrec9/T2Ahu7tmJz49CRbVSStR1/Yj926GeUMEa+GSB3XJa6xnluzeWA1PTWZYtwTNmDahjRkwOdZ7n5MYwT36rHxLxYVu2md2MFlGtw6olIo8VkWgiddAxS4j19qTvZfMwyqemab5weQ4QnwEbY8zUWpuNmk6SJB+gOTu6YJ7HcVyNdoLYLbaXPfVL5J8Pfjv/9iv4EWAAEHRz3yQMxEkAAAAASUVORK5CYII=');
+}
+
+.ev-brp-expand-all-sections::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOVJREFUeNpi/P//PwOlgImBCoCFkAJGRsYZUCbIyX9BeoCuzyDJJUANW0A4Ojr6MpD7Aog/kuOdLUDXMC1dulQnMjISZAAbNpvwYqhFM8PCwgqBfDUgewq6GhYcYcAKDQNWoKIEIL0ZiG9BMTPBgOXg4Pj548ePD1AuD9SwLUgu30pM7IBc8QeP/BaCAQu0CRRwfFDMicW7qwi6BOiV1VDXwDSBLAJpXAm0ACT3k+TYAWJGf3//aqhBYUC8DCMGiTAEhNWgBi0G4uUEoxhLGMAC8g/UK8wk5x2gTTMIWjRoigKAAAMAhz3Ddwa+hZMAAAAASUVORK5CYII=');
+}
+
+.network_logger\.paused-update::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpi/P//PwOlgImBCmDwGMKCTZCRkbENSP0AYg4grgJiOB8YhlVEGQIEH6GYHwefKO+ADGdGsgSdT5QhTFANTDj4RLuEBc0lLKS6hBkJY+MTbQgLmiEs5BiCzSUsRKcTIOCCyrEh8zk4OBiJNgSYoHYgJTxk/m+siXN45WKAAAMAJmcaH1RSs8EAAAAASUVORK5CYII=');
+}
+
+.network_logger\.fit-to-width::before
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANRJREFUeNpi/P//PwOlgImBCmCYGcIAClgYBoI4IGYhoAUkH4esD8UlrKyslkCqEoh5cBgAEq+EqsPuHWZm5t9ASoiJiakVSEuhGSADFReCqsMZJiCn/gMCJkZGxiYgmwMqzgHkN4DEQfLoXmZCCx9mkK8EBAQYV6xYsQvI/wMV/wPig8RB8lB12AOWnZ19npKSUt/Fixe9gXw+NHV8p0+f9gHJg9ShRAgyx87OrvbDhw82QDYbjphkB8mD1OE0BIi1gJiJQJJggqqD62MczYAYACDAAJ2Vmh8xxcSQAAAAAElFTkSuQmCC');
+}
+
+.pseudo-items cst-icon
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAARklEQVQ4jWP4//8/A6WYYgOob4ixsXEZEIfgo9HVYXOJAxBrEaDR1WG45D8hjK4Om0v2AfE2AjS6ukEcJoPHJaOxM9hyMQCsIPrElScAfwAAAABJRU5ErkJggg==');
+}
+
+cst-icon[class="debugger-menu"]
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAK9JREFUeNpi/P//PwOlgImBCoAqhrDAGIyMjNjkG4H4BxCzQdkofFhQsCBpaIEqAAEOIK5hYmL68e/fv58gO8DORuNjuAQIPkAxCHCBiL9//16CaQC5FJ0P9wXMSUDBciD1ESYOxMJAzIonKNiBeivQXQJiMyPx3xMITwFs3mFC4xMds+guYSEnZpE1MaN5hxBgxmUICzUModglXCS6hA3DEGCc7yA37zAOmqIAIMAA0iYvlHFSCVYAAAAASUVORK5CYII=');
+}
+
+.ui-button
+{
+  display: inline-block;
+}
+
+.ui-button.ui-control::before,
+.container-button:empty::before
+{
+  content: "";
+  display: block;
+  height: 17px;
+  width: 17px;
+  background-position: 50%;
+  background-repeat: no-repeat;
+}
+
+.container-button:empty
+{
+  height: 18px;
+  padding-top: 2px;
+}
+
+.ui-button.text-button::before
+{
+  display: none;
+}
+
+.ui-button.text-button
+{
+  width: auto;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.ui-button.text-button:active
+{
+  padding-right: 5px !important;
+  padding-left: 5px !important;
+}
+
+.ui-control
+{
+  background: #e6e6e6 repeat-x -o-linear-gradient(-90deg,
+                                                  rgba(255, 255, 255, 0.75) 0,
+                                                  rgba(255, 255, 255, 0.25) 100%);
+  border: 1px solid rgba(0, 0, 0, .325);
   border-radius: 3px;
   height: 17px;
   width: 17px;
-  margin: 0 2px;
-  padding: 1px;
+  margin: 0 3px;
+  padding: 1px 5px;
   box-sizing: content-box;
   display: inline-block;
-  box-shadow: 0 1px rgba(255,255,255,0.5), inset 0 1px 1px #fff;
+  box-shadow: 0 1px rgba(255, 255, 255, 0.6),
+              inset 0 1px 1px #fff;
   vertical-align: top;
   -o-transition: background-color 0.2s;
 }
-toolbar button[disabled] { /* :disabled seems to be buggy */
+
+.ui-control[disabled],
+.container-button[disabled]
+{ /* :disabled seems to be buggy */
   background: #e0e0e0 !important;
   opacity: 0.4;
-  border-color: #333;
-}
-toolbar button:not([disabled]):active,
-top-toolbar button:active,
-window-controls button:active,
-cst-select-toolbar-setting:active,
-.ui-button:active,
-cst-select:active {
-    padding: 2px 1px 0;
-    box-shadow: 0 1px #fff, inset 0 1px 2px rgba(0, 0, 0, .4);
-    background-position: 0 1px;
-}
-cst-select:active {
-    padding: 1px;
-}
-toolbar button[is-active="true"],
-panel-toolbar button[is-active="true"],
-top-toolbar button[is-active="true"],
-window-controls button[is-active="true"],
-cst-select[is-active="true"] {
-    box-shadow: 0 1px #fff, inset 0 1px 2px rgba(0,0,0,0.1), inset 0 0 7px rgba(0,0,0,0.25);
-    background-color: #bfbfbf;
-    padding: 2px 1px 0;
-    background-position: 0 1px;
-}
-toolbar button[is-active="true"]:active,
-top-toolbar button[is-active="true"]:active,
-window-controls button[is-active="true"]:active {
-    background-color: #e6e6e6;
-}
+}
+
+.ui-control:not([disabled]):active,
+.ui-control.is-active {
+  padding-top: 2px;
+  padding-bottom: 0;
+  box-shadow: 0 1px #fff,
+              inset 0 1px 1px rgba(0, 0, 0, 0.15),
+              inset 0 0 4px rgba(0, 0, 0, 0.05);
+  background: #c6c6c6 repeat-x -o-linear-gradient(-90deg,
+                                                  rgba(255, 255, 255, 0.45) 0,
+                                                  rgba(255, 255, 255, 0.25) 100%);
+}
+
+.ui-control.is-active {
+  padding-top: 2px;
+  padding-bottom: 0;
+  box-shadow: 0 1px #fff,
+              inset 0 1px 1px rgba(0, 0, 0, 0.15),
+              inset 0 0 4px rgba(0, 0, 0, 0.15);
+  background: #c6c6c6 repeat-x -o-linear-gradient(-90deg,
+                                                  rgba(255, 255, 255, 0.45) 0,
+                                                  rgba(255, 255, 255, 0.25) 100%);
+}
+
+.ui-control.is-active:active {
+  background-color: #c6c6c6;
+}
+
+/* Grouping the toolbar buttons */
+/* All Buttons in a group*/
+toolbar-switches .ui-button.ui-control:not(:only-of-type),
+toolbar-buttons .ui-button.ui-control:not(:only-of-type),
+#toggle-settings-overlay,
+#toggle-remote-debug-overlay,
+#top-window-toggle-attach.attached,
+#top-window-close {
+  border-radius: 0;
+  border-right-width: 0;
+  margin: 0;
+}
+
+/* Leftmost Button*/
+toolbar-switches .ui-button.ui-control:first-of-type,
+toolbar-buttons .ui-button.ui-control:first-of-type,
+#toggle-settings-overlay,
+#top-window-toggle-attach.attached
+{
+  border-top-left-radius: 3px;
+  border-bottom-left-radius: 3px;
+  margin-left: 3px;
+}
+
+/* Rightmost Button*/
+toolbar-switches .ui-button.ui-control:last-of-type,
+toolbar-buttons .ui-button.ui-control:last-of-type,
+#toggle-remote-debug-overlay,
+#top-window-close
+{
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  border-right-width: 1px;
+  margin-right: 3px;
+}
+
 /* Show the button topmost when the overlay is visible */
-[handler="toggle-settings-overlay"][is-active="true"],
-[handler="toggle-remote-debug-config-overlay"][is-active="true"] {
-    position: relative;
-    z-index: 4;
-    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
-    border-color: #333;
-}
-[handler="toggle-settings-overlay"][is-active="true"]:active,
-[handler="toggle-remote-debug-config-overlay"][is-active="true"]:active {
-    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .5);
-}
-
-cst-select[cst-id="debugger-menu"] {
-    width: 33px;
-}
-cst-icon {
-    display: inline-block;
-    height: 100%;
-    width: 19px;
-}
-/*
-toolbar button:before, 
-top-toolbar button:before, 
-window-controls button:before, 
-window-toolbar button:before
-{
-  content: '\00A0';
+#toggle-settings-overlay.is-active,
+#toggle-remote-debug-overlay.is-active
+{
+  position: relative;
+  z-index: 301;
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+  border-color: #444;
+}
+
+#toggle-settings-overlay.is-active:active,
+#toggle-remote-debug-overlay.is-active:active
+{
+  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
+/* Alert state */
+.ui-control.alert
+{
+  background-color: #ff8040;
+  border-color: #bf3000;
+  color: #993d1f;
+  box-shadow: inset 0 0 1px #fff,
+              inset 0 0 10px #ff4433,
+              0 1px rgba(255, 255, 255, 0.5),
+              0 0 2px #ff0000;
+}
+
+.ui-control.alert:not([disabled]):active
+{
+  background-color: #ff8040;
+  border-color: #bf3000;
+  box-shadow: inset 0 1px 2px #bf1000,
+              inset 0 0 10px #ff4433,
+              0 1px rgba(255, 255, 255, 0.5),
+              0 0 2px #ff0000;
+}
+
+.ui-control.alert.is-active
+{
+  background-color: #e54c2e;
+  border-color: #bf3000;
+  box-shadow: inset 0 1px 2px #bf1000,
+              inset 0 0 10px #ff4433,
+              0 1px rgba(255, 255, 255, 0.5),
+              0 0 2px #ff0000;
+}
+
+.ui-control.alert.is-active:active
+{
+  background-color: #bf381d;
+}
+
+#toggle-settings-overlay.alert.is-active,
+#toggle-remote-debug-overlay.alert.is-active,
+#toggle-settings-overlay.alert.is-active:active,
+#toggle-remote-debug-overlay.alert.is-active:active
+{
+  border-color: #721;
+  box-shadow: inset 0 1px 2px #bf1000,
+              inset 0 0 10px #ff4433,
+              0 1px rgba(255, 255, 255, 0.2),
+              0 0 4px #ff0000;
+}
+
+.ui-control.dropdown,
+cst-select[cst-id="debugger-menu"]
+{
+  width: 28px;
+}
+
+cst-icon
+{
   display: inline-block;
-  background: transparent url('../ui-images/btn-test.png') scroll no-repeat 0 0;
-  height: 24px;
-  width: 26px; 
-  margin: -4px -12px;
-  vertical-align: 4px;
-}
-toolbar-switches button:before 
-{
-  background: transparent url('../ui-images/btn-test-switch.png') scroll no-repeat 0 0;
-}
-toolbar button[disabled]:before,
-toolbar button[disabled]:hover:before,
-toolbar button[disabled]:active:before,
-window-toolbar button[disabled]:before,
-window-toolbar button[disabled]:hover:before,
-window-toolbar button[disabled]:active:before
-{
-  background-position: 0 -72px;
-}
-.ui-button:hover,
-toolbar button:hover:before, 
-window-controls button:hover:before,
-window-toolbar button:hover:before
-{
-  background-position: 0px -24px;
-}
-.ui-button:active
-toolbar button:active:before, 
-window-controls button:active:before,
-window-toolbar button:hover:before
-{
-  background-position: 0px -48px;
-}
-/* switches /
-toolbar button.switch[is-active="true"]:before,
-window-toolbar button.switch[is-active="true"]:before
-{
-  background-position: -26px 0px;
-}
-toolbar button.switch[is-active="true"]:hover:before,
-window-toolbar button.switch[is-active="true"]:hover:before
-{
-  background-position: -26px -24px;
-}
-toolbar button.switch[is-active="true"]:active:before,
-window-toolbar button.switch[is-active="true"]:active:before
-{
-  background-position: -26px -48px;
-}
-.attached:before 
-{
-  background-position: -26px 0;
-}
-.attached:hover:before 
-{
-  background-position: -26px -24px;
-}
-.attached:active:before 
-{
-  background-position: -26px -48px;
-}
-
-/* mode modal /
-.modal toolbar button[disabled]:before,
-.modal toolbar button[disabled]:hover:before,
-.modal toolbar button[disabled]:active:before,
-.modal window-toolbar button[disabled]:before,
-.modal window-toolbar button[disabled]:hover:before,
-.modal window-toolbar button[disabled]:active:before,
-.modal toolbar button:hover:before, 
-.modal window-controls button:hover:before,
-.modal window-toolbar button:hover:before,
-.modal toolbar button:active:before, 
-.modal window-controls button:active:before,
-.modal window-toolbar button:hover:before
-{
-  background-position: 0 0;
-}
-
-.modal toolbar button.switch[is-active="true"]:before,
-.modal window-toolbar button.switch[is-active="true"]:before,
-.modal toolbar button.switch[is-active="true"]:hover:before,
-.modal window-toolbar button.switch[is-active="true"]:hover:before,
-.modal toolbar button.switch[is-active="true"]:active:before,
-.modal window-toolbar button.switch[is-active="true"]:active:before,
-.modal .attached:before,
-.modal .attached:hover:before,
-.modal .attached:active:before
-{
-  background-position: -26px 0;
-}
-
-*/
-toolbar-separator {
-  display: block;
-  float: left;
-  height: 21px;
-  margin: 0 3px;
-  /*border-left: 1px solid #fff;
-  border-right: 1px solid #8e8e8e;*/
-  }
-	
-toolbar-filters {
+  height: 100%;
+  width: 17px;
+}
+
+toolbar-filters,
+toolbar-search
+{
   display: block;
   float: right;
-  }
-
-filter {
-  display: inline-block;
+}
+
+toolbar-filters .ui-button.search-move-highlight-up
+{
+  content: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAS0lEQVQ4y2P4//8/A6WYYQQaAgQ7KDIECNYA8RKyDYEaMAWEyTIEyYAWIJ5ArkvqgZo7gLiBEkNgBrVQagjMoCnUSCf1o8l+AAwBAGfgO2e11HxWAAAAAElFTkSuQmCC');
+  border-radius: 10px 0 0 10px;
+  padding: 1px 2px;
+  margin: 0;
+}
+
+toolbar-filters .ui-button.search-move-highlight-down 
+{
+  content: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAR0lEQVQ4y2P4//8/A6WYYYQYAgQ7qGHIEiBeQ6khU6B4DSWGTADiFmIMImRIAxB3APn1FLmEkAEEw4QYAwilk/rRZD/AhgAApyE7Z3zA9UMAAAAASUVORK5CYII=');
+  border-radius: 0 10px 10px 0;
+  padding: 1px 2px;
+  margin: 0 2px 0 0;
+  border-left: 0;
+}
+
+filter,
+.advanced-search,
+.js-dd-filter-container
+{
+  margin: 0 2px;
   padding-left: 20px;
   height: 19px;
   line-height: 19px;
   border: 1px solid #8e8e8e;
   border-radius: 3px;
-  background: #fff url("../ui-images/icon_search.png") 2px 50% no-repeat;
-  box-shadow: 0 1px #fff, inset 0 1px 1px #d5d5d5;
-  }
-
-toolbar-filters span {
+  background: #fff url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV5JREFUeNrMk79Lw1AQx81Pq5I0JA1iJhEyZHTKoBYcndqtU3B08D8QlywuAeciBuIkFFxaURNSRRTJlk1Xx2To7CAYv5EGXkNoRZc++PDu7t19ubsQKsuyhf8eaj5FKIrKrwY4BJtgCbyCM/BGFk7UlUQa4ByxZUVRRhzHfaZpugqfwfMxiKpEfpwCFNkIhZZlHcFvgm3HcQ5omr7jef6y3EnBhMOy7I0kSVew14lkxTCMLsx7sFYlQpd2xCP4hZHeiRFHHzi5bZqmULlZUlHXdRehB9AkUjbQoS8IwiCOY3HmOK7r7mEvQ+Q8gVNwgk5yfyjLcg+jzhYBK57n7Wua1kPec44oin0wgP0IQQ+3OFVk/CiCrSRJ2lEUdWDvhmHYqtfr13mHELrIhaaKEO0yYHFs13zfb6GjW7gvDMN0fyVS8QFqQRC0VVXt27bd+ZNIIQR2gETWzc9f/C3AACyfOVXJkUpjAAAAAElFTkSuQmCC') 2px 50% no-repeat;
+  box-shadow: 0 1px #fff,
+              inset 0 1px 1px #d5d5d5;
+}
+
+filter
+{
   display: inline-block;
-  width: 140px;
-  color: #999;
-  vertical-align: top;
-  }
-
-filter input {
+}
+
+filter.filter,
+.js-dd-filter-container
+{
+  background-image: url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQY02NgYGC4CsTPiMAMAUQoCmeAAksgvoNFwQMgdmZAA5pAfAlJ0Q0g1mfAASSQFCowEABwx9NWIQD2VyHJkE9xvgAAAABJRU5ErkJggg==');
+  background-position: 5px 50%;
+}
+
+filter input
+{
   width: 138px;
   height: 19px;
-  margin-left: -140px;
   background: none;
   border: none;
   padding: 0;
   padding-right: 2px;
   color: #666;
-  }
-
-toolbar-filters filter.focus input {
+}
+
+toolbar-filters filter.focus input
+{
   color: #000;
-  }
-
-modebar {
+}
+
+modebar
+{
   height: 21px;
   line-height: 21px;
   background: #d7d7d7;
 }
-modebar.hidden {
+
+modebar.hidden
+{
   display: none;
 }
 
-window-select {
+searchbar
+{
+  border-top: none;
+  border-width: 0 1px 1px;
+  padding: 3px;
+  height: 21px; /* 21 + 3 + 2 (padding) = 26 */
+  line-height: 21px;
+  background: #eee;
+}
+
+.advanced-searchbar
+{
+  height: 43px;
+}
+
+window-select
+{
   position: relative;
   padding: 2px 0;
-  }
-
-window-select select {
+}
+
+window-select select
+{
   width: 100%;
   max-width: 400px;
   margin:0;
   height: 22px;
-  }
-
-window-select select option[value="-1"]  {
+}
+
+window-select select option[value="-1"]
+{
   color: #999;
-  }
-
-/* set with css. height, border and padding are supported */
-
-tabs { /* The bottom tabs containers */
-  height: 21px;
-  padding: 1px 2px 0; /* Tab will be pushed down one pixel, hence only 1 pixel at the top */
-}
-
-tab { /**/
-  display:block;
-  float:left;
-  height: 15px;
-  line-height: 15px;
-  padding: 2px 6px 3px;
-  border: 0 transparent solid;
-  border-width: 1px 1px 0;
-  position: relative;
-  top: 1px; /* Push down one pixel to hide the border */
-}
-
-tabs tab {
-  border-radius: 3px 3px 0 0;
-  margin-right: 1px;
-}
-
-tabs tab.active {
-  background: #fafafa;
-  border-color: #999;
-  box-shadow: 0 0 3px #ccc;
-}
-
-tabs tab:not(.active):hover {
-  background-color: #eee;
-  border-color: #ccc;
-  padding-bottom: 2px;
-}
-
-tabs tab:not(.active) {
-    color: #666;
-}
-
-input[handler="tab"] { /**/
-  font-size: 11px;
-  background: transparent url('../ui-images/tab.png') scroll no-repeat 100% 0;
-  border: none;
-  margin: 0 -4px 0 6px;
-  padding-left: 6px;
-  padding-right: 10px; /* to be removed when the close buttons are activated */
-  height: 17px;
-  line-height: 17px;
-  vertical-align: top;
-  }
-
-top-tabs { /* The top tabs container, replaced with, placed into or merged with top-toolbar */
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 30px;
-  background: #e6e6e6 url("../ui-images/shine_1_attached.png") repeat-x;
-  }
-top-tabs.detached {
-  height: 60px;
-  background-image: url("../ui-images/shine_1_detached.png");
-}
-top-tabs.detached tab {
-  background-image: url("../ui-images/shine_1_detached.png");
-}
-
-/* this is a quick hack to get the runtime button in the tabs bar */
-top-tabs toolbar-buttons { 
-  margin: -7px 3px 0 -2px;
-  }
-
-top-tabs tab {  /**/
-  height: 26px;
-  line-height: 26px;
-  border: 0;
-  border-right: 1px solid rgba(0,0,0,0.15);
-  padding: 2px 6px;
-  position: static;
-  text-shadow: 0 1px rgba(255, 255, 255, .5);
-  background: #e6e6e6 url("../ui-images/shine_1_attached.png") repeat-x;
-  -o-transition: background-color 0.2s;
-  box-shadow: inset 0 0 1px #fff;
-  }
-
-top-tabs.detached tab {
-  height: 60px;
-  min-width: 60px;
-  line-height: normal;
-  text-align: center;
-  padding: 0 5px;
-  line-height: .4;
-}
-
-top-tabs tab.active {
-  background-color: #cecece;
-  box-shadow: inset 0 0 15px rgba(0,0,0,0.1);
-
-}
-top-tabs tab.active:first-of-type {
-  border-left-color: transparent;
-}
-top-tabs.detached tab.active {
-  background-image: url("../ui-images/shine_1_detached.png");
-}
-top-tabs .icon {
-  display: inline-block;
-  height: 26px;
-  width: 26px;
-  vertical-align: middle;
-  margin-right: 3px;
-}
-
-.dom_mode {
-    background-image: url("../ui-images/documents_attached.png");
-}
-.js_mode {
-    content: url("../ui-images/scripts_attached.png");
-}
-.network_mode {
-    background: url("../ui-images/network_attached.png");
-}
-.storage {
-    background: url("../ui-images/storage_attached.png");
-}
-.console_mode {
-    background: url("../ui-images/errorlog_attached.png");
-}
-.utils {
-    background: url("../ui-images/utilities_attached.png");
-}
-
-button[handler="top-settings"]
-{
-  background: transparent none;
-  border-color: transparent;
-  border-style: solid;
-  padding: 1px 8px;
-  margin: 2px 4px;
-  float: right;
-  line-height: 10px;
-}
-button[handler="top-settings"]:before
-{
-  content: '\00A0';
-  display: inline-block;
-  background: transparent url('../ui-images/btn-config.png') scroll no-repeat 0 0;
-  height: 24px;
-  width: 26px; 
-  margin: -4px -12px;
-  vertical-align: 4px;
-}
-button[handler="top-settings"]:hover:before 
-{
-  background-position:0 -24px;
-}
-button[handler="top-settings"]:active:before
-{
-  background-position:0 -48px;
-}
-
-window-controls {
+}
+
+window-controls
+{
   display: block;
   position: absolute;
   top: 0;
   right: 0;
-  padding: 5px 4px 3px 0;
+  padding: 5px 3px 3px 4px;
   height: 22px;
-  background: #f3f3f3 url("../ui-images/shine_1_attached.png") repeat-x;
-}
-window-controls.attached::before {
-    content: url("../ui-images/window_controls_border.png");
-    height: 30px;
-    position: relative;
-    left: -2px; /* width of the image */
-    top: -5px; /* adjust for top padding */
-}
-window-controls toolbar-separator {
-    display: inline-block;
-    float: none;
-    height: auto;
-}
-
-
-
-
-.default-container {
+}
+
+window-controls:not(.no-tabbar)
+{
+  background-color: #f3f3f3;
+  background-image: -o-linear-gradient(-90deg,
+                                       rgba(255, 255, 255, 0.75) 0,
+                                       rgba(255, 255, 255, 0.25) 100%),
+                    -o-linear-gradient(-90deg,
+                                       rgba(0, 0, 0, 0.05) 0,
+                                       rgba(0, 0, 0, 0.3) 70%),
+                    -o-linear-gradient(-90deg,
+                                       rgba(255, 255, 255, 0.1) 0,
+                                       rgba(255, 255, 255, 0.6) 70%);
+  background-size: 100% 100%, 1px 100%, 1px 100%;
+  background-repeat: repeat, repeat-y, repeat-y;
+  background-position: left top, left top, 1px top;
+}
+
+window-controls.no-tabbar
+{
+  z-index: 2;
+}
+
+.default-container
+{
   padding: 7px;
-  }
-
-settings-container, settings, settings-header, checkboxes, checkbox, setting-composite {
+}
+
+settings-container,
+settings,
+settings-header,
+checkboxes,
+checkbox,
+setting-composite
+{
   display: block;
-  }
-settings-container label {
-    display: block;
-}
+}
+
+settings-container label
+{
+  display: block;
+}
+
 settings-container input {
-    margin-left: 0;
-    margin-right: 5px;
-}
-
-settings { /**/
+  margin-left: 0;
+  margin-right: 5px;
+}
+
+settings
+{
   margin: 12px 0;
   padding: 3px 0;
-  }
-
-settings-header { /**/
+}
+
+settings-header
+{
   font-size: 1.2em;
   clear: both;
-  }
-
-
-.apply-button input[type="button"] 
-{
-  float: right;
-  margin-right: 26px;
 }
 
 setting-composite select
 }
 
 settings-container { /**/
-  padding: 7px;
-  }
+  padding: 0 8px 8px;
+}
 
 settings hr
 {
   margin: 9px 26px;
 }
 
-view-slider { /**/
+.change-ui-lang-info
+{
+  padding: 7px 0;
+}
+
+.change-ui-lang-info a
+{
+  color: inherit;
+}
+
+.change-ui-lang-info ul
+{
+  margin-top: 5px;
+}
+
+view-slider
+{
   display: block;
   position: absolute;
-  }
-
-view-slider.vertical {
-  cursor: w-resize;
-  }
-
-view-slider.horizontal {
-  cursor: s-resize;
+}
+
+view-slider.vertical
+{
+  cursor: col-resize;
+}
+
+view-slider.horizontal
+{
+  cursor: row-resize;
   border-top: 1px solid #b3b3b3;
-  }
-
-ui-menu { /**/
+}
+
+ui-menu
+{
   display: block;
   width: 180px;
   position: absolute;
   right:30px;
-  top: 0px;
+  top: 0;
   z-index:10;
-  }
-
-ui-menu.attached { /**/
-  right: 100px;
-  }
-
-ui-menu > h2 { /**/
+  right: 200px;
+}
+
+ui-menu > h2
+{
   padding-left: 10px;
   font-weight: normal;
   font-size: 11px;
-  background: transparent url('../ui-images/menu.png') scroll no-repeat 0 -66px;
+  background: #fff;
   width: 170px;
 	height: 18px;
   line-height: 14px;
-  }
-
-ui-menu > h2:after { /**/ 
-  display: block;
-  margin-right: 5px;
-  width: 15px;
-  height: 18px;
-  content: '';
-  float: right;
-  background: transparent url('../ui-images/menu-right.png') scroll no-repeat 100% -66px;
-  }
-	
-ui-menu:hover > h2 {
-  background-position: 0 0;
-  }
-
-ui-menu:hover > h2:after {
-  background-position: 100% 0;
-  }
-
-ui-menu ul { /* The list needs a bottom shadow when opened */
+  border: 1px solid #000;
+  border-top-width: 0;
+}
+
+ui-menu ul 
+{ /* The list needs a bottom shadow when opened */
   position: absolute;
   right: 9px;
   top: 18px;
   margin: 0;
   padding: 0;
   list-style: none;
-  }
-
-ui-menu li { /**/
+  background: #fff;
+  border: 1px solid #000;
+  border-top-width: 0;
+}
+
+ui-menu li
+{
   padding: 0;
-	margin-right: 6px;
+  margin-right: 6px;
   padding-left: 10px;
   width: 155px;
-  background: transparent url('../ui-images/menu.png') scroll no-repeat 0 -19px;
-  }
-
-ui-menu li h2 { /**/
+}
+
+ui-menu li h2 {
   padding: 0;
   margin: 0;
-	width: 165px;
+  width: 165px;
   height: 22px;
   line-height: 22px;
   font-weight: normal;
   font-size: 12px;
-  background: transparent url('../ui-images/menu-right.png') scroll no-repeat 100% -19px;
   white-space: nowrap;
-  }
-
-ui-menu ul li:hover {
-  background-position: 0 -41px;
-  }
-
-ui-menu ul li:hover h2 {
-  background-position: 100% -41px;
-  }
-
+}
+
+ui-menu ul li:hover
+{
+  background: #eee;
+}
 
 window-control {
   display: block;
   position: absolute;
-  }
-
-window-header {
+  cursor: default;
+}
+
+window-header
+{
   display: block;
-  color: #bbb;
+  font-weight: bold;
+  text-shadow: 0 1px 1px #000;
   height: 21px;
   line-height: 21px;
   padding-left: 5px;
-  border: 0 solid #000;
-  border-width: 1px 1px 0;
-  border-radius: 7px 7px 0 0;
-}
-
-windows-container [handler="window-move"] { /**/
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 3px 3px 0 0;
+  border-top: 1px solid rgba(255, 255, 255, 0.2);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
+}
+
+windows-container .window-move
+{
   cursor: move;
-  }
-
-windows-container [handler='window-close'] { /**/
+}
+
+windows-container .window-close
+{
   float: right;
-  width: 24px;
-  height: 20px;
-  margin: -3px -3px 0 0;
+  width: 17px;
+  height: 17px;
   position: relative;
-  background: transparent url('../ui-images/btn-window-close.png') scroll no-repeat 0 0;
-	z-index:11;
-  }
-
-windows-container [handler='window-close']:hover  { /**/
-  background-position:  0 -20px;
-  }
-
-windows-container [handler='window-close']:active { /**/
-  background-position:  0 -40px;
-  }
-
-windows-container [handler='window-scale-top-left'] { /**/
+  top: 4px;
+  right: 1px;
+  background: transparent url('data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAZ0lEQVR42p2QwQ2AMAwDWafLMAtLdgt2MVR1ZcG1DzgpL/ukJJukz/NfaiiwaHovUpGhGNyLdE+lGFr+kMxOMYJz3BRRFJxT8hBnlHjD+RYpcaUDq+LluAE3zl+eL4Uhrl5ePCBZ71+xC4kEcDKcKgAAAABJRU5ErkJggg==') scroll no-repeat 0 0;
+  z-index: 11;
+}
+
+windows-container .window-close:active
+{
+  background-position: 0 1px;
+}
+
+windows-container .window-scale-top-left
+{
   left: -5px;
   top: -5px;
   width: 10px;
   height: 10px;
   cursor: nw-resize;
-  }
-
-windows-container [handler='window-scale-top'] { /**/
+}
+
+windows-container .window-scale-top
+{
   left: 5px;
   right: 5px;
   top: -5px;
   height: 10px;
-  cursor: s-resize;
-  }
-
-windows-container [handler='window-scale-top-right'] { /**/
+  cursor: n-resize;
+}
+
+windows-container .window-scale-top-right
+{
   right: -5px;
   width: 10px;
   height: 10px;
   top: -5px;
-  cursor: sw-resize;
-  }
-
-windows-container [handler='window-scale-right'] { /**/
+  cursor: ne-resize;
+}
+
+windows-container .window-scale-right
+{
   right: -5px;
   width: 10px;
   top: 5px;
   bottom: 5px;
-  cursor: w-resize;
-  }
-
-windows-container [handler='window-scale-left'] { /**/
+  cursor: e-resize;
+}
+
+windows-container .window-scale-left
+{
   left: -5px;
   width: 10px;
   top: 5px;
   bottom: 5px;
   cursor: w-resize;
-  }
-
-windows-container [handler='window-scale-bottom'] { /**/
+}
+
+windows-container .window-scale-bottom
+{
   left: 0;
   bottom: -5px;
   height: 10px;
   right: 5px;
   cursor: s-resize;
-  }
-
-windows-container [handler='window-scale-bottom-right'] { /**/
+}
+
+windows-container .window-scale-bottom-right
+{
   bottom: -5px;
   height: 10px;
   width: 10px;
   right: -5px;
-  cursor: nw-resize;
-  }
-
-windows-container [handler='window-scale-bottom-left'] { /**/
+  cursor: se-resize;
+}
+
+windows-container .window-scale-bottom-left
+{
   bottom: -5px;
   height: 10px;
   width: 10px;
   left: -5px;
   cursor: sw-resize;
-  }
-windows-container { /**/
+}
+
+windows-container
+{
   width: 100%;
   height: 100%;
   display: block;
   overflow: hidden;
-  left: 0;
-  top: 0;
-  }
-window {
+}
+
+window
+{
   display: block;
   position: absolute;
   height: 300px;
   left: 20px;
   color: #fff;
-  border-radius: 7px;
-  box-shadow: 0 1px 6px rgba(0, 0, 0, .6);
-  background: rgba(40, 40, 40, .9);
-  border: 2px solid #b1b1b1;
-}
-window container {
-  border: 1px solid #000;
+  border-radius: 3px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  background: rgba(50, 50, 50, 0.9);
+  background-size: auto 100%;
+}
+
+/* clear painting artefacts on moving the window */
+window:after
+{
+  content: "";
+  display: block;
+  top: 100%;
+  left: 0;
+  height: 10px;
+  width: 100%;
+}
+
+window-container
+{
+ /* border: 1px solid #000; <-- TODO: Do we need this */
   border-width: 0 1px 1px;
-  border-radius: 0 0 7px 7px;
   display: block;
   position: relative;
-  background-color: rgba(0, 0, 0, .4);
-}
-
-
-#spin-button { /**/
-  float: left;
-  height: 16px;
-  width: 48px;
-  margin: 5px;
-  background: transparent url('../ui-images/spin.png') scroll no-repeat 0 0;
-  }
+  background-color: rgba(0, 0, 0, 0.4);
+  width: 100%;
+}
+
+window.hud
+{
+  border-width: 0;
+  border-top-width: 2px;
+  border-radius: 0;
+  background: rgba(0, 0, 0, 0.75);
+}
+
+window.hud window-container
+{
+  border-radius: 0;
+  border: 0;
+}
+
+.hud window-toolbar
+{
+  background-color: #000;
+  background-image: -o-linear-gradient(-90deg,
+                                       rgba(255, 255, 255, 0.25) 0,
+                                       rgba(255, 255, 255, 0.15) 100%);
+  border: 0;
+  border-bot