[gnome-shell/wip/sass: 3/30] theme: rewrite to be structured

[Jakub Steiner <jimmac src gnome org>]

commit ba01b47641e94e9d371bde2ea361269180addaf4
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Oct 2 15:49:34 2014 +0200

    theme: rewrite to be structured
    
    - using SASS
    - trying to reuse as much of the gtk adwaita as possible

 data/theme/_colors.scss          |   44 +
 data/theme/_common.scss          |   94 ++
 data/theme/_drawing.scss         |  311 +++++
 data/theme/_gnome-shell-old.scss | 2539 +++++++++++++++++++++++++++++++++++
 data/theme/gnome-shell.css       | 2742 +++++++++++++++-----------------------
 data/theme/gnome-shell.scss      |    6 +
 6 files changed, 4098 insertions(+), 1638 deletions(-)
---
diff --git a/data/theme/_colors.scss b/data/theme/_colors.scss
new file mode 100644
index 0000000..d1fa4b6
--- /dev/null
+++ b/data/theme/_colors.scss
@@ -0,0 +1,44 @@
+// When color definition differs for dark and light variant,
+// it gets @if ed depending on $variant
+
+
+$base_color: if($variant =='light', #ffffff, #292929);
+$bg_color: if($variant =='light', #ededed, #393f3f);
+$fg_color: if($variant =='light', #2e3436, #eeeeec);
+
+$selected_fg_color: #ffffff;
+$selected_bg_color: if($variant == 'light', #4a90d9, darken(#4a90d9,20%));
+$selected_borders_color: if($variant=='light', darken($selected_bg_color, 30%),
+                                               darken($selected_bg_color, 20%));
+$borders_color: if($variant =='light', darken($bg_color,30%), darken($bg_color,12%));
+$borders_edge: if($variant =='light', white, transparentize($fg_color, 0.9));
+$link_color: if($variant == 'light', darken($selected_bg_color,10%),
+                                     lighten($selected_bg_color,20%));
+$link_visited_color: if($variant == 'light', darken($selected_bg_color,20%),
+                                     lighten($selected_bg_color,10%));
+$top_hilight: $borders_edge;
+
+$warning_color: #f57900;
+$error_color: #cc0000;
+$success_color: if($variant =='light', #73d216, darken(#73d216,10%));
+$destructive_color: if($variant =='light', #ef2929, darken(#ef2929,10%));
+
+$osd_fg_color: #eeeeec;
+$osd_bg_color: #2e3436;
+$osd_borders_color: transparentize(black, 0.3);
+$osd_outer_borders_color: transparentize(white, 0.9);
+
+$tooltip_borders_color: $osd_outer_borders_color;
+
+//insensitive state derived colors
+$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
+$insensitive_bg_color: mix($bg_color, $base_color, 60%);
+$insensitive_borders_color: $borders_color;
+
+//colors for the backdrop state, derived from the main colors.
+$backdrop_base_color: if($variant =='light', darken($base_color,1%), lighten($base_color,1%));
+$backdrop_bg_color: $bg_color;
+$backdrop_fg_color: mix($fg_color, $backdrop_bg_color, 80%);
+$backdrop_insensitive_color: if($variant =='light', darken($backdrop_bg_color,15%), 
lighten($backdrop_bg_color,15%));
+$backdrop_borders_color: mix($borders_color, $bg_color, 90%);
+$backdrop_dark_fill: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
new file mode 100644
index 0000000..b9e6f08
--- /dev/null
+++ b/data/theme/_common.scss
@@ -0,0 +1,94 @@
+//This is the RIGHT PLACE to edit the stylesheet
+
+//let's start by telling people not to edit the generated CSS:
+$cakeisalie: "This stylesheet is generated, DO NOT EDIT";
+/* #{$cakeisalie} */
+
+/* Copyright 2009, Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+
+
+/* GLOBALS */
+$font-size: 11;
+$font-family: Cantarell, Sans-Serif;
+
+stage {
+  font-family: $font-family;
+  @include fontsize($font-size);
+  color: $fg_color;
+}
+
+/* WIDGETS */
+
+/* Buttons */
+//one would think we may want a generic button class:
+.candidate-page-button,
+.notification-button,
+.notification-icon-button,
+.hotplug-notification-item,
+.hotplug-resident-eject-button,
+.modal-dialog-button,
+.app-view-control {
+  border-radius: 3px;
+  border-width: 1px;
+  padding: 4px 32px;
+  @include button(normal);
+  &:hover { @include button(hover); }
+  &:focus { @include button(focus); }
+  &:insensitive { @include button(insensitive); }
+  &:active { @include button(active); }
+}
+
+/* Entries */
+
+/* Scrollbars */
+
+StScrollBar {
+  padding: 0;
+  &.vfade { -st-vfade-offset: 68px; }
+  &.hfade { -st-hfade-offset: 68px; }
+
+  StScrollView & {
+    min-width: 14px;
+    min-height: 14px;
+  }
+  
+  StBin#trough {
+    border-radius: 0;
+    background-color: $osd_bg_color;
+  }
+  
+  StButton#vhandle, StButton#hhandle {
+    border-radius: 6px;
+    background-color: $bg_color;
+    border: 3px solid $osd_bg_color;
+    &:hover { background-color: lighten($bg_color,10%); }
+    &:active { background-color: $selected_bg_color; }
+  }
+}
+
+/* links */
+.shell-link {
+  color: $link_color;
+  &:hover { color: lighten($link_color,10%); }
+}
+
+/* TOP BAR */
+
+/* NOTIFICATIONS & MESSAGE TRAY */
diff --git a/data/theme/_drawing.scss b/data/theme/_drawing.scss
new file mode 100644
index 0000000..acd989b
--- /dev/null
+++ b/data/theme/_drawing.scss
@@ -0,0 +1,311 @@
+// Drawing mixins
+
+// generic drawing of more complex things
+
+ function _widget_edge($c:$borders_edge) {
+// outer highlight "used" on most widgets
+  @return 0 1px $c;
+}
+
+// provide font size in rem, with px fallback
+ mixin fontsize($size: 24, $base: 16) {
+  font-size: round($size) + pt;
+  //font-size: ($size / $base) * 1rem;
+}
+
+ mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {
+//
+// Helper function to stack up to 4 box-shadows;
+//
+  @if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; }
+  @else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; }
+  @else if $shadow2!=none { box-shadow: $shadow1, $shadow2; }
+  @else { box-shadow: $shadow1; }
+}
+
+// entries
+
+ function entry_gradient($c) {
+  @return linear-gradient(to bottom, darken($c,3%), $c 90%);
+}
+
+ mixin entry($t, $fc:$selected_bg_color, $edge: $borders_edge) {
+//
+// Entries drawing function
+//
+// $t: entry type
+// $fc: focus color
+// $edge: set to none to not draw the bottom edge or specify a color to not
+//        use the default one
+//
+// possible $t values:
+// normal, focus, insensitive, backdrop, backdrop-insensitive;
+//
+  background-color: transparent;
+  background-image: entry_gradient($base_color);
+  $_blank_edge: if($edge == none, none, 0 1px transparentize($edge,1));
+  $_entry_edge: if($edge == none, none, _widget_edge($edge));
+  $_inner_shadows: inset 0 3px transparentize(black, 0.98),
+                   inset 0 2px transparentize(black, 0.97),
+                   inset 0 1px transparentize(black, 0.92);
+
+  // we need to match the same shadow types (inset/outset) in various states
+  // hence transparent shadows istead of resetting them when not needed
+  $_blank_inner_shadows: inset 0 3px transparentize(black, 1),
+                         inset 0 2px transparentize(black, 1),
+                         inset 0 1px transparentize(black, 1);
+  $_focus_glow_color: if($variant=='light', transparentize($fc,0.85),
+                                            transparentize($fc,0.3));
+
+  @if $t==normal {
+    border-color: $borders_color;
+    @include _shadows($_inner_shadows,
+                      inset 0 0 0 1px transparentize($fc,1),
+                      $_entry_edge);
+    // the second transparent shadow is needed for the transition to work
+  }
+  @if $t==focus {
+    @include _shadows($_inner_shadows,
+                      inset 0 0 0 1px $_focus_glow_color,
+                      $_entry_edge);
+    @if $variant == 'light' { border-color: $fc; }
+    @else {
+      border-color: if($fc==$selected_bg_color,
+                       $selected_borders_color,
+                       darken($fc,35%));
+    }
+  }
+  @if $t==insensitive {
+    color: $insensitive_fg_color;
+    border-color: $borders_color;
+    background-image: linear-gradient(to bottom, $insensitive_bg_color);
+    @include _shadows($_blank_inner_shadows, $_entry_edge);
+
+  }
+  @if $t==backdrop {
+    color: $backdrop_fg_color;
+    border-color: $backdrop_borders_color;
+    background-image: linear-gradient(to bottom, $backdrop_base_color);
+    @include _shadows($_blank_inner_shadows, $_blank_edge);
+  }
+  @if $t==backdrop-insensitive {
+    color: $backdrop_insensitive_color;
+    border-color: $backdrop_borders_color;
+    background-image: linear-gradient(to bottom, $insensitive_bg_color);
+    @include _shadows($_blank_inner_shadows, $_blank_edge);
+  }
+}
+
+// buttons
+
+ function _border_color ($c) { @return darken($c,25%); } // colored buttons want
+                                                         // the border form the
+                                                         // base color
+
+ function _text_shadow_color ($tc:$fg_color, $bg:$bg_color) {
+//
+// calculate the color of text shadows
+//
+// $tc is the text color
+// $bg is the background color
+//
+  $_lbg: lightness($bg)/100%;
+  @if lightness($tc)<50% { @return transparentize(white,1-$_lbg/($_lbg*1.3)); }
+  @else { @return transparentize(black,$_lbg*0.8); }
+}
+
+ function _button_hilight_color($c) {
+//
+// calculate the right top hilight color for buttons
+//
+// $c: base color;
+//
+  @if lightness($c)>90% { @return white; }
+  @else if lightness($c)>80% { @return transparentize(white, 0.3); }
+  @else if lightness($c)>50% { @return transparentize(white, 0.5); }
+  @else if lightness($c)>40% { @return transparentize(white, 0.7); }
+  @else { @return transparentize(white, 0.9); }
+}
+
+ mixin _button_text_shadow ($tc:$fg_color, $bg:$bg_color) {
+//
+// helper function for the text emboss effect
+//
+// $tc is the optional text color, not the shadow color
+//
+// TODO: this functions needs a way to deal with special cases
+//
+
+  $_shadow: _text_shadow_color($tc, $bg);
+
+  @if lightness($tc)<50% {
+    text-shadow: 0 1px $_shadow;
+    icon-shadow: 0 1px $_shadow;
+  }
+  @else {
+    text-shadow: 0 -1px $_shadow;
+    icon-shadow: 0 -1px $_shadow;
+  }
+}
+
+ mixin button($t, $c:$osd_bg_color, $tc:$fg_color, $edge: $borders_edge) {
+//
+// Button drawing function
+//
+// $t:    button type,
+// $c:    base button color for colored* types
+// $tc:   optional text color for colored* types
+// $edge: set to none to not draw the bottom edge or specify a color to not
+//        use the default one
+//
+// possible $t values:
+// normal, hover, active, insensitive, insensitive-active,
+// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
+// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
+//
+
+  $_hilight_color: _button_hilight_color($c);
+  $_button_edge: if($edge == none, none, _widget_edge($edge));
+  $_blank_edge: if($edge == none, none, _widget_edge(transparentize($edge,1)));
+
+
+  @if $t==normal {
+  //
+  // normal button
+  //
+    $_bg: if($c!=$osd_bg_color, transparentize($c, 0.5),
+                            $osd_bg_color);
+
+    color: $osd_fg_color;
+    background-color: $_bg;
+    border-color: $osd_borders_color;
+    box-shadow: inset 0 1px lighten($osd_bg_color,10%);
+    text-shadow: 0 1px black;
+    icon-shadow: 0 1px black;
+  }
+  @if $t==focus {
+  //
+  // focused button
+  //
+    $_bg: if($c!=$osd_bg_color, transparentize($c, 0.5),
+                          $osd_bg_color);
+
+    color: $osd_fg_color;
+    border-color: $selected_bg_color;
+    box-shadow: inset 0 1px lighten($osd_bg_color,10%);
+    text-shadow: 0 1px black;
+    icon-shadow: 0 1px black;    
+  }
+
+  @else if $t==hover {
+  //
+  // active osd button
+  //
+    $_bg: if($c!=$osd_bg_color, transparentize($c, 0.3),
+                            lighten($osd_bg_color,10%));
+
+    color: white;
+    border-color: $osd_borders_color;
+    background-color: $_bg;
+    box-shadow: inset 0 1px lighten($osd_bg_color,20%);
+    text-shadow: 0 1px black;
+    icon-shadow: 0 1px black;
+
+  }
+  @else if $t==active {
+  //
+  // active osd button
+  //
+    $_bg: if($c!=$bg_color, $c, $osd_borders_color);
+
+    color: white;
+    border-color: $osd_borders_color;
+    background-color: $_bg;
+    box-shadow: none;
+    text-shadow: none;
+    icon-shadow: none;
+  }
+  @else if $t==insensitive {
+  //
+  // insensitive osd button
+  //
+    $_bg: transparentize(mix($insensitive_fg_color,$osd_bg_color,20%),0.3);
+
+    color: $insensitive_fg_color;
+    border-color: $osd_borders_color;
+    background-color: $_bg;
+    box-shadow: none;
+    text-shadow: none;
+    icon-shadow: none;
+  }
+  @else if $t==undecorated {
+  //
+  // reset
+  //
+    border-color: transparent;
+    background-color: transparent;
+    background-image: none;
+
+    @include _shadows(inset 0 1px transparentize(white,1),
+                      $_blank_edge);
+
+    text-shadow: none;
+    icon-shadow: none;
+  }
+}
+
+ mixin trough($flat:false, $c:$bg_color, $tc:$fg_color, $noedge:false) {
+  color: mix($tc,$bg_color,80%);
+  @if $flat { background-image: linear-gradient(to bottom,$c); }
+  @else {
+    background-image: linear-gradient(to bottom,
+                                      mix(black,$c,15%) 5%,
+                                      mix(black,$c,10%) 20%,
+                                      mix(black,$c,10%) 90%,
+                                      $c);
+  }
+
+  border-color: if($c!=$bg_color, _border_color($c), $border_color);
+
+  @if not($noedge) {
+    @if lightness($c) > 60% {
+      box-shadow: inset 0 -1px $borders_edge,
+                  0 1px $borders_edge;
+    }
+    @else {
+      box-shadow: inset 0 -1px transparentize($borders_edge,0.5),
+                  0 1px transparentize($borders_edge,0.5);
+    }
+  }
+  @else { box-shadow: none; }
+}
+
+ mixin progressbar_fill($d:horizontal) {
+  $dir: if($d==vertical,right,bottom);
+  background-image: linear-gradient(to $dir, $selected_bg_color 2px,
+                                             lighten($selected_bg_color,6%));
+}
+
+ function headerbar_gradient($c, $tc:lighten($c,4%)) {
+//
+// headerbar gradient helper function
+//
+// $c:  base color
+// $tc: top color
+//
+  @return linear-gradient(to bottom, $tc, $c);
+}
+
+ mixin headerbar_fill($c:$bg_color, $tc:lighten($c,4%), $hc:$top_hilight) {
+//
+// headerbar fill
+//
+// $c:  base color
+// $tc: top color
+// $hc: top highlight color
+// 
+  background-image: headerbar_gradient($c, $tc);
+  box-shadow: inset 0 -1px mix(_border_color($c), $c, 30%), // bottom shade
+              inset 0 1px $hc; // top highlight
+
+}
diff --git a/data/theme/_gnome-shell-old.scss b/data/theme/_gnome-shell-old.scss
new file mode 100644
index 0000000..a8ba428
--- /dev/null
+++ b/data/theme/_gnome-shell-old.scss
@@ -0,0 +1,2539 @@
+/* Copyright 2009, Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+
+/* Text Styles */
+
+/* default text style */
+
+/* Check Boxes */
+
+.check-box StBoxLayout {
+    spacing: .8em;
+}
+
+.check-box StBin {
+    width: 24px;
+    height: 22px;
+    background-image: url("checkbox-off.svg");
+}
+
+.check-box:focus StBin {
+    background-image: url("checkbox-off-focused.svg");
+}
+
+.check-box:checked StBin {
+    background-image: url("checkbox.svg");
+}
+
+.check-box:focus:checked StBin {
+    background-image: url("checkbox-focused.svg");
+}
+
+/* Slider */
+
+.slider {
+    height: 1em;
+    -slider-height: 0.3em;
+    -slider-background-color: #333333;
+    -slider-border-color: #5f5f5f;
+    -slider-active-background-color: #76b0ec;
+    -slider-active-border-color: #1f6dbc;
+    -slider-border-width: 1px;
+    -slider-handle-radius: 6px;
+}
+
+/* PopupMenu */
+
+.popup-menu-ornament {
+    text-align: right;
+    width: 1em;
+}
+
+.popup-menu-boxpointer,
+.candidate-popup-boxpointer {
+    -arrow-border-radius: 8px;
+    -arrow-background-color: rgba(0,0,0,0.9);
+    -arrow-border-width: 2px;
+    -arrow-border-color: #a5a5a5;
+    -arrow-base: 24px;
+    -arrow-rise: 11px;
+}
+
+.popup-menu-boxpointer.fallback-app-menu {
+    -arrow-border-radius: 4px;
+    -arrow-background-color: #ededed;
+    -arrow-border-width: 1px;
+    -arrow-border-color: #a6a6a6;
+    -arrow-base: 24px;
+    -arrow-rise: 11px;
+}
+
+.popup-menu-boxpointer.fallback-app-menu.dark {
+    -arrow-background-color: #3f4747;
+    -arrow-border-color: #282b2b;
+}
+
+
+.popup-menu {
+    min-width: 200px;
+}
+
+.popup-menu-arrow {
+    width: 16px;
+    height: 16px;
+}
+
+.popup-submenu-menu-item:open {
+    background-color: #333333;
+}
+
+.fallback-app-menu .popup-submenu-menu-item:open {
+    background-color: #888888;
+    color: white;
+}
+
+.fallback-app-menu.dark .popup-submenu-menu-item:open {
+    background-color: #333333;
+}
+
+.popup-sub-menu {
+    background-gradient-start: rgba(80,80,80,0.3);
+    background-gradient-end: rgba(80,80,80,0.4);
+    background-gradient-direction: vertical;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9);
+}
+
+.fallback-app-menu .popup-sub-menu {
+    background-gradient-start: #dddddd;
+    background-gradient-end: #dfdfdf;
+    background-gradient-direction: vertical;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
+}
+
+.fallback-app-menu.dark .popup-sub-menu {
+    background-gradient-start: #474747;
+    background-gradient-end: #4b4b4b;
+    background-gradient-direction: vertical;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9);
+}
+
+.popup-sub-menu:scrolled .popup-menu-item:ltr {
+    padding-right: 0em;
+}
+
+.popup-sub-menu:scrolled .popup-menu-item:rtl {
+    padding-left: 0em;
+}
+
+.popup-sub-menu StScrollBar {
+    padding: 4px;
+}
+
+.popup-sub-menu StScrollBar StBin#trough {
+    border-width: 0px;
+}
+
+.popup-sub-menu StScrollBar StBin#vhandle {
+    background-color: #4c4c4c;
+    border-width: 0px;
+}
+
+/* The remaining popup-menu sizing is all done in ems, so that if you
+ * override .popup-menu.font-size, everything else will scale with it.
+ */
+.popup-menu-content {
+    padding: 1em 0em;
+}
+
+.popup-menu-item {
+    spacing: 12px;
+}
+
+.popup-menu-item:ltr {
+    padding: .4em 1.75em .4em 0em;
+}
+
+.popup-menu-item:rtl {
+    padding: .4em 0em .4em 1.75em;
+}
+
+.popup-menu-item:active {
+    background-color: #4c4c4c;
+}
+
+.popup-menu-item:insensitive {
+    color: #9f9f9f;
+}
+
+.fallback-app-menu .popup-menu-item {
+    color: #43484a;
+}
+
+.fallback-app-menu .popup-menu-item:active {
+    color: white;
+    background-color: #4689cd;
+}
+
+.fallback-app-menu .popup-menu-item:insensitive {
+    color: gray;
+}
+
+.fallback-app-menu.dark .popup-menu-item {
+    color: white;
+}
+
+.fallback-app-menu.dark .popup-menu-item:active {
+    background-color: #445f7d;
+}
+
+.fallback-app-menu.dark .popup-menu-item:insensitive {
+    color: #9f9f9f;
+}
+
+.popup-separator-menu-item {
+    -gradient-height: 1px;
+    -gradient-start: rgba(255,255,255,0.0);
+    -gradient-end: rgba(255,255,255,0.3);
+    -margin-horizontal: 24px;
+    height: 1px;
+    padding: 8px 0px;
+}
+
+.fallback-app-menu .popup-separator-menu-item {
+    -gradient-start: #a0a2a3;
+    -gradient-end: #a0a2a3;
+    -margin-horizontal: 0;
+}
+
+.fallback-app-menu.dark .popup-separator-menu-item {
+    -gradient-start: #818584;
+    -gradient-end: #818584;
+}
+
+.popup-status-menu-item {
+    font-weight: normal;
+    color: #999;
+}
+
+.popup-inactive-menu-item, .popup-inactive-menu-item:insensitive {
+    color: white;
+}
+
+.popup-menu-icon {
+    icon-size: 1.09em;
+}
+
+/* Switches */
+.toggle-switch {
+    width: 65px;
+    height: 22px;
+}
+
+.toggle-switch-us {
+    background-image: url("toggle-off-us.svg");
+    background-size: contain;
+}
+.toggle-switch-us:checked {
+    background-image: url("toggle-on-us.svg");
+    background-size: contain;
+}
+
+.toggle-switch-intl {
+    background-image: url("toggle-off-intl.svg");
+    background-size: contain;
+}
+.toggle-switch-intl:checked {
+    background-image: url("toggle-on-intl.svg");
+    background-size: contain;
+}
+
+/* Network */
+
+.nm-dialog {
+    max-height: 500px;
+    min-height: 450px;
+    min-width: 470px;
+}
+
+.nm-dialog-content {
+    spacing: 20px;
+}
+
+.nm-dialog-header-hbox {
+    spacing: 10px;
+}
+
+.nm-dialog-airplane-box {
+    spacing: 12px;
+}
+
+.nm-dialog-airplane-headline {
+    font-size: 1.1em;
+    font-weight: bold;
+    text-align: center;
+}
+
+.nm-dialog-airplane-text {
+    color: #999999;
+}
+
+.nm-dialog-header-icon {
+    icon-size: 32px;
+}
+
+.nm-dialog-scroll-view {
+    border: 2px solid #666;
+    border-radius: 6px;
+}
+
+.nm-dialog-header {
+    font-weight: bold;
+}
+
+.nm-dialog-item {
+    font-size: 12pt;
+    border-bottom: 1px solid #666;
+    padding: 12px;
+    spacing: 20px;
+}
+
+.nm-dialog-item:selected {
+    background-color: #333;
+}
+
+.nm-dialog-icons {
+    spacing: .5em;
+}
+
+.nm-dialog-icon {
+    icon-size: 16px;
+}
+
+.no-networks-label {
+    color: #999999;
+}
+
+.no-networks-box {
+    spacing: 12px;
+}
+
+
+/* Entries */
+
+.search-entry,
+.login-dialog StEntry,
+.notification StEntry,
+.modal-dialog StEntry {
+    color: rgb(64, 64, 64);
+    caret-color: rgb(64, 64, 64);
+    font-size: 12pt;
+    caret-size: 1px;
+    selected-color: white;
+    padding: 4px 12px;
+}
+
+.search-entry,
+.login-dialog StEntry,
+.run-dialog-entry,
+.notification StEntry {
+    border: 2px solid rgba(245,245,245,0.2);
+    background-gradient-start: rgba(5,5,6,0.1);
+    background-gradient-end: rgba(254,254,254,0.1);
+    background-gradient-direction: vertical;
+    transition-duration: 300ms;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+
+.search-entry:focus,
+.search-entry:hover,
+.login-dialog StEntry:focus,
+.notification StEntry:focus,
+.modal-dialog StEntry {
+    border: 2px solid rgb(136,138,133);
+    background-gradient-start: rgb(200,200,200);
+    background-gradient-end: white;
+    background-gradient-direction: vertical;
+    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
+}
+
+.login-dialog StEntry:focus,
+.notification StEntry:focus,
+.modal-dialog StEntry:focus {
+    border: 2px solid #3465a4;
+}
+
+.search-entry {
+    border-color: rgba(245,245,245,0.3);
+    color: rgb(192, 192, 192);
+    caret-color: rgb(192, 192, 192);
+}
+
+.search-entry:hover {
+    color: rgb(128, 128, 128);
+    caret-color: rgb(128, 128, 128);
+}
+
+.search-entry:focus {
+    color: rgb(64, 64, 64);
+    caret-color: rgb(64, 64, 64);
+    font-weight: bold;
+    transition-duration: 0ms;
+}
+
+.login-dialog StEntry,
+.notification StEntry,
+.modal-dialog StEntry {
+    border-radius: 5px;
+    padding: 4px 4px;
+}
+
+.prompt-dialog-password-entry .capslock-warning,
+.login-dialog-prompt-entry .capslock-warning {
+    icon-size: 16px;
+    warning-color: #999;
+    padding: 0 4px;
+}
+
+.login-dialog StEntry:insensitive,
+.modal-dialog StEntry:insensitive {
+    border-color: #666666;
+    color: #9f9f9f;
+    border: 2px solid #9f9f9f;
+    background-gradient-direction: none;
+    background-color: rgba(102, 102, 102, 0.15);
+    box-shadow: inset 0 0 rgba(0,0,0,1.0);
+}
+
+/* Panel */
+
+#panel {
+    background-color: black;
+    font-weight: bold;
+    height: 1.86em;
+}
+
+#panel.unlock-screen,
+#panel.login-screen {
+    background-color: transparent;
+}
+
+#panelLeft, #panelCenter {
+    spacing: 4px;
+}
+
+#panelLeft:ltr {
+    padding-right: 4px;
+}
+
+#panelLeft:rtl {
+    padding-left: 4px;
+}
+
+#panelRight:ltr {
+    padding-left: 4px;
+}
+
+#panelRight:rtl {
+    padding-right: 4px;
+}
+
+.panel-corner {
+    -panel-corner-radius: 6px;
+    -panel-corner-background-color: black;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent;
+}
+
+.panel-corner:active,
+.panel-corner:overview,
+.panel-corner:focus {
+    -panel-corner-border-color: rgba(255,255,255,0.8);
+}
+
+.panel-corner.lock-screen,
+.panel-corner.unlock-screen,
+.panel-corner.login-screen {
+    -panel-corner-background-color: transparent;
+    -panel-corner-border-color: transparent;
+}
+
+#appMenu {
+    spinner-image: url("process-working.svg");
+    spacing: 4px;
+}
+
+/* used for the app menu header only */
+.label-shadow {
+    color: rgba(0,0,0,0.5);
+}
+
+.panel-button #appMenuIcon {
+    app-icon-bottom-clip: 1px;
+}
+
+.panel-button:active #appMenuIcon,
+.panel-button:checked #appMenuIcon,
+.panel-button:focus #appMenuIcon {
+    app-icon-bottom-clip: 2px;
+}
+
+.panel-button {
+    -natural-hpadding: 12px;
+    -minimum-hpadding: 6px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100ms;
+}
+
+#panel.unlock-screen .panel-button,
+#panel.lock-screen .panel-button,
+#panel.login-screen .panel-button {
+    color: #e6e6e6;
+}
+
+#panel.unlock-screen .panel-button:hover,
+#panel.lock-screen .panel-button:hover,
+#panel.login-screen .panel-button:hover,
+#panel.unlock-screen .panel-button:active,
+#panel.lock-screen .panel-button:active,
+#panel.login-screen .panel-button:active,
+#panel.unlock-screen .panel-button:focus,
+#panel.lock-screen .panel-button:focus,
+#panel.login-screen .panel-button:focus {
+    color: white;
+}
+
+.panel-button:hover {
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+
+.panel-button:active,
+.panel-button:overview,
+.panel-button:focus {
+    border-image: url("panel-button-border.svg") 6 10 0 2;
+    background-image: url("panel-button-highlight-wide.svg");
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+
+.panel-status-button:active,
+.panel-status-button:checked,
+.panel-status-button:focus {
+    background-image: url("panel-button-highlight-narrow.svg");
+}
+
+.panel-button:active > .system-status-icon,
+.panel-button:checked > .system-status-icon,
+.panel-button:focus > .system-status-icon {
+    icon-shadow: black 0px 2px 2px;
+}
+
+.panel-menu {
+    -boxpointer-gap: 4px;
+}
+
+.panel-status-indicators-box,
+.panel-status-menu-box {
+    spacing: 2px;
+}
+
+.system-status-icon {
+    icon-size: 1.09em;
+    padding: 0 5px;
+}
+
+.aggregate-menu {
+    width: 360px;
+}
+
+.aggregate-menu .popup-menu-icon {
+    padding: 0 4px;
+}
+
+.system-switch-user-submenu-icon {
+    icon-size: 24px;
+    border: 1px solid #8b8b8b;
+}
+
+.system-menu-action {
+    color: #e6e6e6;
+    border-radius: 32px; /* wish we could do 50% */
+    padding: 13px;
+    border: 2px solid #5f5f5f; /* using rgba() is flaky unfortunately */
+}
+
+.system-menu-action:hover,
+.system-menu-action:focus {
+    color: white;
+    background-color: #4c4c4c;
+    border: none;
+    padding: 15px;
+}
+
+.system-menu-action:active {
+    color: black;
+    background-color: #6f6f6f;
+
+}
+
+.system-menu-action > StIcon {
+    icon-size: 16px;
+}
+
+.screencast-indicator {
+    color: #ff0000;
+}
+
+/* Overview */
+
+#overview {
+    spacing: 24px;
+}
+
+.overview-controls {
+    padding-bottom: 32px;
+}
+
+.workspace-thumbnails {
+    spacing: 11px;
+    visible-width: 32px; /* Amount visible before hovering */
+    border: 1px solid rgba(128, 128, 128, 0.4);
+    border-right: 0px;
+    border-radius: 9px 0px 0px 9px;
+    background-color: rgba(0, 0, 0, 0.5);
+    padding: 11px 7px 11px 11px;
+}
+
+.workspace-thumbnails:rtl {
+    border-right: 1px;
+    border-left: 0px;
+    border-radius: 0px 9px 9px 0px;
+    padding: 11px 11px 11px 7px;
+}
+
+.workspace-thumbnail-indicator {
+    border: 4px solid rgba(255,255,255,0.7);
+    border-radius: 4px;
+    padding: 1px;
+}
+
+.window-caption {
+    spacing: 25px;
+    background: rgba(0,0,0,0.5);
+    border-radius: 8px;
+    padding: 4px 12px;
+    -shell-caption-spacing: 12px;
+    border: 2px solid rgba(0, 0, 0, 0);
+}
+
+.window-caption:hover {
+    border: 2px solid rgba(255, 255, 255, 0);
+}
+
+.window-close, .notification-close {
+    background-image: url("close-window.svg");
+    background-size: 32px;
+    height: 32px;
+    width: 32px;
+}
+
+.window-close {
+    -shell-close-overlap: 16px;
+}
+
+.window-clone-border {
+    border: 4px solid rgba(255, 255, 255, 0.5);
+    border-radius: 4px;
+}
+
+.notification-close {
+    /* we start out in the top right of the
+     * notification, inset.
+     *
+     * center is 32px/2 = 16px
+     *
+     * adjust left 2px
+     * adjust down 8px */
+
+    -shell-close-overlap-x: 14px;
+    -shell-close-overlap-y: -12px;
+}
+
+.notification-close:rtl {
+    /* as above, but starting out in the top left of the
+     * notification. */
+
+    -shell-close-overlap-x: -14px;
+}
+
+.window-close:rtl {
+    -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
+}
+
+.window-picker {
+    -horizontal-spacing: 32px;
+    -vertical-spacing: 32px;
+    padding-left: 32px;
+    padding-right: 32px;
+    padding-bottom: 48px;
+}
+
+.window-picker.external-monitor {
+    padding: 32px;
+}
+
+.messages-indicator {
+    color: #999999;
+    height: 32px;
+}
+
+.messages-indicator-contents {
+    spacing: 12px;
+    padding-bottom: 12px;
+}
+
+.messages-indicator-contents:hover {
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+
+.messages-indicator-highlight {
+    background-gradient-start: transparent;
+    background-gradient-end: #999999;
+    background-gradient-direction: vertical;
+
+    height: 6px;
+}
+
+/* Dash */
+
+#dash {
+    color: #5f5f5f;
+    font-size: 9pt;
+    padding: 4px 0px;
+    background-color: rgba(0, 0, 0, 0.5);
+    border: 1px solid rgba(128, 128, 128, 0.4);
+    border-left: 0px;
+    border-radius: 0px 9px 9px 0px;
+}
+
+#dash:rtl {
+    border-left: 1px;
+    border-right: 0px;
+    border-radius: 9px 0px 0px 9px;
+}
+
+.placeholder {
+    background-image: url("dash-placeholder.svg");
+    background-size: contain;
+    height: 24px;
+}
+
+.empty-dash-drop-target {
+    width: 24px;
+    height: 24px;
+}
+
+/* Search Box */
+
+.search-entry {
+    width: 320px;
+}
+
+.search-entry-icon {
+    icon-size: 1em;
+    color: #c0c0c0;
+}
+
+.search-entry:hover .search-entry-icon,
+.search-entry:focus .search-entry-icon {
+    color: #8d8f8a;
+}
+
+/* Search Results */
+
+#searchResults {
+    padding: 20px 10px 0px 10px;
+    spacing: 18px;
+}
+
+#searchResultsBin {
+    max-width: 1000px;
+}
+
+#searchResultsContent {
+    padding-left: 20px;
+    padding-right: 20px;
+    spacing: 16px;
+}
+
+.search-section {
+    /* This should be equal to #searchResultsContent spacing */
+    spacing: 16px;
+}
+
+.search-section-separator {
+    -gradient-height: 1px;
+    -gradient-start: rgba(255,255,255,0);
+    -gradient-end: rgba(255,255,255,0.5);
+    -margin-horizontal: 1.5em;
+    height: 1px;
+}
+
+.search-section-content {
+    /* This is the space between the provider icon and the results container */
+    spacing: 32px;
+}
+
+.search-statustext {
+    color: #efefef;
+    font-size: 2em;
+    font-weight: bold;
+}
+
+.list-search-results {
+    spacing: 3px;
+}
+
+.dash-label {
+    border-radius: 7px;
+    padding: 4px 12px;
+    background-color: rgba(0,0,0,0.5);
+    text-align: center;
+    -x-offset: 8px;
+}
+
+/* Application Launchers, Grid and List results */
+
+.icon-grid {
+    spacing: 30px;
+    -shell-grid-horizontal-item-size: 136px;
+    -shell-grid-vertical-item-size: 136px;
+}
+
+.icon-grid .overview-icon {
+    icon-size: 96px;
+}
+
+.app-display {
+    spacing: 20px;
+}
+
+.app-view-controls {
+    padding-bottom: 32px;
+}
+
+.app-view-control {
+    padding: 4px 32px;
+}
+
+.app-view-control:focus {
+    padding: 3px 31px;
+}
+
+.search-display > StBoxLayout,
+.all-apps,
+.frequent-apps > StBoxLayout {
+    /* horizontal padding to make sure scrollbars or dash don't overlap content */
+    padding: 0px 88px 10px 88px;
+}
+
+.page-indicator {
+    padding: 15px 20px;
+}
+
+.page-indicator .page-indicator-icon {
+    width: 18px;
+    height: 18px;
+    background-image: url(page-indicator-inactive.svg);
+}
+
+.page-indicator:hover .page-indicator-icon {
+    background-image: url(page-indicator-hover.svg);
+}
+
+.page-indicator:active .page-indicator-icon {
+    background-image: url(page-indicator-active.svg);
+}
+
+.page-indicator:checked .page-indicator-icon,
+.page-indicator:checked:active .page-indicator-icon {
+    background-image: url(page-indicator-checked.svg);
+}
+
+.no-frequent-applications-label {
+    font-size: 18pt;
+    color: #999999;
+}
+
+.app-folder-icon {
+    padding: 5px;
+    spacing-rows: 5px;
+    spacing-columns: 5px;
+}
+
+.dash-item-container > StButton {
+    padding: 4px 8px;
+}
+
+.list-search-result-content {
+    spacing: 12px;
+    padding: 12px;
+}
+
+.list-search-result-title {
+    font-weight: bold;
+    font-size: 14pt;
+    color: white;
+}
+
+.list-search-result-description {
+    color: #eeeeec;
+}
+
+.search-provider-icon-more {
+    width: 16px;
+    height: 16px;
+    background-image: url("more-results.svg");
+}
+
+.app-well-app > .overview-icon.overview-icon-with-label,
+.grid-search-result .overview-icon.overview-icon-with-label {
+    /* since the label controls its own spacing, it is visually more
+    consistent to use different padding values for top and bottom */
+    padding: 10px 8px 5px 8px;
+    spacing: 4px;
+}
+
+.app-well-app > .overview-icon,
+.show-apps > .overview-icon,
+.search-provider-icon,
+.list-search-result,
+.grid-search-result .overview-icon {
+    border-radius: 4px;
+    padding: 6px;
+    border: 1px rgba(0,0,0,0);
+    transition-duration: 100ms;
+    text-align: center;
+}
+
+.search-provider-icon {
+    padding: 15px;
+}
+
+.app-folder-popup {
+    -arrow-border-radius: 8px;
+    -arrow-background-color: rgba(0,0,0,0.3);
+    -arrow-base: 24px;
+    -arrow-rise: 11px;
+}
+
+.app-folder-popup-bin {
+    padding: 5px;
+}
+
+.app-well-app.running > .overview-icon {
+    text-shadow: black 0px 2px 2px;
+    background-image: url("running-indicator.svg");
+    background-size: contain;
+}
+
+.app-well-app.app-folder > .overview-icon {
+    background-color: rgba(0,0,0,0.3);
+}
+
+.app-well-app:hover > .overview-icon,
+.show-apps:hover > .overview-icon,
+.search-provider-icon:hover,
+.list-search-result:hover,
+.grid-search-result:hover .overview-icon {
+    background-color: rgba(255,255,255,0.1);
+    text-shadow: black 0px 2px 2px;
+    transition-duration: 100ms;
+    color:white;
+}
+
+.app-display .app-well-app > .overview-icon {
+    border-radius: 4px;
+}
+
+.list-search-result:hover .list-search-result-description {
+    text-shadow: rgba(0,0,0,0.8) 0px 1px 2px;
+}
+
+.show-apps {
+    padding: 4px 0;
+}
+
+.show-apps-icon {
+    color: #a0a0a0;
+}
+
+.show-apps:hover .show-apps-icon {
+    color: white;
+}
+
+.app-well-app:checked > .overview-icon,
+.app-well-app:active > .overview-icon,
+.show-apps:checked > .overview-icon,
+.show-apps:active > .overview-icon,
+.search-provider-icon:active,
+.grid-search-result:active .overview-icon,
+.list-search-result:active {
+    background-gradient-start: rgba(255, 255, 255, .05);
+    background-gradient-end: rgba(255, 255, 255, .15);
+    background-gradient-direction: vertical;
+    border-radius: 4px;
+    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
+    transition-duration: 100ms;
+}
+
+.show-apps:checked .show-apps-icon,
+.show-apps:focus .show-apps-icon {
+    color: white;
+    transition-duration: 100ms;
+}
+
+.app-well-app:focus > .overview-icon,
+.grid-search-result:focus .overview-icon,
+.show-apps:focus > .overview-icon,
+.search-provider-icon:focus,
+.list-search-result:focus,
+.app-well-app:selected > .overview-icon,
+.grid-search-result:selected .overview-icon,
+.search-provider-icon:selected,
+.list-search-result:selected {
+    background-color: rgba(255,255,255,0.33);
+}
+
+/* LookingGlass */
+
+#LookingGlassDialog {
+    background-color: rgba(0,0,0,0.80);
+    spacing: 4px;
+    padding: 4px;
+    border: 2px solid grey;
+    border-radius: 4px;
+}
+
+#LookingGlassDialog > #Toolbar {
+    border: 1px solid grey;
+    border-radius: 4px;
+}
+
+#LookingGlassDialog .labels {
+    spacing: 4px;
+}
+
+#LookingGlassDialog .notebook-tab {
+    -natural-hpadding: 12px;
+    -minimum-hpadding: 6px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100ms;
+    padding-left: .3em;
+    padding-right: .3em;
+}
+
+#LookingGlassDialog .notebook-tab:hover {
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+
+#LookingGlassDialog .notebook-tab:selected {
+    border-image: url("panel-button-border.svg") 10 10 0 2;
+    background-image: url("panel-button-highlight-wide.svg");
+    color: white;
+    text-shadow: black 0px 2px 2px;
+}
+
+.lg-dialog StEntry {
+    selection-background-color: #bbbbbb;
+    selected-color: #333333;
+}
+
+.lg-completions-text {
+    font-size: .9em;
+    font-style: italic;
+}
+
+.lg-obj-inspector-title {
+    spacing: 4px;
+}
+
+.lg-obj-inspector-button {
+    border: 1px solid gray;
+    padding: 4px;
+    border-radius: 4px;
+}
+
+.lg-obj-inspector-button:hover {
+    border: 1px solid #ffffff;
+}
+
+.lg-dialog .shell-link {
+    color: #999999;
+}
+
+.lg-dialog .shell-link:hover {
+    color: #dddddd;
+}
+
+#LookingGlassDialog StBoxLayout#EvalBox {
+    padding: 4px;
+    spacing: 4px;
+}
+
+#LookingGlassDialog StBoxLayout#ResultsArea {
+    spacing: 4px;
+}
+
+#lookingGlassExtensions {
+    padding: 4px;
+}
+
+.lg-extensions-list {
+    padding: 4px;
+    spacing: 6px;
+}
+
+.lg-extension {
+    border: 1px solid #6f6f6f;
+    border-radius: 4px;
+    padding: 4px;
+}
+
+.lg-extension-name {
+    font-weight: bold;
+}
+
+.lg-extension-meta {
+    spacing: 6px;
+}
+
+#LookingGlassPropertyInspector {
+    background: rgba(0, 0, 0, 0.8);
+    border: 2px solid grey;
+    border-radius: 4px;
+    padding: 6px;
+}
+
+/* Calendar popup */
+
+.calendar-vertical-separator {
+    -stipple-width: 1px;
+    -stipple-color: #505050;
+    width: 0.3em;
+}
+
+.calendar {
+    padding: .4em 1.75em .8em 1.75em;
+}
+
+.calendar-month-label {
+    color: #888a85;
+    font-size: 9.5pt;
+    font-weight: bold;
+    padding-bottom: 8px;
+    padding-top: 8px;
+}
+
+.calendar-month-label:focus {
+    background-color: #999999;
+}
+
+.calendar-change-month-back {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-left.svg");
+    border-radius: 4px;
+}
+
+.calendar-change-month-back:rtl {
+    background-image: url("calendar-arrow-right.svg");
+}
+
+.calendar-change-month-back:hover,
+.calendar-change-month-back:focus {
+    background-color: #999999;
+}
+.calendar-change-month-back:active {
+    background-color: #aaaaaa;
+}
+
+.calendar-change-month-forward {
+    width: 18px;
+    height: 12px;
+    background-image: url("calendar-arrow-right.svg");
+    border-radius: 4px;
+}
+
+.calendar-change-month-forward:rtl {
+    background-image: url("calendar-arrow-left.svg");
+}
+
+.calendar-change-month-forward:hover,
+.calendar-change-month-forward:focus {
+    background-color: #999999;
+}
+.calendar-change-month-forward:active {
+    background-color: #aaaaaa;
+}
+
+.datemenu-date-label {
+    padding: .4em 1.7em;
+    font-weight: bold;
+    text-align: center;
+    color: #eeeeec;
+    border-radius: 4px;
+}
+
+.datemenu-date-label:hover,
+.datemenu-date-label:focus {
+    background-color: #999999;
+}
+
+.datemenu-date-label:active {
+    background-color: #aaaaaa;
+}
+
+.calendar-day-base {
+    font-size: 9pt;
+    text-align: center;
+    width: 2.4em;
+    height: 2.4em;
+}
+
+.calendar-day-base:hover,
+.calendar-day-base:focus {
+    background-color: #777777;
+}
+
+.calendar-day-base:active {
+    font-size: 9pt;
+    background-color: #555555;
+    color: white;
+}
+
+.calendar-day-heading {
+    color: #888a85;
+    padding-top: .2em;
+    height: 1.7em;
+}
+
+.calendar-week-number {
+    color: #babdb6;
+    font-weight: bold;
+}
+
+/* Hack used in lieu of border-collapse - see calendar.js */
+.calendar-day {
+    border: 1px solid #505050;
+    color: #babdb6;
+    border-top-width: 0;
+    border-left-width: 0;
+}
+
+.calendar-day-top {
+    border-top-width: 1px;
+}
+
+.calendar-day-left {
+    border-left-width: 1px;
+}
+
+.calendar-work-day {
+}
+
+.calendar-nonwork-day {
+    background-color: rgba(128, 128, 128, .1);
+}
+
+.calendar-today {
+    background-image: url("calendar-today.svg");
+    text-shadow: black 0px 2px 2px;
+    font-weight: bold;
+}
+
+.calendar-day-with-events {
+    font-weight: bold;
+    color: white;
+}
+
+.calendar-other-month-day {
+    color: #333333;
+}
+
+.events-table {
+    width: 320px;
+    spacing-columns: 6pt;
+    padding: 0 1.4em;
+}
+
+.events-table:ltr {
+    padding-right: 1.9em;
+}
+
+.events-table:rtl {
+    padding-left: 1.9em;
+}
+
+.events-day-header {
+    font-weight: bold;
+    color: #999999;
+    padding-left: 0.4em;
+    padding-top: 1.2em;
+}
+
+.events-day-header:first-child {
+    padding-top: 0;
+}
+
+.events-day-header:rtl {
+    padding-left: 0;
+    padding-right: 0.4em;
+}
+
+.events-day-dayname {
+    color: rgba(153, 153, 153, 1.0);
+    text-align: left;
+    min-width: 20px;
+}
+
+.events-day-dayname:rtl {
+    text-align: right;
+}
+
+.events-day-time {
+    color: #fff;
+    text-align: right;
+}
+
+.events-day-time:rtl {
+    text-align: left;
+}
+
+.events-day-task {
+    color: rgba(153, 153, 153, 1.0);
+    padding-left: 8pt;
+}
+
+.events-day-task:rtl {
+    padding-left: 0px;
+    padding-right: 8pt;
+}
+
+/* Message Tray */
+
+#message-tray {
+    background: #2e3436 url(message-tray-background.png);
+    background-repeat: repeat;
+    height: 72px;
+}
+
+.message-tray-summary {
+    height: 72px;
+}
+
+.message-tray-menu-button StIcon {
+    padding: 0 20px;
+    color: #aaaaaa;
+    icon-size: 24px;
+}
+
+.message-tray-menu-button:hover StIcon,
+.message-tray-menu-button:active StIcon,
+.message-tray-menu-button:focus StIcon {
+    color: #eeeeee;
+}
+
+.url-highlighter {
+    link-color: #ccccff;
+}
+
+.no-messages-label {
+    color: #999999;
+}
+
+.notification {
+    border-radius: 10px 10px 0px 0px;
+    background: rgba(0,0,0,0.9);
+    padding: 8px 8px 4px 8px;
+    spacing-rows: 4px;
+    spacing-columns: 10px;
+}
+
+.notification, #notification-container {
+    font-size: 11pt;
+    width: 34em;
+}
+
+.notification.multi-line-notification {
+    padding-bottom: 8px;
+}
+
+.notification-unexpanded {
+    /* We want to force the actor at a specific size, irrespective
+       of its minimum and preferred size, so we override both */
+    min-height: 36px;
+    height: 36px;
+}
+
+/* We use row-span = 2 for the image cell, which prevents its height preferences to be
+   taken into account during allocation, so its height ends up being limited by the height
+   of the content in the other rows. To avoid showing a stretched image, we set the minimum
+   height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
+.notification-with-image {
+    min-height: 159px;
+}
+
+.summary-boxpointer {
+    -arrow-border-radius: 15px;
+    -arrow-background-color: rgba(0,0,0,0.9);
+    -arrow-base: 36px;
+    -arrow-rise: 18px;
+    color: white;
+    -boxpointer-gap: 4px;
+}
+
+.summary-boxpointer .notification {
+    border-radius: 9px;
+    background: rgba(0,0,0,0) !important;
+    padding-bottom: 12px;
+}
+
+.summary-boxpointer #summary-right-click-menu {
+    padding-top: 12px;
+    padding-bottom: 12px;
+}
+
+.summary-notification-stack-scrollview {
+    max-height: 18em;
+    padding-top: 8px;
+    padding-bottom: 8px;
+}
+
+.summary-notification-stack-scrollview:ltr {
+    padding-right: 8px;
+}
+
+.summary-notification-stack-scrollview:rtl {
+    padding-left: 8px;
+}
+
+.notification-scrollview {
+    max-height: 10em;
+    -st-vfade-offset: 24px;
+}
+
+.notification-scrollview:ltr > StScrollBar {
+    padding-left: 6px;
+}
+
+.notification-scrollview:rtl > StScrollBar {
+    padding-right: 6px;
+}
+
+.notification-body {
+    spacing: 5px;
+}
+
+.notification-actions {
+    padding-top: 18px;
+    spacing: 10px;
+}
+
+.notification-button {
+    -st-natural-width: 140px;
+    padding: 4px 4px 5px;
+}
+
+.notification-button:focus {
+    -st-natural-width: 138px;
+    padding: 3px 4px 4px;
+}
+
+.notification-icon-button {
+    border-radius: 5px;
+    padding: 5px;
+}
+
+.notification-icon-button:focus {
+    padding: 4px;
+}
+
+.notification-icon-button > StIcon {
+    icon-size: 16px;
+    padding: 8px;
+}
+
+.secondary-icon {
+    icon-size: 1.09em;
+}
+
+.hotplug-transient-box {
+    spacing: 6px;
+    padding: 2px 72px 2px 12px;
+}
+
+.hotplug-notification-item {
+    padding: 2px 10px;
+}
+
+.hotplug-notification-item:focus {
+    padding: 1px 71px 1px 11px;
+}
+
+.hotplug-notification-item-icon {
+    icon-size: 24px;
+    padding: 2px 5px;
+}
+
+.hotplug-resident-box {
+    spacing: 8px;
+}
+
+.hotplug-resident-mount {
+    spacing: 8px;
+    border-radius: 4px;
+
+    color: #ccc;
+}
+
+.hotplug-resident-mount:hover {
+    background-gradient-direction: horizontal;
+    background-gradient-start: rgba(255, 255, 255, 0.1);
+    background-gradient-end: rgba(255, 255, 255, 0);
+
+    color: #fff;
+}
+
+.hotplug-resident-mount-label {
+    color: inherit;
+    padding-left: 6px;
+}
+
+.hotplug-resident-mount-icon {
+    icon-size: 24px;
+    padding-left: 6px;
+}
+
+.hotplug-resident-eject-icon {
+    icon-size: 16px;
+}
+
+.hotplug-resident-eject-button {
+    padding: 7px;
+    border-radius: 5px;
+    color: #ccc;
+}
+
+.chat-log-message {
+    color: #888888;
+}
+
+.chat-empty-line {
+    font-size: 4px;
+}
+
+.chat-received {
+    padding-left: 4px;
+}
+
+.chat-received:rtl {
+    padding-left: 0px;
+    padding-right: 4px;
+}
+
+.chat-sent {
+    padding-left: 18pt;
+    color: #959595;
+}
+
+.chat-sent:rtl {
+    padding-left: 0px;
+    padding-right: 18pt;
+}
+
+.chat-meta-message {
+    padding-left: 4px;
+    font-size: 9pt;
+    font-weight: bold;
+    color: #bbbbbb;
+}
+
+.chat-meta-message:rtl {
+    padding-left: 0px;
+    padding-right: 4px;
+}
+
+.chat-notification-scrollview{
+    max-height: 22em;
+}
+
+.subscription-message {
+    font-style: italic;
+}
+
+.notification StEntry {
+    border-radius: 4px;
+}
+
+.summary-source-button {
+    padding: 6px 3px 6px 3px;
+}
+
+.summary-source-button:last-child:ltr {
+    padding-right: 6px;
+}
+
+.summary-source-button:last-child:rtl {
+    padding-left: 6px;
+}
+
+.summary-source-button:hover .summary-source {
+    background-color: rgba(255,255,255,0.1);
+}
+
+.summary-source-button:focus .summary-source,
+.summary-source-button:selected .summary-source {
+    background-color: rgba(255,255,255,0.33);
+}
+
+.summary-source {
+    border-radius: 4px;
+    padding: 0 6px 0 6px;
+    transition-duration: 100ms;
+}
+
+.summary-source-counter {
+    background-image: url("summary-counter.svg");
+    background-size: 2.4em;
+    font-size: 10pt;
+    font-weight: bold;
+    height: 2.4em;
+    width: 2.4em;
+    -shell-counter-overlap-x: 13px;
+    -shell-counter-overlap-y: 13px;
+}
+
+/* OSD */
+.osd-window {
+    text-align: center;
+    font-weight: bold;
+    spacing: 1em;
+}
+
+.osd-window .level {
+    height: 0.6em;
+    border-radius: 0.3em;
+    background-color: rgba(190,190,190,0.2);
+}
+
+/* App Switcher */
+.switcher-popup {
+    padding: 8px;
+    spacing: 16px;
+}
+
+.osd-window,
+.switcher-list {
+    background: rgba(0,0,0,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 24px;
+    padding: 20px;
+}
+
+.switcher-list-item-container {
+    spacing: 8px;
+}
+
+.switcher-list .item-box {
+    padding: 8px;
+    border-radius: 8px;
+}
+
+.switcher-list .item-box:outlined {
+    padding: 6px;
+    border: 2px solid rgba(85,85,85,1.0);
+}
+
+.switcher-list .item-box:selected {
+    background: rgba(255,255,255,0.33);
+}
+
+.switcher-list .thumbnail-box {
+    padding: 2px;
+    spacing: 4px;
+}
+
+.switcher-list .thumbnail {
+    width:  256px;
+}
+
+.switcher-list .separator {
+    width: 1px;
+    background: rgba(255,255,255,0.33);
+}
+
+.ripple-box {
+    width: 52px;
+    height: 52px;
+    background-image: url("corner-ripple-ltr.png");
+    background-size: contain;
+}
+
+.ripple-box:rtl {
+    background-image: url("corner-ripple-rtl.png");
+}
+
+.switcher-arrow {
+    border-color: rgba(0,0,0,0);
+    color: #808080;
+}
+
+.switcher-arrow:highlighted {
+    border-color: rgba(0,0,0,0);
+    color: white;
+}
+
+/* Workspace Switcher */
+.workspace-switcher-group {
+    padding: 12px;
+}
+
+.workspace-switcher-container {
+    background: rgba(0,0,0,0.8);
+    border: 1px solid rgba(128,128,128,0.40);
+    border-radius: 24px;
+    padding: 20px;
+}
+
+.workspace-switcher {
+    background: transparent;
+    border: 0px;
+    border-radius: 0px;
+    padding: 0px;
+    spacing: 8px;
+}
+
+.ws-switcher-active-up {
+    height: 100px;
+    border: 0px;
+    background: rgba(255,255,255,0.5);
+    background-image: url("ws-switch-arrow-up.png");
+    border-radius: 8px;
+}
+
+.ws-switcher-active-down {
+    height: 100px;
+    border: 0px;
+    background: rgba(255,255,255,0.5);
+    background-image: url("ws-switch-arrow-down.png");
+    border-radius: 8px;
+}
+
+.ws-switcher-box {
+    height: 96px;
+    border: 2px solid rgba(85,85,85,0.5);
+    background: transparent;
+    border-radius: 8px;
+}
+
+/* Tile previews */
+.tile-preview {
+    background-color: rgba(74, 144, 217, 0.35);
+    border: 1px solid #4a90d9; /* Adwaita selected bg color */
+}
+
+.tile-preview-left.on-primary {
+    /* keep in sync with -panel-corner-radius */
+    border-radius: 6px 0 0 0;
+}
+
+.tile-preview-right.on-primary {
+    /* keep in sync with -panel-corner-radius */
+    border-radius: 0 6px 0 0;
+}
+
+.tile-preview-left.tile-preview-right.on-primary {
+    /* keep in sync with -panel-corner-radius */
+    border-radius: 6px 6px 0 0;
+}
+
+/* Modal Dialogs */
+
+/* Dialog Subject Text Style */
+.show-processes-dialog-subject,
+.mount-question-dialog-subject,
+.end-session-dialog-subject {
+    font-size: 14pt;
+    font-weight: bold;
+    color: #999999;
+}
+
+.modal-dialog {
+    border-radius: 24px;
+    background-color: rgba(0.0, 0.0, 0.0, 0.9);
+    border: 2px solid #868686;
+
+    padding-right: 42px;
+    padding-left: 42px;
+    padding-bottom: 30px;
+    padding-top: 30px;
+}
+
+.modal-dialog-button-box {
+    spacing: 21px;
+    padding-top: 50px;
+}
+
+/* Run Dialog */
+
+.run-dialog-label {
+    font-size: 12pt;
+    font-weight: bold;
+    color: #999999;
+    padding-bottom: .4em;
+}
+
+.run-dialog-error-box {
+    padding-top: 15px;
+    spacing: 5px;
+}
+
+.modal-dialog .run-dialog-entry {
+    width: 20em;
+}
+
+.lightbox {
+    background-color: black;
+}
+
+.flashspot {
+    background-color: white;
+}
+
+/* End Session Dialog */
+.end-session-dialog {
+    spacing: 42px;
+}
+
+.end-session-dialog-list {
+    padding-top: 20px;
+}
+
+.end-session-dialog-layout {
+    padding-left: 17px;
+}
+
+.end-session-dialog-layout:rtl {
+    padding-right: 17px;
+}
+
+.end-session-dialog-description {
+    width: 28em;
+    padding-bottom: 10px;
+}
+
+.end-session-dialog-description:rtl {
+    width: 28em;
+    padding-bottom: 10px;
+    text-align: right;
+}
+
+.end-session-dialog-warning {
+    width: 28em;
+    color: #f57900;
+    padding-top: 6px;
+}
+
+.end-session-dialog-warning:rtl {
+    width: 28em;
+    color: #f57900;
+    padding-top: 6px;
+    text-align: right;
+}
+
+.end-session-dialog-logout-icon {
+    border: 2px solid #8b8b8b;
+    border-radius: 5px;
+    width: 48px;
+    height: 48px;
+    background-size: contain;
+}
+
+.end-session-dialog-shutdown-icon {
+    color: #bebebe;
+    width: 48px;
+    height: 48px;
+}
+
+.end-session-dialog-inhibitor-layout {
+    spacing: 16px;
+    max-height: 200px;
+    padding-right: 65px;
+    padding-left: 65px;
+}
+
+.end-session-dialog-session-list,
+.end-session-dialog-app-list {
+    spacing: 1em;
+}
+
+.end-session-dialog-list-header {
+    font-weight: bold;
+}
+
+.end-session-dialog-list-header:rtl {
+    text-align: right;
+}
+
+.end-session-dialog-app-list-item,
+.end-session-dialog-session-list-item {
+    spacing: 1em;
+}
+
+.end-session-dialog-app-list-item-name,
+.end-session-dialog-session-list-item-name {
+    font-weight: bold;
+}
+
+.end-session-dialog-app-list-item-description {
+    color: #cccccc;
+    font-size: 10pt;
+}
+
+/* Restart message */
+.restart-message {
+    font-size: 14pt;
+}
+
+/* ShellMountOperation Dialogs */
+.shell-mount-operation-icon {
+    icon-size: 48px;
+}
+
+.show-processes-dialog,
+.mount-question-dialog {
+    spacing: 24px;
+}
+
+.show-processes-dialog-subject,
+.mount-question-dialog-subject {
+    padding-top: 10px;
+    padding-left: 17px;
+    padding-bottom: 6px;
+}
+
+.mount-question-dialog-subject {
+    max-width: 500px;
+}
+
+.show-processes-dialog-subject:rtl,
+.mount-question-dialog-subject:rtl {
+    padding-left: 0px;
+    padding-right: 17px;
+}
+
+.show-processes-dialog-description,
+.mount-question-dialog-description {
+    padding-left: 17px;
+    width: 28em;
+}
+
+.show-processes-dialog-description:rtl,
+.mount-question-dialog-description:rtl {
+    padding-right: 17px;
+}
+
+.show-processes-dialog-app-list {
+    font-size: 10pt;
+    max-height: 200px;
+    padding-top: 24px;
+    padding-left: 49px;
+    padding-right: 32px;
+}
+
+.show-processes-dialog-app-list:rtl {
+    padding-right: 49px;
+    padding-left: 32px;
+}
+
+.show-processes-dialog-app-list-item {
+    color: #ccc;
+}
+
+.show-processes-dialog-app-list-item:hover {
+    color: white;
+}
+
+.show-processes-dialog-app-list-item:ltr {
+    padding-right: 1em;
+}
+
+.show-processes-dialog-app-list-item:rtl {
+    padding-left: 1em;
+}
+
+.show-processes-dialog-app-list-item-icon:ltr {
+    padding-right: 17px;
+}
+
+.show-processes-dialog-app-list-item-icon:rtl {
+    padding-left: 17px;
+}
+
+.show-processes-dialog-app-list-item-name {
+    font-size: 10pt;
+}
+
+/* Password or Authentication Dialog */
+.prompt-dialog {
+    /* this is the width of the entire modal popup */
+    width: 500px;
+}
+
+.prompt-dialog-main-layout {
+    spacing: 24px;
+    padding: 10px;
+}
+
+.prompt-dialog-message-layout {
+    spacing: 16px;
+}
+
+.prompt-dialog-headline {
+    font-size: 12pt;
+    font-weight: bold;
+    color: #666666;
+}
+
+.prompt-dialog-description:rtl {
+    text-align: right;
+}
+
+.prompt-dialog-password-box {
+    spacing: 1em;
+    padding-bottom: 1em;
+}
+
+.prompt-dialog-error-label {
+    font-size: 10pt;
+    color: #ffff00;
+    padding-bottom: 8px;
+}
+
+.prompt-dialog-info-label {
+    font-size: 10pt;
+    padding-bottom: 8px;
+}
+
+.hidden {
+    color: rgba(0,0,0,0);
+}
+
+.prompt-dialog-null-label {
+    font-size: 10pt;
+    padding-bottom: 8px;
+}
+
+/* Polkit Dialog */
+
+.polkit-dialog-user-layout {
+    padding-left: 10px;
+    spacing: 10px;
+}
+
+.polkit-dialog-user-layout:rtl {
+    padding-left: 0px;
+    padding-right: 10px;
+}
+
+.polkit-dialog-user-root-label {
+    color: #ff0000;
+}
+
+.polkit-dialog-user-icon {
+    border: 2px solid #8b8b8b;
+    border-radius: 5px;
+    background-size: contain;
+    width: 48px;
+    height: 48px;
+}
+
+/* Network Agent Dialog */
+
+.network-dialog-secret-table {
+    spacing-rows: 15px;
+    spacing-columns: 1em;
+}
+
+.keyring-dialog-control-table {
+    spacing-rows: 15px;
+    spacing-columns: 1em;
+}
+
+/* Magnifier */
+
+.magnifier-zoom-region {
+    border: 2px solid rgba(128, 0, 0, 255);
+}
+
+.magnifier-zoom-region.full-screen {
+    border-width: 0px;
+}
+
+/* On-screen Keyboard */
+
+#keyboard {
+    background: rgba(0,0,0,0.8);
+}
+
+.keyboard-layout {
+    spacing: 10px;
+    padding: 10px;
+}
+
+.keyboard-row {
+    spacing: 15px;
+}
+
+.keyboard-key {
+    min-height: 30px;
+    min-width: 30px;
+    background-gradient-start: rgba(255,245,245,0.4);
+    background-gradient-end: rgba(105,105,105,0.1);
+    background-gradient-direction: vertical;
+    font-size: 14pt;
+    font-weight: bold;
+    border-radius: 10px;
+    border: 2px solid #a0a0a0;
+    color: white;
+}
+
+.keyboard-key:grayed {
+   color: #808080;
+   border-color: #808080;
+}
+
+.keyboard-key:checked,
+.keyboard-key:hover {
+    background: #303030;
+    border: 3px solid white;
+}
+
+.keyboard-key:active {
+    background: #808080;
+}
+
+.keyboard-subkeys {
+    color: white;
+    padding: 5px;
+    -arrow-border-radius: 10px;
+    -arrow-background-color: #090909;
+    -arrow-border-width: 2px;
+    -arrow-border-color: white;
+    -arrow-base: 20px;
+    -arrow-rise: 10px;
+    -boxpointer-gap: 5px;
+}
+
+/* IBus Candidate Popup */
+
+.candidate-popup-content {
+    padding: 0.5em;
+    spacing: 0.3em;
+}
+
+.candidate-index {
+    padding: 0 0.5em 0 0;
+    color: #cccccc;
+}
+
+.candidate-box {
+    padding: 0.3em 0.5em 0.3em 0.5em;
+}
+
+.candidate-box:selected {
+    border-radius: 4px;
+    background-color: rgba(255,255,255,0.2);
+}
+
+.candidate-box:hover {
+    border-radius: 4px;
+    background-color: rgba(255,255,255,0.1);
+}
+.candidate-page-button-box {
+    height: 2em;
+    width: 80px;
+}
+
+.vertical .candidate-page-button-box {
+    padding-top: 0.5em;
+}
+
+.horizontal .candidate-page-button-box {
+    padding-left: 0.5em;
+}
+
+.candidate-page-button-previous {
+    border-radius: 4px 0px 0px 4px;
+}
+
+.candidate-page-button-next {
+    border-radius: 0px 4px 4px 0px;
+}
+
+.candidate-page-button-icon {
+    icon-size: 1em;
+}
+
+/* Login Dialog */
+
+.framed-user-icon {
+    border: 2px solid #8b8b8b;
+    border-radius: 3px;
+    background-size: contain;
+}
+
+.framed-user-icon:hover {
+    border: 2px solid #bbbbbb;
+}
+
+.login-dialog-banner {
+    font-size: 10pt;
+    font-weight: bold;
+    text-align: center;
+    color: #666666;
+    padding-bottom: 1em;
+}
+
+.login-dialog {
+    /* Reset border and background */
+    border: none;
+    background-color: transparent;
+}
+
+.login-dialog-button-box {
+    spacing: 5px;
+}
+
+.login-dialog-user-list-view {
+    -st-vfade-offset: 1em;
+}
+
+.login-dialog-user-list {
+    spacing: 12px;
+    padding: .2em;
+    width: 23em;
+}
+
+.login-dialog-user-list-item {
+    border-radius: 5px;
+    padding: .2em;
+    color: #bfbfbf;
+    text-shadow: black 0px 2px 2px;
+}
+
+.login-dialog-user-list-item:ltr {
+    padding-right: 1em;
+}
+
+.login-dialog-user-list-item:rtl {
+    padding-left: 1em;
+}
+
+.login-dialog-user-list-item:hover {
+    background-color: rgba(255,255,255,0.1);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
+    background-color: rgba(255,255,255,0.33);
+}
+
+.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
+    background-image: url("logged-in-indicator.svg");
+    background-size: contain;
+}
+
+.login-dialog-user-list-item .login-dialog-timed-login-indicator {
+    background-color: rgba(0,0,0,0.0);
+    height: 2px;
+}
+
+.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
+    background-color: #8b8b8b;
+}
+
+.login-dialog-not-listed-label {
+    font-size: 10.5pt;
+    font-weight: bold;
+    color: #666666;
+    padding-top: 1em;
+}
+
+.login-dialog-user-selection-box {
+    padding: 100px 0;
+}
+
+.login-dialog-user-selection-box .login-dialog-not-listed-label {
+    padding-left: 2px;
+}
+
+.login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
+.login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
+    color: #E8E8E8;
+}
+
+.login-dialog-username,
+.user-widget-label {
+    font-size: 16pt;
+    font-weight: bold;
+    text-align: left;
+    padding-left: 15px;
+    text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 1px 0px;
+}
+
+.login-dialog-prompt-layout {
+    padding-top: 24px;
+    padding-bottom: 12px;
+    spacing: 8px;
+    width: 23em;
+}
+
+.login-dialog-prompt-label {
+    color: #eeeeee;
+    font-size: 14px;
+    padding-top: 11px;
+}
+
+.login-dialog-session-list-button StIcon {
+    icon-size: 1.25em;
+}
+
+.login-dialog-session-list-button {
+    color: #8b8b8b;
+}
+
+.login-dialog-session-list-button:hover,
+.login-dialog-session-list-button:focus,
+.login-dialog-session-list-button:active {
+    color: white;
+}
+
+.login-dialog-logo-bin {
+    padding: 24px 0px;
+}
+
+.login-dialog .modal-dialog-button-box {
+    spacing: 3px;
+}
+
+.login-dialog .modal-dialog-button {
+    border-radius: 5px;
+    padding: 3px 18px;
+}
+
+.login-dialog .modal-dialog-button:focus {
+    padding: 2px 17px;
+}
+
+.login-dialog .modal-dialog-button:default {
+    background-gradient-start: #6793c4;
+    background-gradient-end: #335d8f;
+    background-gradient-direction: vertical;
+    border-color: #16335d;
+}
+
+.login-dialog .modal-dialog-button:default:focus {
+    border: 2px solid #377fe7;
+}
+
+.login-dialog .modal-dialog-button:default:hover {
+    background-gradient-start: #74a0d0;
+    background-gradient-end: #436d9f;
+}
+
+.login-dialog .modal-dialog-button:default:active,
+.login-dialog .modal-dialog-button:default:pressed {
+    background-gradient-start: #436d9f;
+    background-gradient-end: #74a0d0;
+}
+
+.login-dialog .modal-dialog-button:default:insensitive {
+    border-color: #666666;
+    color: #9f9f9f;
+    background-gradient-direction: none;
+    background-color: rgba(102, 102, 102, 0.15);
+}
+
+.login-dialog-message {
+    padding-top: 4px;
+    padding-bottom: 16px;
+    min-height: 2em;
+}
+
+.login-dialog-message-warning {
+    color: orange;
+}
+
+.login-dialog-message-hint {
+    padding-top: 0px;
+    padding-bottom: 20px;
+}
+
+.user-widget-label {
+}
+
+.user-widget-label:ltr {
+    padding-left: 18px;
+}
+
+.user-widget-label:rtl {
+    padding-right: 18px;
+}
+
+/* Screen shield */
+
+#panel.lock-screen,
+#screenShieldNotifications {
+    background-color: rgba(0,0,0,0.3);
+}
+
+.screen-shield-background {
+    background: black;
+    box-shadow: 0px 4px 8px rgba(0,0,0,0.9);
+}
+
+#lockDialogGroup {
+    background: #2e3436 url(noise-texture.png);
+    background-repeat: repeat;
+}
+
+.screen-shield-arrows {
+    padding-bottom: 3em;
+}
+
+.screen-shield-arrows Gjs_Arrow {
+    color: white;
+    width: 80px;
+    height: 48px;
+    -arrow-thickness: 12px;
+    -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
+}
+
+.screen-shield-contents-box {
+    spacing: 48px;
+}
+
+.screen-shield-clock {
+    color: white;
+    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
+    font-weight: bold;
+    text-align: center;
+    padding-bottom: 1.5em;
+}
+
+.screen-shield-clock-time {
+    font-size: 72pt;
+    text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
+}
+
+.screen-shield-clock-date {
+    font-size: 28pt;
+}
+
+#screenShieldNotifications {
+    max-height: 500px;
+    padding: 12px;
+}
+
+.screen-shield-notifications-box {
+    spacing: 12px;
+    width: 30em;
+}
+
+.screen-shield-notification-source {
+    padding: 3px 6px;
+    spacing: 5px;
+}
+
+.screen-shield-notification-label {
+    font-weight: bold;
+    padding: 0px 0px 0px 12px;
+}
+
+.screen-shield-notification-count-text {
+    padding: 0px 0px 0px 12px;
+}
+
+/* Remove background from notifications, otherwise
+   opacity is doubled and they look darker
+*/
+.screen-shield-notifications-box .notification {
+    background-color: transparent;
+}
+
+/* Override padding on resident notifications, since
+   the notifications box has its own spacing
+*/
+.screen-shield-notifications-box .summary-notification-stack-scrollview {
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+#screenShieldNotifications .notification-button,
+#screenShieldNotifications .notification-icon-button {
+    border: 1px rgba(255,255,255,0.5);
+}
+
+#screenShieldNotifications StScrollBar StBin#trough {
+    background-color: rgba(0,0,0,0.2);
+}
+
+#screenShieldNotifications StScrollBar StButton#vhandle,
+#screenShieldNotifications StScrollBar StButton#hhandle {
+    background-color: rgba(0,0,0,0.3);
+    border: none;
+}
+
+#screenShieldNotifications StScrollBar StButton#vhandle:hover,
+#screenShieldNotifications StScrollBar StButton#hhandle {
+    background-color: rgba(0,0,0,0.6);
+}
+
+#screenShieldNotifications StScrollBar StButton#vhandle:active,
+#screenShieldNotifications StScrollBar StButton#hhandle {
+    background-color: rgba(0,0,0,0.8);
+}
+
+.input-source-switcher-symbol {
+   font-size: 34pt;
+   width: 96px;
+   height: 96px;
+}
+
+/* Background menu */
+
+.background-menu {
+    -boxpointer-gap: 4px;
+    -arrow-rise: 0px;
+}
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index bb5d2c4..29f085d 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -16,221 +16,113 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
  */
-
 /* Text Styles */
-
 /* default text style */
-stage {
-    font-family: cantarell, sans-serif;
-    font-size: 11pt;
-    color: white;
-}
-
-/* links */
-.shell-link {
-    color: #0000ff;
-    text-decoration: underline;
-}
-
-.shell-link:hover {
-    color: #0000e0;
-}
-
-/* small */
-.app-well-menu,
-.run-dialog-error-label {
-    font-size: 9pt;
-}
-
-/* small bold */
-.dash-label,
-.window-caption,
-.switcher-list,
-.app-well-app > .overview-icon,
-.show-apps > .overview-icon,
-.grid-search-result .overview-icon {
-    font-size: 9pt;
-    font-weight: bold;
-}
-
-/* Scroll Bars */
-
-StScrollBar {
-    padding: 0px;
-}
-
-StScrollView.vfade {
-    -st-vfade-offset: 68px;
-}
-
-StScrollView.hfade {
-    -st-hfade-offset: 68px;
-}
-
-StScrollView StScrollBar {
-    min-width: 14px;
-    min-height: 14px;
-}
-
-StScrollBar StBin#trough {
-    background-color: rgba(0,0,0,0.3);
-    border-radius: 8px;
-}
-
-StScrollBar StButton#vhandle {
-    background-color: #5d6464;
-    border: 2px solid #242424;
-    border-radius: 8px;
-}
-
-StScrollBar StButton#hhandle {
-    background-color: #5d6464;
-    border: 2px solid #242424;
-    border-radius: 8px;
-}
-
-StScrollBar StButton#hhandle:hover,
-StScrollBar StButton#vhandle:hover {
-    background-color: #777d7c;
-}
-
-StScrollBar StButton#hhandle:active,
-StScrollBar StButton#vhandle:active {
-    background-color: #3465a4;
-}
-
 /* Check Boxes */
-
 .check-box StBoxLayout {
-    spacing: .8em;
-}
+  spacing: .8em; }
 
 .check-box StBin {
-    width: 24px;
-    height: 22px;
-    background-image: url("checkbox-off.svg");
-}
+  width: 24px;
+  height: 22px;
+  background-image: url("checkbox-off.svg"); }
 
 .check-box:focus StBin {
-    background-image: url("checkbox-off-focused.svg");
-}
+  background-image: url("checkbox-off-focused.svg"); }
 
 .check-box:checked StBin {
-    background-image: url("checkbox.svg");
-}
+  background-image: url("checkbox.svg"); }
 
 .check-box:focus:checked StBin {
-    background-image: url("checkbox-focused.svg");
-}
+  background-image: url("checkbox-focused.svg"); }
 
 /* Slider */
-
 .slider {
-    height: 1em;
-    -slider-height: 0.3em;
-    -slider-background-color: #333333;
-    -slider-border-color: #5f5f5f;
-    -slider-active-background-color: #76b0ec;
-    -slider-active-border-color: #1f6dbc;
-    -slider-border-width: 1px;
-    -slider-handle-radius: 6px;
-}
+  height: 1em;
+  -slider-height: 0.3em;
+  -slider-background-color: #333333;
+  -slider-border-color: #5f5f5f;
+  -slider-active-background-color: #76b0ec;
+  -slider-active-border-color: #1f6dbc;
+  -slider-border-width: 1px;
+  -slider-handle-radius: 6px; }
 
 /* PopupMenu */
-
 .popup-menu-ornament {
-    text-align: right;
-    width: 1em;
-}
+  text-align: right;
+  width: 1em; }
 
 .popup-menu-boxpointer,
 .candidate-popup-boxpointer {
-    -arrow-border-radius: 8px;
-    -arrow-background-color: rgba(0,0,0,0.9);
-    -arrow-border-width: 2px;
-    -arrow-border-color: #a5a5a5;
-    -arrow-base: 24px;
-    -arrow-rise: 11px;
-}
+  -arrow-border-radius: 8px;
+  -arrow-background-color: rgba(0, 0, 0, 0.9);
+  -arrow-border-width: 2px;
+  -arrow-border-color: #a5a5a5;
+  -arrow-base: 24px;
+  -arrow-rise: 11px; }
 
 .popup-menu-boxpointer.fallback-app-menu {
-    -arrow-border-radius: 4px;
-    -arrow-background-color: #ededed;
-    -arrow-border-width: 1px;
-    -arrow-border-color: #a6a6a6;
-    -arrow-base: 24px;
-    -arrow-rise: 11px;
-}
+  -arrow-border-radius: 4px;
+  -arrow-background-color: #ededed;
+  -arrow-border-width: 1px;
+  -arrow-border-color: #a6a6a6;
+  -arrow-base: 24px;
+  -arrow-rise: 11px; }
 
 .popup-menu-boxpointer.fallback-app-menu.dark {
-    -arrow-background-color: #3f4747;
-    -arrow-border-color: #282b2b;
-}
-
+  -arrow-background-color: #3f4747;
+  -arrow-border-color: #282b2b; }
 
 .popup-menu {
-    min-width: 200px;
-}
+  min-width: 200px; }
 
 .popup-menu-arrow {
-    width: 16px;
-    height: 16px;
-}
+  width: 16px;
+  height: 16px; }
 
 .popup-submenu-menu-item:open {
-    background-color: #333333;
-}
+  background-color: #333333; }
 
 .fallback-app-menu .popup-submenu-menu-item:open {
-    background-color: #888888;
-    color: white;
-}
+  background-color: #888888;
+  color: white; }
 
 .fallback-app-menu.dark .popup-submenu-menu-item:open {
-    background-color: #333333;
-}
+  background-color: #333333; }
 
 .popup-sub-menu {
-    background-gradient-start: rgba(80,80,80,0.3);
-    background-gradient-end: rgba(80,80,80,0.4);
-    background-gradient-direction: vertical;
-    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9);
-}
+  background-gradient-start: rgba(80, 80, 80, 0.3);
+  background-gradient-end: rgba(80, 80, 80, 0.4);
+  background-gradient-direction: vertical;
+  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.9); }
 
 .fallback-app-menu .popup-sub-menu {
-    background-gradient-start: #dddddd;
-    background-gradient-end: #dfdfdf;
-    background-gradient-direction: vertical;
-    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.4);
-}
+  background-gradient-start: #dddddd;
+  background-gradient-end: #dfdfdf;
+  background-gradient-direction: vertical;
+  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.4); }
 
 .fallback-app-menu.dark .popup-sub-menu {
-    background-gradient-start: #474747;
-    background-gradient-end: #4b4b4b;
-    background-gradient-direction: vertical;
-    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.9);
-}
+  background-gradient-start: #474747;
+  background-gradient-end: #4b4b4b;
+  background-gradient-direction: vertical;
+  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.9); }
 
 .popup-sub-menu:scrolled .popup-menu-item:ltr {
-    padding-right: 0em;
-}
+  padding-right: 0em; }
 
 .popup-sub-menu:scrolled .popup-menu-item:rtl {
-    padding-left: 0em;
-}
+  padding-left: 0em; }
 
 .popup-sub-menu StScrollBar {
-    padding: 4px;
-}
+  padding: 4px; }
 
 .popup-sub-menu StScrollBar StBin#trough {
-    border-width: 0px;
-}
+  border-width: 0px; }
 
 .popup-sub-menu StScrollBar StBin#vhandle {
-    background-color: #4c4c4c;
-    border-width: 0px;
-}
+  background-color: #4c4c4c;
+  border-width: 0px; }
 
 .app-well-menu {
     max-width: 400px;
@@ -240,440 +132,288 @@ StScrollBar StButton#vhandle:active {
  * override .popup-menu.font-size, everything else will scale with it.
  */
 .popup-menu-content {
-    padding: 1em 0em;
-}
+  padding: 1em 0em; }
 
 .popup-menu-item {
-    spacing: 12px;
-}
+  spacing: 12px; }
 
 .popup-menu-item:ltr {
-    padding: .4em 1.75em .4em 0em;
-}
+  padding: .4em 1.75em .4em 0em; }
 
 .popup-menu-item:rtl {
-    padding: .4em 0em .4em 1.75em;
-}
+  padding: .4em 0em .4em 1.75em; }
 
 .popup-menu-item:active {
-    background-color: #4c4c4c;
-}
+  background-color: #4c4c4c; }
 
 .popup-menu-item:insensitive {
-    color: #9f9f9f;
-}
+  color: #9f9f9f; }
 
 .fallback-app-menu .popup-menu-item {
-    color: #43484a;
-}
+  color: #43484a; }
 
 .fallback-app-menu .popup-menu-item:active {
-    color: white;
-    background-color: #4689cd;
-}
+  color: white;
+  background-color: #4689cd; }
 
 .fallback-app-menu .popup-menu-item:insensitive {
-    color: gray;
-}
+  color: gray; }
 
 .fallback-app-menu.dark .popup-menu-item {
-    color: white;
-}
+  color: white; }
 
 .fallback-app-menu.dark .popup-menu-item:active {
-    background-color: #445f7d;
-}
+  background-color: #445f7d; }
 
 .fallback-app-menu.dark .popup-menu-item:insensitive {
-    color: #9f9f9f;
-}
+  color: #9f9f9f; }
 
 .popup-separator-menu-item {
-    -gradient-height: 1px;
-    -gradient-start: rgba(255,255,255,0.0);
-    -gradient-end: rgba(255,255,255,0.3);
-    -margin-horizontal: 24px;
-    height: 1px;
-    padding: 8px 0px;
-}
+  -gradient-height: 1px;
+  -gradient-start: rgba(255, 255, 255, 0);
+  -gradient-end: rgba(255, 255, 255, 0.3);
+  -margin-horizontal: 24px;
+  height: 1px;
+  padding: 8px 0px; }
 
 .fallback-app-menu .popup-separator-menu-item {
-    -gradient-start: #a0a2a3;
-    -gradient-end: #a0a2a3;
-    -margin-horizontal: 0;
-}
+  -gradient-start: #a0a2a3;
+  -gradient-end: #a0a2a3;
+  -margin-horizontal: 0; }
 
 .fallback-app-menu.dark .popup-separator-menu-item {
-    -gradient-start: #818584;
-    -gradient-end: #818584;
-}
+  -gradient-start: #818584;
+  -gradient-end: #818584; }
 
 .popup-status-menu-item {
-    font-weight: normal;
-    color: #999;
-}
+  font-weight: normal;
+  color: #999; }
 
 .popup-inactive-menu-item, .popup-inactive-menu-item:insensitive {
-    color: white;
-}
+  color: white; }
 
 .popup-menu-icon {
-    icon-size: 1.09em;
-}
+  icon-size: 1.09em; }
 
 /* Switches */
 .toggle-switch {
-    width: 65px;
-    height: 22px;
-}
+  width: 65px;
+  height: 22px; }
 
 .toggle-switch-us {
-    background-image: url("toggle-off-us.svg");
-    background-size: contain;
-}
+  background-image: url("toggle-off-us.svg");
+  background-size: contain; }
+
 .toggle-switch-us:checked {
-    background-image: url("toggle-on-us.svg");
-    background-size: contain;
-}
+  background-image: url("toggle-on-us.svg");
+  background-size: contain; }
 
 .toggle-switch-intl {
-    background-image: url("toggle-off-intl.svg");
-    background-size: contain;
-}
+  background-image: url("toggle-off-intl.svg");
+  background-size: contain; }
+
 .toggle-switch-intl:checked {
-    background-image: url("toggle-on-intl.svg");
-    background-size: contain;
-}
+  background-image: url("toggle-on-intl.svg");
+  background-size: contain; }
 
 /* Network */
-
 .nm-dialog {
-    max-height: 500px;
-    min-height: 450px;
-    min-width: 470px;
-}
+  max-height: 500px;
+  min-height: 450px;
+  min-width: 470px; }
 
 .nm-dialog-content {
-    spacing: 20px;
-}
+  spacing: 20px; }
 
 .nm-dialog-header-hbox {
-    spacing: 10px;
-}
+  spacing: 10px; }
 
 .nm-dialog-airplane-box {
-    spacing: 12px;
-}
+  spacing: 12px; }
 
 .nm-dialog-airplane-headline {
-    font-size: 1.1em;
-    font-weight: bold;
-    text-align: center;
-}
+  font-size: 1.1em;
+  font-weight: bold;
+  text-align: center; }
 
 .nm-dialog-airplane-text {
-    color: #999999;
-}
+  color: #999999; }
 
 .nm-dialog-header-icon {
-    icon-size: 32px;
-}
+  icon-size: 32px; }
 
 .nm-dialog-scroll-view {
-    border: 2px solid #666;
-    border-radius: 6px;
-}
+  border: 2px solid #666;
+  border-radius: 6px; }
 
 .nm-dialog-header {
-    font-weight: bold;
-}
+  font-weight: bold; }
 
 .nm-dialog-item {
-    font-size: 12pt;
-    border-bottom: 1px solid #666;
-    padding: 12px;
-    spacing: 20px;
-}
+  font-size: 12pt;
+  border-bottom: 1px solid #666;
+  padding: 12px;
+  spacing: 20px; }
 
 .nm-dialog-item:selected {
-    background-color: #333;
-}
+  background-color: #333; }
 
 .nm-dialog-icons {
-    spacing: .5em;
-}
+  spacing: .5em; }
 
 .nm-dialog-icon {
-    icon-size: 16px;
-}
+  icon-size: 16px; }
 
 .no-networks-label {
-    color: #999999;
-}
+  color: #999999; }
 
 .no-networks-box {
-    spacing: 12px;
-}
-
-/* Buttons */
-
-.candidate-page-button,
-.notification-button,
-.notification-icon-button,
-.hotplug-notification-item,
-.hotplug-resident-eject-button,
-.modal-dialog-button,
-.app-view-control {
-    border: 1px solid #8b8b8b;
-    background-gradient-direction: vertical;
-    background-gradient-start: rgba(255, 255, 255, 0.2);
-    background-gradient-end: rgba(255, 255, 255, 0);
-}
-
-.modal-dialog-button {
-    font-weight: bold;
-}
-
-.candidate-page-button:hover,
-.notification-button:hover,
-.notification-icon-button:hover,
-.hotplug-notification-item:hover,
-.hotplug-resident-eject-button:hover,
-.modal-dialog-button:hover {
-    background-gradient-start: rgba(255, 255, 255, 0.3);
-    background-gradient-end: rgba(255, 255, 255, 0.1);
-}
-
-.notification-button:focus,
-.notification-icon-button:focus,
-.hotplug-notification-item:focus,
-.modal-dialog-button:focus,
-.app-view-control:focus {
-    border-width: 2px;
-}
-
-.app-view-control:first-child:ltr:focus,
-.app-view-control:last-child:rtl:focus {
-    border-right-width: 1px;
-}
-
-.candidate-page-button:active,
-.candidate-page-button:pressed,
-.notification-button:active,
-.notification-icon-button:active,
-.hotplug-notification-item:active,
-.hotplug-resident-eject-button:active,
-.modal-dialog-button:active,
-.modal-dialog-button:pressed,
-.app-view-control:checked {
-    background-gradient-start: rgba(255, 255, 255, 0);
-    background-gradient-end: rgba(255, 255, 255, 0.2);
-}
-
-.candidate-page-button:insensitive,
-.notification-button:insensitive,
-.notification-icon-button:insensitive,
-.modal-dialog-button:insensitive {
-    border-color: #666666;
-    color: #9f9f9f;
-    background-gradient-direction: none;
-    background-color: rgba(102, 102, 102, 0.15);
-}
-
-/* Common radii */
-
-.search-entry,
-.modal-dialog-button,
-.notification-button,
-.hotplug-notification-item,
-.app-view-controls,
-#screenShieldNotifications {
-    border-radius: 18px;
-}
-
-.app-view-control:first-child:ltr,
-.app-view-control:last-child:rtl {
-    border-radius: 18px 0px 0px 18px;
-    border-right-width: 0px;
-}
-
-.app-view-control:last-child:ltr,
-.app-view-control:first-child:rtl {
-    border-radius: 0px 18px 18px 0px;
-}
+  spacing: 12px; }
 
 /* Entries */
-
 .search-entry,
 .login-dialog StEntry,
 .notification StEntry,
 .modal-dialog StEntry {
-    color: rgb(64, 64, 64);
-    caret-color: rgb(64, 64, 64);
-    font-size: 12pt;
-    caret-size: 1px;
-    selected-color: white;
-    padding: 4px 12px;
-}
+  color: #404040;
+  caret-color: #404040;
+  font-size: 12pt;
+  caret-size: 1px;
+  selected-color: white;
+  padding: 4px 12px; }
 
 .search-entry,
 .login-dialog StEntry,
 .run-dialog-entry,
 .notification StEntry {
-    border: 2px solid rgba(245,245,245,0.2);
-    background-gradient-start: rgba(5,5,6,0.1);
-    background-gradient-end: rgba(254,254,254,0.1);
-    background-gradient-direction: vertical;
-    transition-duration: 300ms;
-    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
-}
+  border: 2px solid rgba(245, 245, 245, 0.2);
+  background-gradient-start: rgba(5, 5, 6, 0.1);
+  background-gradient-end: rgba(254, 254, 254, 0.1);
+  background-gradient-direction: vertical;
+  transition-duration: 300ms;
+  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.6); }
 
 .search-entry:focus,
 .search-entry:hover,
 .login-dialog StEntry:focus,
 .notification StEntry:focus,
 .modal-dialog StEntry {
-    border: 2px solid rgb(136,138,133);
-    background-gradient-start: rgb(200,200,200);
-    background-gradient-end: white;
-    background-gradient-direction: vertical;
-    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.6);
-}
+  border: 2px solid #888a85;
+  background-gradient-start: #c8c8c8;
+  background-gradient-end: white;
+  background-gradient-direction: vertical;
+  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.6); }
 
 .login-dialog StEntry:focus,
 .notification StEntry:focus,
 .modal-dialog StEntry:focus {
-    border: 2px solid #3465a4;
-}
+  border: 2px solid #3465a4; }
 
 .search-entry {
-    border-color: rgba(245,245,245,0.3);
-    color: rgb(192, 192, 192);
-    caret-color: rgb(192, 192, 192);
-}
+  border-color: rgba(245, 245, 245, 0.3);
+  color: silver;
+  caret-color: silver; }
 
 .search-entry:hover {
-    color: rgb(128, 128, 128);
-    caret-color: rgb(128, 128, 128);
-}
+  color: gray;
+  caret-color: gray; }
 
 .search-entry:focus {
-    color: rgb(64, 64, 64);
-    caret-color: rgb(64, 64, 64);
-    font-weight: bold;
-    transition-duration: 0ms;
-}
+  color: #404040;
+  caret-color: #404040;
+  font-weight: bold;
+  transition-duration: 0ms; }
 
 .login-dialog StEntry,
 .notification StEntry,
 .modal-dialog StEntry {
-    border-radius: 5px;
-    padding: 4px 4px;
-}
+  border-radius: 5px;
+  padding: 4px 4px; }
 
 .prompt-dialog-password-entry .capslock-warning,
 .login-dialog-prompt-entry .capslock-warning {
-    icon-size: 16px;
-    warning-color: #999;
-    padding: 0 4px;
-}
+  icon-size: 16px;
+  warning-color: #999;
+  padding: 0 4px; }
 
 .login-dialog StEntry:insensitive,
 .modal-dialog StEntry:insensitive {
-    border-color: #666666;
-    color: #9f9f9f;
-    border: 2px solid #9f9f9f;
-    background-gradient-direction: none;
-    background-color: rgba(102, 102, 102, 0.15);
-    box-shadow: inset 0 0 rgba(0,0,0,1.0);
-}
+  border-color: #666666;
+  color: #9f9f9f;
+  border: 2px solid #9f9f9f;
+  background-gradient-direction: none;
+  background-color: rgba(102, 102, 102, 0.15);
+  box-shadow: inset 0 0 black; }
 
 /* Panel */
-
 #panel {
-    background-color: black;
-    font-weight: bold;
-    height: 1.86em;
-}
+  background-color: black;
+  font-weight: bold;
+  height: 1.86em; }
 
 #panel.unlock-screen,
 #panel.login-screen {
-    background-color: transparent;
-}
+  background-color: transparent; }
 
 #panelLeft, #panelCenter {
-    spacing: 4px;
-}
+  spacing: 4px; }
 
 #panelLeft:ltr {
-    padding-right: 4px;
-}
+  padding-right: 4px; }
 
 #panelLeft:rtl {
-    padding-left: 4px;
-}
+  padding-left: 4px; }
 
 #panelRight:ltr {
-    padding-left: 4px;
-}
+  padding-left: 4px; }
 
 #panelRight:rtl {
-    padding-right: 4px;
-}
+  padding-right: 4px; }
 
 .panel-corner {
-    -panel-corner-radius: 6px;
-    -panel-corner-background-color: black;
-    -panel-corner-border-width: 2px;
-    -panel-corner-border-color: transparent;
-}
+  -panel-corner-radius: 6px;
+  -panel-corner-background-color: black;
+  -panel-corner-border-width: 2px;
+  -panel-corner-border-color: transparent; }
 
 .panel-corner:active,
 .panel-corner:overview,
 .panel-corner:focus {
-    -panel-corner-border-color: rgba(255,255,255,0.8);
-}
+  -panel-corner-border-color: rgba(255, 255, 255, 0.8); }
 
 .panel-corner.lock-screen,
 .panel-corner.unlock-screen,
 .panel-corner.login-screen {
-    -panel-corner-background-color: transparent;
-    -panel-corner-border-color: transparent;
-}
+  -panel-corner-background-color: transparent;
+  -panel-corner-border-color: transparent; }
 
 #appMenu {
-    spinner-image: url("process-working.svg");
-    spacing: 4px;
-}
+  spinner-image: url("process-working.svg");
+  spacing: 4px; }
 
 /* used for the app menu header only */
 .label-shadow {
-    color: rgba(0,0,0,0.5);
-}
+  color: rgba(0, 0, 0, 0.5); }
 
 .panel-button #appMenuIcon {
-    app-icon-bottom-clip: 1px;
-}
+  app-icon-bottom-clip: 1px; }
 
 .panel-button:active #appMenuIcon,
 .panel-button:checked #appMenuIcon,
 .panel-button:focus #appMenuIcon {
-    app-icon-bottom-clip: 2px;
-}
+  app-icon-bottom-clip: 2px; }
 
 .panel-button {
-    -natural-hpadding: 12px;
-    -minimum-hpadding: 6px;
-    font-weight: bold;
-    color: #ccc;
-    transition-duration: 100ms;
-}
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #ccc;
+  transition-duration: 100ms; }
 
 #panel.unlock-screen .panel-button,
 #panel.lock-screen .panel-button,
 #panel.login-screen .panel-button {
-    color: #e6e6e6;
-}
+  color: #e6e6e6; }
 
 #panel.unlock-screen .panel-button:hover,
 #panel.lock-screen .panel-button:hover,
@@ -684,479 +424,390 @@ StScrollBar StButton#vhandle:active {
 #panel.unlock-screen .panel-button:focus,
 #panel.lock-screen .panel-button:focus,
 #panel.login-screen .panel-button:focus {
-    color: white;
-}
+  color: white; }
 
 .panel-button:hover {
-    color: white;
-    text-shadow: black 0px 2px 2px;
-}
+  color: white;
+  text-shadow: black 0px 2px 2px; }
 
 .panel-button:active,
 .panel-button:overview,
 .panel-button:focus {
-    border-image: url("panel-button-border.svg") 6 10 0 2;
-    background-image: url("panel-button-highlight-wide.svg");
-    color: white;
-    text-shadow: black 0px 2px 2px;
-}
+  border-image: url("panel-button-border.svg") 6 10 0 2;
+  background-image: url("panel-button-highlight-wide.svg");
+  color: white;
+  text-shadow: black 0px 2px 2px; }
 
 .panel-status-button:active,
 .panel-status-button:checked,
 .panel-status-button:focus {
-    background-image: url("panel-button-highlight-narrow.svg");
-}
+  background-image: url("panel-button-highlight-narrow.svg"); }
 
 .panel-button:active > .system-status-icon,
 .panel-button:checked > .system-status-icon,
 .panel-button:focus > .system-status-icon {
-    icon-shadow: black 0px 2px 2px;
-}
+  icon-shadow: black 0px 2px 2px; }
 
 .panel-menu {
-    -boxpointer-gap: 4px;
-}
+  -boxpointer-gap: 4px; }
 
 .panel-status-indicators-box,
 .panel-status-menu-box {
-    spacing: 2px;
-}
+  spacing: 2px; }
 
 .system-status-icon {
-    icon-size: 1.09em;
-    padding: 0 5px;
-}
+  icon-size: 1.09em;
+  padding: 0 5px; }
 
 .aggregate-menu {
-    width: 360px;
-}
+  width: 360px; }
 
 .aggregate-menu .popup-menu-icon {
-    padding: 0 4px;
-}
+  padding: 0 4px; }
 
 .system-switch-user-submenu-icon {
-    icon-size: 24px;
-    border: 1px solid #8b8b8b;
-}
+  icon-size: 24px;
+  border: 1px solid #8b8b8b; }
 
 .system-menu-action {
-    color: #e6e6e6;
-    border-radius: 32px; /* wish we could do 50% */
-    padding: 13px;
-    border: 2px solid #5f5f5f; /* using rgba() is flaky unfortunately */
-}
+  color: #e6e6e6;
+  border-radius: 32px;
+  /* wish we could do 50% */
+  padding: 13px;
+  border: 2px solid #5f5f5f;
+  /* using rgba() is flaky unfortunately */ }
 
 .system-menu-action:hover,
 .system-menu-action:focus {
-    color: white;
-    background-color: #4c4c4c;
-    border: none;
-    padding: 15px;
-}
+  color: white;
+  background-color: #4c4c4c;
+  border: none;
+  padding: 15px; }
 
 .system-menu-action:active {
-    color: black;
-    background-color: #6f6f6f;
-
-}
+  color: black;
+  background-color: #6f6f6f; }
 
 .system-menu-action > StIcon {
-    icon-size: 16px;
-}
+  icon-size: 16px; }
 
 .screencast-indicator {
-    color: #ff0000;
-}
+  color: #ff0000; }
 
 /* Overview */
-
 #overview {
-    spacing: 24px;
-}
+  spacing: 24px; }
 
 .overview-controls {
-    padding-bottom: 32px;
-}
+  padding-bottom: 32px; }
 
 .workspace-thumbnails {
-    spacing: 11px;
-    visible-width: 32px; /* Amount visible before hovering */
-    border: 1px solid rgba(128, 128, 128, 0.4);
-    border-right: 0px;
-    border-radius: 9px 0px 0px 9px;
-    background-color: rgba(0, 0, 0, 0.5);
-    padding: 11px 7px 11px 11px;
-}
+  spacing: 11px;
+  visible-width: 32px;
+  /* Amount visible before hovering */
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  border-right: 0px;
+  border-radius: 9px 0px 0px 9px;
+  background-color: rgba(0, 0, 0, 0.5);
+  padding: 11px 7px 11px 11px; }
 
 .workspace-thumbnails:rtl {
-    border-right: 1px;
-    border-left: 0px;
-    border-radius: 0px 9px 9px 0px;
-    padding: 11px 11px 11px 7px;
-}
+  border-right: 1px;
+  border-left: 0px;
+  border-radius: 0px 9px 9px 0px;
+  padding: 11px 11px 11px 7px; }
 
 .workspace-thumbnail-indicator {
-    border: 4px solid rgba(255,255,255,0.7);
-    border-radius: 4px;
-    padding: 1px;
-}
+  border: 4px solid rgba(255, 255, 255, 0.7);
+  border-radius: 4px;
+  padding: 1px; }
 
 .window-caption {
-    spacing: 25px;
-    background: rgba(0,0,0,0.5);
-    border-radius: 8px;
-    padding: 4px 12px;
-    -shell-caption-spacing: 12px;
-    border: 2px solid rgba(0, 0, 0, 0);
-}
+  spacing: 25px;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 8px;
+  padding: 4px 12px;
+  -shell-caption-spacing: 12px;
+  border: 2px solid transparent; }
 
 .window-caption:hover {
-    border: 2px solid rgba(255, 255, 255, 0);
-}
+  border: 2px solid rgba(255, 255, 255, 0); }
 
 .window-close, .notification-close {
-    background-image: url("close-window.svg");
-    background-size: 32px;
-    height: 32px;
-    width: 32px;
-}
+  background-image: url("close-window.svg");
+  background-size: 32px;
+  height: 32px;
+  width: 32px; }
 
 .window-close {
-    -shell-close-overlap: 16px;
-}
+  -shell-close-overlap: 16px; }
 
 .window-clone-border {
-    border: 4px solid rgba(255, 255, 255, 0.5);
-    border-radius: 4px;
-}
+  border: 4px solid rgba(255, 255, 255, 0.5);
+  border-radius: 4px; }
 
 .notification-close {
-    /* we start out in the top right of the
-     * notification, inset.
-     *
-     * center is 32px/2 = 16px
-     *
-     * adjust left 2px
-     * adjust down 8px */
-
-    -shell-close-overlap-x: 14px;
-    -shell-close-overlap-y: -12px;
-}
+  /* we start out in the top right of the
+   * notification, inset.
+   *
+   * center is 32px/2 = 16px
+   *
+   * adjust left 2px
+   * adjust down 8px */
+  -shell-close-overlap-x: 14px;
+  -shell-close-overlap-y: -12px; }
 
 .notification-close:rtl {
-    /* as above, but starting out in the top left of the
-     * notification. */
-
-    -shell-close-overlap-x: -14px;
-}
+  /* as above, but starting out in the top left of the
+   * notification. */
+  -shell-close-overlap-x: -14px; }
 
 .window-close:rtl {
-    -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5);
-}
+  -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); }
 
 .window-picker {
-    -horizontal-spacing: 32px;
-    -vertical-spacing: 32px;
-    padding-left: 32px;
-    padding-right: 32px;
-    padding-bottom: 48px;
-}
+  -horizontal-spacing: 32px;
+  -vertical-spacing: 32px;
+  padding-left: 32px;
+  padding-right: 32px;
+  padding-bottom: 48px; }
 
 .window-picker.external-monitor {
-    padding: 32px;
-}
+  padding: 32px; }
 
 .messages-indicator {
-    color: #999999;
-    height: 32px;
-}
+  color: #999999;
+  height: 32px; }
 
 .messages-indicator-contents {
-    spacing: 12px;
-    padding-bottom: 12px;
-}
+  spacing: 12px;
+  padding-bottom: 12px; }
 
 .messages-indicator-contents:hover {
-    color: white;
-    text-shadow: black 0px 2px 2px;
-}
+  color: white;
+  text-shadow: black 0px 2px 2px; }
 
 .messages-indicator-highlight {
-    background-gradient-start: transparent;
-    background-gradient-end: #999999;
-    background-gradient-direction: vertical;
-
-    height: 6px;
-}
+  background-gradient-start: transparent;
+  background-gradient-end: #999999;
+  background-gradient-direction: vertical;
+  height: 6px; }
 
 /* Dash */
-
 #dash {
-    color: #5f5f5f;
-    font-size: 9pt;
-    padding: 4px 0px;
-    background-color: rgba(0, 0, 0, 0.5);
-    border: 1px solid rgba(128, 128, 128, 0.4);
-    border-left: 0px;
-    border-radius: 0px 9px 9px 0px;
-}
+  color: #5f5f5f;
+  font-size: 9pt;
+  padding: 4px 0px;
+  background-color: rgba(0, 0, 0, 0.5);
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  border-left: 0px;
+  border-radius: 0px 9px 9px 0px; }
 
 #dash:rtl {
-    border-left: 1px;
-    border-right: 0px;
-    border-radius: 9px 0px 0px 9px;
-}
+  border-left: 1px;
+  border-right: 0px;
+  border-radius: 9px 0px 0px 9px; }
 
 .placeholder {
-    background-image: url("dash-placeholder.svg");
-    background-size: contain;
-    height: 24px;
-}
+  background-image: url("dash-placeholder.svg");
+  background-size: contain;
+  height: 24px; }
 
 .empty-dash-drop-target {
-    width: 24px;
-    height: 24px;
-}
+  width: 24px;
+  height: 24px; }
 
 /* Search Box */
-
 .search-entry {
-    width: 320px;
-}
+  width: 320px; }
 
 .search-entry-icon {
-    icon-size: 1em;
-    color: #c0c0c0;
-}
+  icon-size: 1em;
+  color: #c0c0c0; }
 
 .search-entry:hover .search-entry-icon,
 .search-entry:focus .search-entry-icon {
-    color: #8d8f8a;
-}
+  color: #8d8f8a; }
 
 /* Search Results */
-
 #searchResults {
-    padding: 20px 10px 0px 10px;
-    spacing: 18px;
-}
+  padding: 20px 10px 0px 10px;
+  spacing: 18px; }
 
 #searchResultsBin {
-    max-width: 1000px;
-}
+  max-width: 1000px; }
 
 #searchResultsContent {
-    padding-left: 20px;
-    padding-right: 20px;
-    spacing: 16px;
-}
+  padding-left: 20px;
+  padding-right: 20px;
+  spacing: 16px; }
 
 .search-section {
-    /* This should be equal to #searchResultsContent spacing */
-    spacing: 16px;
-}
+  /* This should be equal to #searchResultsContent spacing */
+  spacing: 16px; }
 
 .search-section-separator {
-    -gradient-height: 1px;
-    -gradient-start: rgba(255,255,255,0);
-    -gradient-end: rgba(255,255,255,0.5);
-    -margin-horizontal: 1.5em;
-    height: 1px;
-}
+  -gradient-height: 1px;
+  -gradient-start: rgba(255, 255, 255, 0);
+  -gradient-end: rgba(255, 255, 255, 0.5);
+  -margin-horizontal: 1.5em;
+  height: 1px; }
 
 .search-section-content {
-    /* This is the space between the provider icon and the results container */
-    spacing: 32px;
-}
+  /* This is the space between the provider icon and the results container */
+  spacing: 32px; }
 
 .search-statustext {
-    color: #efefef;
-    font-size: 2em;
-    font-weight: bold;
-}
+  color: #efefef;
+  font-size: 2em;
+  font-weight: bold; }
 
 .list-search-results {
-    spacing: 3px;
-}
+  spacing: 3px; }
 
 .dash-label {
-    border-radius: 7px;
-    padding: 4px 12px;
-    background-color: rgba(0,0,0,0.5);
-    text-align: center;
-    -x-offset: 8px;
-}
+  border-radius: 7px;
+  padding: 4px 12px;
+  background-color: rgba(0, 0, 0, 0.5);
+  text-align: center;
+  -x-offset: 8px; }
 
 /* Application Launchers, Grid and List results */
-
 .icon-grid {
-    spacing: 30px;
-    -shell-grid-horizontal-item-size: 136px;
-    -shell-grid-vertical-item-size: 136px;
-}
+  spacing: 30px;
+  -shell-grid-horizontal-item-size: 136px;
+  -shell-grid-vertical-item-size: 136px; }
 
 .icon-grid .overview-icon {
-    icon-size: 96px;
-}
+  icon-size: 96px; }
 
 .app-display {
-    spacing: 20px;
-}
+  spacing: 20px; }
 
 .app-view-controls {
-    padding-bottom: 32px;
-}
+  padding-bottom: 32px; }
 
 .app-view-control {
-    padding: 4px 32px;
-}
+  padding: 4px 32px; }
 
 .app-view-control:focus {
-    padding: 3px 31px;
-}
+  padding: 3px 31px; }
 
 .search-display > StBoxLayout,
 .all-apps,
 .frequent-apps > StBoxLayout {
-    /* horizontal padding to make sure scrollbars or dash don't overlap content */
-    padding: 0px 88px 10px 88px;
-}
+  /* horizontal padding to make sure scrollbars or dash don't overlap content */
+  padding: 0px 88px 10px 88px; }
 
 .page-indicator {
-    padding: 15px 20px;
-}
+  padding: 15px 20px; }
 
 .page-indicator .page-indicator-icon {
-    width: 18px;
-    height: 18px;
-    background-image: url(page-indicator-inactive.svg);
-}
+  width: 18px;
+  height: 18px;
+  background-image: url(page-indicator-inactive.svg); }
 
 .page-indicator:hover .page-indicator-icon {
-    background-image: url(page-indicator-hover.svg);
-}
+  background-image: url(page-indicator-hover.svg); }
 
 .page-indicator:active .page-indicator-icon {
-    background-image: url(page-indicator-active.svg);
-}
+  background-image: url(page-indicator-active.svg); }
 
 .page-indicator:checked .page-indicator-icon,
 .page-indicator:checked:active .page-indicator-icon {
-    background-image: url(page-indicator-checked.svg);
-}
+  background-image: url(page-indicator-checked.svg); }
 
 .no-frequent-applications-label {
-    font-size: 18pt;
-    color: #999999;
-}
+  font-size: 18pt;
+  color: #999999; }
 
 .app-folder-icon {
-    padding: 5px;
-    spacing-rows: 5px;
-    spacing-columns: 5px;
-}
+  padding: 5px;
+  spacing-rows: 5px;
+  spacing-columns: 5px; }
 
 .dash-item-container > StButton {
-    padding: 4px 8px;
-}
+  padding: 4px 8px; }
 
 .list-search-result-content {
-    spacing: 12px;
-    padding: 12px;
-}
+  spacing: 12px;
+  padding: 12px; }
 
 .list-search-result-title {
-    font-weight: bold;
-    font-size: 14pt;
-    color: white;
-}
+  font-weight: bold;
+  font-size: 14pt;
+  color: white; }
 
 .list-search-result-description {
-    color: #eeeeec;
-}
+  color: #eeeeec; }
 
 .search-provider-icon-more {
-    width: 16px;
-    height: 16px;
-    background-image: url("more-results.svg");
-}
+  width: 16px;
+  height: 16px;
+  background-image: url("more-results.svg"); }
 
 .app-well-app > .overview-icon.overview-icon-with-label,
 .grid-search-result .overview-icon.overview-icon-with-label {
-    /* since the label controls its own spacing, it is visually more
-    consistent to use different padding values for top and bottom */
-    padding: 10px 8px 5px 8px;
-    spacing: 4px;
-}
+  /* since the label controls its own spacing, it is visually more
+  consistent to use different padding values for top and bottom */
+  padding: 10px 8px 5px 8px;
+  spacing: 4px; }
 
 .app-well-app > .overview-icon,
 .show-apps > .overview-icon,
 .search-provider-icon,
 .list-search-result,
 .grid-search-result .overview-icon {
-    border-radius: 4px;
-    padding: 6px;
-    border: 1px rgba(0,0,0,0);
-    transition-duration: 100ms;
-    text-align: center;
-}
+  border-radius: 4px;
+  padding: 6px;
+  border: 1px transparent;
+  transition-duration: 100ms;
+  text-align: center; }
 
 .search-provider-icon {
-    padding: 15px;
-}
+  padding: 15px; }
 
 .app-folder-popup {
-    -arrow-border-radius: 8px;
-    -arrow-background-color: rgba(0,0,0,0.3);
-    -arrow-base: 24px;
-    -arrow-rise: 11px;
-}
+  -arrow-border-radius: 8px;
+  -arrow-background-color: rgba(0, 0, 0, 0.3);
+  -arrow-base: 24px;
+  -arrow-rise: 11px; }
 
 .app-folder-popup-bin {
-    padding: 5px;
-}
+  padding: 5px; }
 
 .app-well-app.running > .overview-icon {
-    text-shadow: black 0px 2px 2px;
-    background-image: url("running-indicator.svg");
-    background-size: contain;
-}
+  text-shadow: black 0px 2px 2px;
+  background-image: url("running-indicator.svg");
+  background-size: contain; }
 
 .app-well-app.app-folder > .overview-icon {
-    background-color: rgba(0,0,0,0.3);
-}
+  background-color: rgba(0, 0, 0, 0.3); }
 
 .app-well-app:hover > .overview-icon,
 .show-apps:hover > .overview-icon,
 .search-provider-icon:hover,
 .list-search-result:hover,
 .grid-search-result:hover .overview-icon {
-    background-color: rgba(255,255,255,0.1);
-    text-shadow: black 0px 2px 2px;
-    transition-duration: 100ms;
-    color:white;
-}
+  background-color: rgba(255, 255, 255, 0.1);
+  text-shadow: black 0px 2px 2px;
+  transition-duration: 100ms;
+  color: white; }
 
 .app-display .app-well-app > .overview-icon {
-    border-radius: 4px;
-}
+  border-radius: 4px; }
 
 .list-search-result:hover .list-search-result-description {
-    text-shadow: rgba(0,0,0,0.8) 0px 1px 2px;
-}
+  text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 2px; }
 
 .show-apps {
-    padding: 4px 0;
-}
+  padding: 4px 0; }
 
 .show-apps-icon {
-    color: #a0a0a0;
-}
+  color: #a0a0a0; }
 
 .show-apps:hover .show-apps-icon {
-    color: white;
-}
+  color: white; }
 
 .app-well-app:checked > .overview-icon,
 .app-well-app:active > .overview-icon,
@@ -1165,19 +816,17 @@ StScrollBar StButton#vhandle:active {
 .search-provider-icon:active,
 .grid-search-result:active .overview-icon,
 .list-search-result:active {
-    background-gradient-start: rgba(255, 255, 255, .05);
-    background-gradient-end: rgba(255, 255, 255, .15);
-    background-gradient-direction: vertical;
-    border-radius: 4px;
-    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
-    transition-duration: 100ms;
-}
+  background-gradient-start: rgba(255, 255, 255, 0.05);
+  background-gradient-end: rgba(255, 255, 255, 0.15);
+  background-gradient-direction: vertical;
+  border-radius: 4px;
+  box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.7);
+  transition-duration: 100ms; }
 
 .show-apps:checked .show-apps-icon,
 .show-apps:focus .show-apps-icon {
-    color: white;
-    transition-duration: 100ms;
-}
+  color: white;
+  transition-duration: 100ms; }
 
 .app-well-app:focus > .overview-icon,
 .grid-search-result:focus .overview-icon,
@@ -1188,1528 +837,1345 @@ StScrollBar StButton#vhandle:active {
 .grid-search-result:selected .overview-icon,
 .search-provider-icon:selected,
 .list-search-result:selected {
-    background-color: rgba(255,255,255,0.33);
-}
+  background-color: rgba(255, 255, 255, 0.33); }
 
 /* LookingGlass */
-
 #LookingGlassDialog {
-    background-color: rgba(0,0,0,0.80);
-    spacing: 4px;
-    padding: 4px;
-    border: 2px solid grey;
-    border-radius: 4px;
-}
+  background-color: rgba(0, 0, 0, 0.8);
+  spacing: 4px;
+  padding: 4px;
+  border: 2px solid grey;
+  border-radius: 4px; }
 
 #LookingGlassDialog > #Toolbar {
-    border: 1px solid grey;
-    border-radius: 4px;
-}
+  border: 1px solid grey;
+  border-radius: 4px; }
 
 #LookingGlassDialog .labels {
-    spacing: 4px;
-}
+  spacing: 4px; }
 
 #LookingGlassDialog .notebook-tab {
-    -natural-hpadding: 12px;
-    -minimum-hpadding: 6px;
-    font-weight: bold;
-    color: #ccc;
-    transition-duration: 100ms;
-    padding-left: .3em;
-    padding-right: .3em;
-}
+  -natural-hpadding: 12px;
+  -minimum-hpadding: 6px;
+  font-weight: bold;
+  color: #ccc;
+  transition-duration: 100ms;
+  padding-left: .3em;
+  padding-right: .3em; }
 
 #LookingGlassDialog .notebook-tab:hover {
-    color: white;
-    text-shadow: black 0px 2px 2px;
-}
+  color: white;
+  text-shadow: black 0px 2px 2px; }
 
 #LookingGlassDialog .notebook-tab:selected {
-    border-image: url("panel-button-border.svg") 10 10 0 2;
-    background-image: url("panel-button-highlight-wide.svg");
-    color: white;
-    text-shadow: black 0px 2px 2px;
-}
+  border-image: url("panel-button-border.svg") 10 10 0 2;
+  background-image: url("panel-button-highlight-wide.svg");
+  color: white;
+  text-shadow: black 0px 2px 2px; }
 
 .lg-dialog StEntry {
-    selection-background-color: #bbbbbb;
-    selected-color: #333333;
-}
+  selection-background-color: #bbbbbb;
+  selected-color: #333333; }
 
 .lg-completions-text {
-    font-size: .9em;
-    font-style: italic;
-}
+  font-size: .9em;
+  font-style: italic; }
 
 .lg-obj-inspector-title {
-    spacing: 4px;
-}
+  spacing: 4px; }
 
 .lg-obj-inspector-button {
-    border: 1px solid gray;
-    padding: 4px;
-    border-radius: 4px;
-}
+  border: 1px solid gray;
+  padding: 4px;
+  border-radius: 4px; }
 
 .lg-obj-inspector-button:hover {
-    border: 1px solid #ffffff;
-}
+  border: 1px solid #ffffff; }
 
 .lg-dialog .shell-link {
-    color: #999999;
-}
+  color: #999999; }
 
 .lg-dialog .shell-link:hover {
-    color: #dddddd;
-}
+  color: #dddddd; }
 
 #LookingGlassDialog StBoxLayout#EvalBox {
-    padding: 4px;
-    spacing: 4px;
-}
+  padding: 4px;
+  spacing: 4px; }
 
 #LookingGlassDialog StBoxLayout#ResultsArea {
-    spacing: 4px;
-}
+  spacing: 4px; }
 
 #lookingGlassExtensions {
-    padding: 4px;
-}
+  padding: 4px; }
 
 .lg-extensions-list {
-    padding: 4px;
-    spacing: 6px;
-}
+  padding: 4px;
+  spacing: 6px; }
 
 .lg-extension {
-    border: 1px solid #6f6f6f;
-    border-radius: 4px;
-    padding: 4px;
-}
+  border: 1px solid #6f6f6f;
+  border-radius: 4px;
+  padding: 4px; }
 
 .lg-extension-name {
-    font-weight: bold;
-}
+  font-weight: bold; }
 
 .lg-extension-meta {
-    spacing: 6px;
-}
+  spacing: 6px; }
 
 #LookingGlassPropertyInspector {
-    background: rgba(0, 0, 0, 0.8);
-    border: 2px solid grey;
-    border-radius: 4px;
-    padding: 6px;
-}
+  background: rgba(0, 0, 0, 0.8);
+  border: 2px solid grey;
+  border-radius: 4px;
+  padding: 6px; }
 
 /* Calendar popup */
-
 .calendar-vertical-separator {
-    -stipple-width: 1px;
-    -stipple-color: #505050;
-    width: 0.3em;
-}
+  -stipple-width: 1px;
+  -stipple-color: #505050;
+  width: 0.3em; }
 
 .calendar {
-    padding: .4em 1.75em .8em 1.75em;
-}
+  padding: .4em 1.75em .8em 1.75em; }
 
 .calendar-month-label {
-    color: #888a85;
-    font-size: 9.5pt;
-    font-weight: bold;
-    padding-bottom: 8px;
-    padding-top: 8px;
-}
+  color: #888a85;
+  font-size: 9.5pt;
+  font-weight: bold;
+  padding-bottom: 8px;
+  padding-top: 8px; }
 
 .calendar-month-label:focus {
-    background-color: #999999;
-}
+  background-color: #999999; }
 
 .calendar-change-month-back {
-    width: 18px;
-    height: 12px;
-    background-image: url("calendar-arrow-left.svg");
-    border-radius: 4px;
-}
+  width: 18px;
+  height: 12px;
+  background-image: url("calendar-arrow-left.svg");
+  border-radius: 4px; }
 
 .calendar-change-month-back:rtl {
-    background-image: url("calendar-arrow-right.svg");
-}
+  background-image: url("calendar-arrow-right.svg"); }
 
 .calendar-change-month-back:hover,
 .calendar-change-month-back:focus {
-    background-color: #999999;
-}
+  background-color: #999999; }
+
 .calendar-change-month-back:active {
-    background-color: #aaaaaa;
-}
+  background-color: #aaaaaa; }
 
 .calendar-change-month-forward {
-    width: 18px;
-    height: 12px;
-    background-image: url("calendar-arrow-right.svg");
-    border-radius: 4px;
-}
+  width: 18px;
+  height: 12px;
+  background-image: url("calendar-arrow-right.svg");
+  border-radius: 4px; }
 
 .calendar-change-month-forward:rtl {
-    background-image: url("calendar-arrow-left.svg");
-}
+  background-image: url("calendar-arrow-left.svg"); }
 
 .calendar-change-month-forward:hover,
 .calendar-change-month-forward:focus {
-    background-color: #999999;
-}
+  background-color: #999999; }
+
 .calendar-change-month-forward:active {
-    background-color: #aaaaaa;
-}
+  background-color: #aaaaaa; }
 
 .datemenu-date-label {
-    padding: .4em 1.7em;
-    font-weight: bold;
-    text-align: center;
-    color: #eeeeec;
-    border-radius: 4px;
-}
+  padding: .4em 1.7em;
+  font-weight: bold;
+  text-align: center;
+  color: #eeeeec;
+  border-radius: 4px; }
 
 .datemenu-date-label:hover,
 .datemenu-date-label:focus {
-    background-color: #999999;
-}
+  background-color: #999999; }
 
 .datemenu-date-label:active {
-    background-color: #aaaaaa;
-}
+  background-color: #aaaaaa; }
 
 .calendar-day-base {
-    font-size: 9pt;
-    text-align: center;
-    width: 2.4em;
-    height: 2.4em;
-}
+  font-size: 9pt;
+  text-align: center;
+  width: 2.4em;
+  height: 2.4em; }
 
 .calendar-day-base:hover,
 .calendar-day-base:focus {
-    background-color: #777777;
-}
+  background-color: #777777; }
 
 .calendar-day-base:active {
-    font-size: 9pt;
-    background-color: #555555;
-    color: white;
-}
+  font-size: 9pt;
+  background-color: #555555;
+  color: white; }
 
 .calendar-day-heading {
-    color: #888a85;
-    padding-top: .2em;
-    height: 1.7em;
-}
+  color: #888a85;
+  padding-top: .2em;
+  height: 1.7em; }
 
 .calendar-week-number {
-    color: #babdb6;
-    font-weight: bold;
-}
+  color: #babdb6;
+  font-weight: bold; }
 
 /* Hack used in lieu of border-collapse - see calendar.js */
 .calendar-day {
-    border: 1px solid #505050;
-    color: #babdb6;
-    border-top-width: 0;
-    border-left-width: 0;
-}
+  border: 1px solid #505050;
+  color: #babdb6;
+  border-top-width: 0;
+  border-left-width: 0; }
 
 .calendar-day-top {
-    border-top-width: 1px;
-}
+  border-top-width: 1px; }
 
 .calendar-day-left {
-    border-left-width: 1px;
-}
-
-.calendar-work-day {
-}
+  border-left-width: 1px; }
 
 .calendar-nonwork-day {
-    background-color: rgba(128, 128, 128, .1);
-}
+  background-color: rgba(128, 128, 128, 0.1); }
 
 .calendar-today {
-    background-image: url("calendar-today.svg");
-    text-shadow: black 0px 2px 2px;
-    font-weight: bold;
-}
+  background-image: url("calendar-today.svg");
+  text-shadow: black 0px 2px 2px;
+  font-weight: bold; }
 
 .calendar-day-with-events {
-    font-weight: bold;
-    color: white;
-}
+  font-weight: bold;
+  color: white; }
 
 .calendar-other-month-day {
-    color: #333333;
-}
+  color: #333333; }
 
 .events-table {
-    width: 320px;
-    spacing-columns: 6pt;
-    padding: 0 1.4em;
-}
+  width: 320px;
+  spacing-columns: 6pt;
+  padding: 0 1.4em; }
 
 .events-table:ltr {
-    padding-right: 1.9em;
-}
+  padding-right: 1.9em; }
 
 .events-table:rtl {
-    padding-left: 1.9em;
-}
+  padding-left: 1.9em; }
 
 .events-day-header {
-    font-weight: bold;
-    color: #999999;
-    padding-left: 0.4em;
-    padding-top: 1.2em;
-}
+  font-weight: bold;
+  color: #999999;
+  padding-left: 0.4em;
+  padding-top: 1.2em; }
 
 .events-day-header:first-child {
-    padding-top: 0;
-}
+  padding-top: 0; }
 
 .events-day-header:rtl {
-    padding-left: 0;
-    padding-right: 0.4em;
-}
+  padding-left: 0;
+  padding-right: 0.4em; }
 
 .events-day-dayname {
-    color: rgba(153, 153, 153, 1.0);
-    text-align: left;
-    min-width: 20px;
-}
+  color: #999999;
+  text-align: left;
+  min-width: 20px; }
 
 .events-day-dayname:rtl {
-    text-align: right;
-}
+  text-align: right; }
 
 .events-day-time {
-    color: #fff;
-    text-align: right;
-}
+  color: #fff;
+  text-align: right; }
 
 .events-day-time:rtl {
-    text-align: left;
-}
+  text-align: left; }
 
 .events-day-task {
-    color: rgba(153, 153, 153, 1.0);
-    padding-left: 8pt;
-}
+  color: #999999;
+  padding-left: 8pt; }
 
 .events-day-task:rtl {
-    padding-left: 0px;
-    padding-right: 8pt;
-}
+  padding-left: 0px;
+  padding-right: 8pt; }
 
 /* Message Tray */
-
 #message-tray {
-    background: #2e3436 url(message-tray-background.png);
-    background-repeat: repeat;
-    height: 72px;
-}
+  background: #2e3436 url(message-tray-background.png);
+  background-repeat: repeat;
+  height: 72px; }
 
 .message-tray-summary {
-    height: 72px;
-}
+  height: 72px; }
 
 .message-tray-menu-button StIcon {
-    padding: 0 20px;
-    color: #aaaaaa;
-    icon-size: 24px;
-}
+  padding: 0 20px;
+  color: #aaaaaa;
+  icon-size: 24px; }
 
 .message-tray-menu-button:hover StIcon,
 .message-tray-menu-button:active StIcon,
 .message-tray-menu-button:focus StIcon {
-    color: #eeeeee;
-}
+  color: #eeeeee; }
 
 .url-highlighter {
-    link-color: #ccccff;
-}
+  link-color: #ccccff; }
 
 .no-messages-label {
-    color: #999999;
-}
+  color: #999999; }
 
 .notification {
-    border-radius: 10px 10px 0px 0px;
-    background: rgba(0,0,0,0.9);
-    padding: 8px 8px 4px 8px;
-    spacing-rows: 4px;
-    spacing-columns: 10px;
-}
+  border-radius: 10px 10px 0px 0px;
+  background: rgba(0, 0, 0, 0.9);
+  padding: 8px 8px 4px 8px;
+  spacing-rows: 4px;
+  spacing-columns: 10px; }
 
 .notification, #notification-container {
-    font-size: 11pt;
-    width: 34em;
-}
+  font-size: 11pt;
+  width: 34em; }
 
 .notification.multi-line-notification {
-    padding-bottom: 8px;
-}
+  padding-bottom: 8px; }
 
 .notification-unexpanded {
-    /* We want to force the actor at a specific size, irrespective
-       of its minimum and preferred size, so we override both */
-    min-height: 36px;
-    height: 36px;
-}
+  /* We want to force the actor at a specific size, irrespective
+     of its minimum and preferred size, so we override both */
+  min-height: 36px;
+  height: 36px; }
 
 /* We use row-span = 2 for the image cell, which prevents its height preferences to be
    taken into account during allocation, so its height ends up being limited by the height
    of the content in the other rows. To avoid showing a stretched image, we set the minimum
    height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */
 .notification-with-image {
-    min-height: 159px;
-}
+  min-height: 159px; }
 
 .summary-boxpointer {
-    -arrow-border-radius: 15px;
-    -arrow-background-color: rgba(0,0,0,0.9);
-    -arrow-base: 36px;
-    -arrow-rise: 18px;
-    color: white;
-    -boxpointer-gap: 4px;
-}
+  -arrow-border-radius: 15px;
+  -arrow-background-color: rgba(0, 0, 0, 0.9);
+  -arrow-base: 36px;
+  -arrow-rise: 18px;
+  color: white;
+  -boxpointer-gap: 4px; }
 
 .summary-boxpointer .notification {
-    border-radius: 9px;
-    background: rgba(0,0,0,0) !important;
-    padding-bottom: 12px;
-}
+  border-radius: 9px;
+  background: transparent !important;
+  padding-bottom: 12px; }
 
 .summary-boxpointer #summary-right-click-menu {
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
+  padding-top: 12px;
+  padding-bottom: 12px; }
 
 .summary-notification-stack-scrollview {
-    max-height: 18em;
-    padding-top: 8px;
-    padding-bottom: 8px;
-}
+  max-height: 18em;
+  padding-top: 8px;
+  padding-bottom: 8px; }
 
 .summary-notification-stack-scrollview:ltr {
-    padding-right: 8px;
-}
+  padding-right: 8px; }
 
 .summary-notification-stack-scrollview:rtl {
-    padding-left: 8px;
-}
+  padding-left: 8px; }
 
 .notification-scrollview {
-    max-height: 10em;
-    -st-vfade-offset: 24px;
-}
+  max-height: 10em;
+  -st-vfade-offset: 24px; }
 
 .notification-scrollview:ltr > StScrollBar {
-    padding-left: 6px;
-}
+  padding-left: 6px; }
 
 .notification-scrollview:rtl > StScrollBar {
-    padding-right: 6px;
-}
+  padding-right: 6px; }
 
 .notification-body {
-    spacing: 5px;
-}
+  spacing: 5px; }
 
 .notification-actions {
-    padding-top: 18px;
-    spacing: 10px;
-}
+  padding-top: 18px;
+  spacing: 10px; }
 
 .notification-button {
-    -st-natural-width: 140px;
-    padding: 4px 4px 5px;
-}
+  -st-natural-width: 140px;
+  padding: 4px 4px 5px; }
 
 .notification-button:focus {
-    -st-natural-width: 138px;
-    padding: 3px 4px 4px;
-}
+  -st-natural-width: 138px;
+  padding: 3px 4px 4px; }
 
 .notification-icon-button {
-    border-radius: 5px;
-    padding: 5px;
-}
+  border-radius: 5px;
+  padding: 5px; }
 
 .notification-icon-button:focus {
-    padding: 4px;
-}
+  padding: 4px; }
 
 .notification-icon-button > StIcon {
-    icon-size: 16px;
-    padding: 8px;
-}
+  icon-size: 16px;
+  padding: 8px; }
 
 .secondary-icon {
-    icon-size: 1.09em;
-}
+  icon-size: 1.09em; }
 
 .hotplug-transient-box {
-    spacing: 6px;
-    padding: 2px 72px 2px 12px;
-}
+  spacing: 6px;
+  padding: 2px 72px 2px 12px; }
 
 .hotplug-notification-item {
-    padding: 2px 10px;
-}
+  padding: 2px 10px; }
 
 .hotplug-notification-item:focus {
-    padding: 1px 71px 1px 11px;
-}
+  padding: 1px 71px 1px 11px; }
 
 .hotplug-notification-item-icon {
-    icon-size: 24px;
-    padding: 2px 5px;
-}
+  icon-size: 24px;
+  padding: 2px 5px; }
 
 .hotplug-resident-box {
-    spacing: 8px;
-}
+  spacing: 8px; }
 
 .hotplug-resident-mount {
-    spacing: 8px;
-    border-radius: 4px;
-
-    color: #ccc;
-}
+  spacing: 8px;
+  border-radius: 4px;
+  color: #ccc; }
 
 .hotplug-resident-mount:hover {
-    background-gradient-direction: horizontal;
-    background-gradient-start: rgba(255, 255, 255, 0.1);
-    background-gradient-end: rgba(255, 255, 255, 0);
-
-    color: #fff;
-}
+  background-gradient-direction: horizontal;
+  background-gradient-start: rgba(255, 255, 255, 0.1);
+  background-gradient-end: rgba(255, 255, 255, 0);
+  color: #fff; }
 
 .hotplug-resident-mount-label {
-    color: inherit;
-    padding-left: 6px;
-}
+  color: inherit;
+  padding-left: 6px; }
 
 .hotplug-resident-mount-icon {
-    icon-size: 24px;
-    padding-left: 6px;
-}
+  icon-size: 24px;
+  padding-left: 6px; }
 
 .hotplug-resident-eject-icon {
-    icon-size: 16px;
-}
+  icon-size: 16px; }
 
 .hotplug-resident-eject-button {
-    padding: 7px;
-    border-radius: 5px;
-    color: #ccc;
-}
+  padding: 7px;
+  border-radius: 5px;
+  color: #ccc; }
 
 .chat-log-message {
-    color: #888888;
-}
+  color: #888888; }
 
 .chat-empty-line {
-    font-size: 4px;
-}
+  font-size: 4px; }
 
 .chat-received {
-    padding-left: 4px;
-}
+  padding-left: 4px; }
 
 .chat-received:rtl {
-    padding-left: 0px;
-    padding-right: 4px;
-}
+  padding-left: 0px;
+  padding-right: 4px; }
 
 .chat-sent {
-    padding-left: 18pt;
-    color: #959595;
-}
+  padding-left: 18pt;
+  color: #959595; }
 
 .chat-sent:rtl {
-    padding-left: 0px;
-    padding-right: 18pt;
-}
+  padding-left: 0px;
+  padding-right: 18pt; }
 
 .chat-meta-message {
-    padding-left: 4px;
-    font-size: 9pt;
-    font-weight: bold;
-    color: #bbbbbb;
-}
+  padding-left: 4px;
+  font-size: 9pt;
+  font-weight: bold;
+  color: #bbbbbb; }
 
 .chat-meta-message:rtl {
-    padding-left: 0px;
-    padding-right: 4px;
-}
+  padding-left: 0px;
+  padding-right: 4px; }
 
-.chat-notification-scrollview{
-    max-height: 22em;
-}
+.chat-notification-scrollview {
+  max-height: 22em; }
 
 .subscription-message {
-    font-style: italic;
-}
+  font-style: italic; }
 
 .notification StEntry {
-    border-radius: 4px;
-}
+  border-radius: 4px; }
 
 .summary-source-button {
-    padding: 6px 3px 6px 3px;
-}
+  padding: 6px 3px 6px 3px; }
 
 .summary-source-button:last-child:ltr {
-    padding-right: 6px;
-}
+  padding-right: 6px; }
 
 .summary-source-button:last-child:rtl {
-    padding-left: 6px;
-}
+  padding-left: 6px; }
 
 .summary-source-button:hover .summary-source {
-    background-color: rgba(255,255,255,0.1);
-}
+  background-color: rgba(255, 255, 255, 0.1); }
 
 .summary-source-button:focus .summary-source,
 .summary-source-button:selected .summary-source {
-    background-color: rgba(255,255,255,0.33);
-}
+  background-color: rgba(255, 255, 255, 0.33); }
 
 .summary-source {
-    border-radius: 4px;
-    padding: 0 6px 0 6px;
-    transition-duration: 100ms;
-}
+  border-radius: 4px;
+  padding: 0 6px 0 6px;
+  transition-duration: 100ms; }
 
 .summary-source-counter {
-    background-image: url("summary-counter.svg");
-    background-size: 2.4em;
-    font-size: 10pt;
-    font-weight: bold;
-    height: 2.4em;
-    width: 2.4em;
-    -shell-counter-overlap-x: 13px;
-    -shell-counter-overlap-y: 13px;
-}
+  background-image: url("summary-counter.svg");
+  background-size: 2.4em;
+  font-size: 10pt;
+  font-weight: bold;
+  height: 2.4em;
+  width: 2.4em;
+  -shell-counter-overlap-x: 13px;
+  -shell-counter-overlap-y: 13px; }
 
 /* OSD */
 .osd-window {
-    text-align: center;
-    font-weight: bold;
-    spacing: 1em;
-}
+  text-align: center;
+  font-weight: bold;
+  spacing: 1em; }
 
 .osd-window .level {
-    height: 0.6em;
-    border-radius: 0.3em;
-    background-color: rgba(190,190,190,0.2);
-}
+  height: 0.6em;
+  border-radius: 0.3em;
+  background-color: rgba(190, 190, 190, 0.2); }
 
 /* App Switcher */
 .switcher-popup {
-    padding: 8px;
-    spacing: 16px;
-}
+  padding: 8px;
+  spacing: 16px; }
 
 .osd-window,
 .switcher-list {
-    background: rgba(0,0,0,0.8);
-    border: 1px solid rgba(128,128,128,0.40);
-    border-radius: 24px;
-    padding: 20px;
-}
+  background: rgba(0, 0, 0, 0.8);
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  border-radius: 24px;
+  padding: 20px; }
 
 .switcher-list-item-container {
-    spacing: 8px;
-}
+  spacing: 8px; }
 
 .switcher-list .item-box {
-    padding: 8px;
-    border-radius: 8px;
-}
+  padding: 8px;
+  border-radius: 8px; }
 
 .switcher-list .item-box:outlined {
-    padding: 6px;
-    border: 2px solid rgba(85,85,85,1.0);
-}
+  padding: 6px;
+  border: 2px solid #555555; }
 
 .switcher-list .item-box:selected {
-    background: rgba(255,255,255,0.33);
-}
+  background: rgba(255, 255, 255, 0.33); }
 
 .switcher-list .thumbnail-box {
-    padding: 2px;
-    spacing: 4px;
-}
+  padding: 2px;
+  spacing: 4px; }
 
 .switcher-list .thumbnail {
-    width:  256px;
-}
+  width: 256px; }
 
 .switcher-list .separator {
-    width: 1px;
-    background: rgba(255,255,255,0.33);
-}
+  width: 1px;
+  background: rgba(255, 255, 255, 0.33); }
 
 .ripple-box {
-    width: 52px;
-    height: 52px;
-    background-image: url("corner-ripple-ltr.png");
-    background-size: contain;
-}
+  width: 52px;
+  height: 52px;
+  background-image: url("corner-ripple-ltr.png");
+  background-size: contain; }
 
 .ripple-box:rtl {
-    background-image: url("corner-ripple-rtl.png");
-}
+  background-image: url("corner-ripple-rtl.png"); }
 
 .switcher-arrow {
-    border-color: rgba(0,0,0,0);
-    color: #808080;
-}
+  border-color: transparent;
+  color: #808080; }
 
 .switcher-arrow:highlighted {
-    border-color: rgba(0,0,0,0);
-    color: white;
-}
+  border-color: transparent;
+  color: white; }
 
 /* Workspace Switcher */
 .workspace-switcher-group {
-    padding: 12px;
-}
+  padding: 12px; }
 
 .workspace-switcher-container {
-    background: rgba(0,0,0,0.8);
-    border: 1px solid rgba(128,128,128,0.40);
-    border-radius: 24px;
-    padding: 20px;
-}
+  background: rgba(0, 0, 0, 0.8);
+  border: 1px solid rgba(128, 128, 128, 0.4);
+  border-radius: 24px;
+  padding: 20px; }
 
 .workspace-switcher {
-    background: transparent;
-    border: 0px;
-    border-radius: 0px;
-    padding: 0px;
-    spacing: 8px;
-}
+  background: transparent;
+  border: 0px;
+  border-radius: 0px;
+  padding: 0px;
+  spacing: 8px; }
 
 .ws-switcher-active-up {
-    height: 100px;
-    border: 0px;
-    background: rgba(255,255,255,0.5);
-    background-image: url("ws-switch-arrow-up.png");
-    border-radius: 8px;
-}
+  height: 100px;
+  border: 0px;
+  background: rgba(255, 255, 255, 0.5);
+  background-image: url("ws-switch-arrow-up.png");
+  border-radius: 8px; }
 
 .ws-switcher-active-down {
-    height: 100px;
-    border: 0px;
-    background: rgba(255,255,255,0.5);
-    background-image: url("ws-switch-arrow-down.png");
-    border-radius: 8px;
-}
+  height: 100px;
+  border: 0px;
+  background: rgba(255, 255, 255, 0.5);
+  background-image: url("ws-switch-arrow-down.png");
+  border-radius: 8px; }
 
 .ws-switcher-box {
-    height: 96px;
-    border: 2px solid rgba(85,85,85,0.5);
-    background: transparent;
-    border-radius: 8px;
-}
+  height: 96px;
+  border: 2px solid rgba(85, 85, 85, 0.5);
+  background: transparent;
+  border-radius: 8px; }
 
 /* Tile previews */
 .tile-preview {
-    background-color: rgba(74, 144, 217, 0.35);
-    border: 1px solid #4a90d9; /* Adwaita selected bg color */
-}
+  background-color: rgba(74, 144, 217, 0.35);
+  border: 1px solid #4a90d9;
+  /* Adwaita selected bg color */ }
 
 .tile-preview-left.on-primary {
-    /* keep in sync with -panel-corner-radius */
-    border-radius: 6px 0 0 0;
-}
+  /* keep in sync with -panel-corner-radius */
+  border-radius: 6px 0 0 0; }
 
 .tile-preview-right.on-primary {
-    /* keep in sync with -panel-corner-radius */
-    border-radius: 0 6px 0 0;
-}
+  /* keep in sync with -panel-corner-radius */
+  border-radius: 0 6px 0 0; }
 
 .tile-preview-left.tile-preview-right.on-primary {
-    /* keep in sync with -panel-corner-radius */
-    border-radius: 6px 6px 0 0;
-}
+  /* keep in sync with -panel-corner-radius */
+  border-radius: 6px 6px 0 0; }
 
 /* Modal Dialogs */
-
 /* Dialog Subject Text Style */
 .show-processes-dialog-subject,
 .mount-question-dialog-subject,
 .end-session-dialog-subject {
-    font-size: 14pt;
-    font-weight: bold;
-    color: #999999;
-}
+  font-size: 14pt;
+  font-weight: bold;
+  color: #999999; }
 
 .modal-dialog {
-    border-radius: 24px;
-    background-color: rgba(0.0, 0.0, 0.0, 0.9);
-    border: 2px solid #868686;
-
-    padding-right: 42px;
-    padding-left: 42px;
-    padding-bottom: 30px;
-    padding-top: 30px;
-}
+  border-radius: 24px;
+  background-color: rgba(0, 0, 0, 0.9);
+  border: 2px solid #868686;
+  padding-right: 42px;
+  padding-left: 42px;
+  padding-bottom: 30px;
+  padding-top: 30px; }
 
 .modal-dialog-button-box {
-    spacing: 21px;
-    padding-top: 50px;
-}
-
-.modal-dialog-button {
-    padding: 4px 32px 5px;
-}
-
-.modal-dialog-button:focus {
-    padding: 3px 31px 4px;
-}
+  spacing: 21px;
+  padding-top: 50px; }
 
 /* Run Dialog */
-
 .run-dialog-label {
-    font-size: 12pt;
-    font-weight: bold;
-    color: #999999;
-    padding-bottom: .4em;
-}
+  font-size: 12pt;
+  font-weight: bold;
+  color: #999999;
+  padding-bottom: .4em; }
 
 .run-dialog-error-box {
-    padding-top: 15px;
-    spacing: 5px;
-}
+  padding-top: 15px;
+  spacing: 5px; }
 
 .modal-dialog .run-dialog-entry {
-    width: 20em;
-}
+  width: 20em; }
 
 .lightbox {
-    background-color: black;
-}
+  background-color: black; }
 
 .flashspot {
-    background-color: white;
-}
+  background-color: white; }
 
 /* End Session Dialog */
 .end-session-dialog {
-    spacing: 42px;
-}
+  spacing: 42px; }
 
 .end-session-dialog-list {
-    padding-top: 20px;
-}
+  padding-top: 20px; }
 
 .end-session-dialog-layout {
-    padding-left: 17px;
-}
+  padding-left: 17px; }
 
 .end-session-dialog-layout:rtl {
-    padding-right: 17px;
-}
+  padding-right: 17px; }
 
 .end-session-dialog-description {
-    width: 28em;
-    padding-bottom: 10px;
-}
+  width: 28em;
+  padding-bottom: 10px; }
 
 .end-session-dialog-description:rtl {
-    width: 28em;
-    padding-bottom: 10px;
-    text-align: right;
-}
+  width: 28em;
+  padding-bottom: 10px;
+  text-align: right; }
 
 .end-session-dialog-warning {
-    width: 28em;
-    color: #f57900;
-    padding-top: 6px;
-}
+  width: 28em;
+  color: #f57900;
+  padding-top: 6px; }
 
 .end-session-dialog-warning:rtl {
-    width: 28em;
-    color: #f57900;
-    padding-top: 6px;
-    text-align: right;
-}
+  width: 28em;
+  color: #f57900;
+  padding-top: 6px;
+  text-align: right; }
 
 .end-session-dialog-logout-icon {
-    border: 2px solid #8b8b8b;
-    border-radius: 5px;
-    width: 48px;
-    height: 48px;
-    background-size: contain;
-}
+  border: 2px solid #8b8b8b;
+  border-radius: 5px;
+  width: 48px;
+  height: 48px;
+  background-size: contain; }
 
 .end-session-dialog-shutdown-icon {
-    color: #bebebe;
-    width: 48px;
-    height: 48px;
-}
+  color: #bebebe;
+  width: 48px;
+  height: 48px; }
 
 .end-session-dialog-inhibitor-layout {
-    spacing: 16px;
-    max-height: 200px;
-    padding-right: 65px;
-    padding-left: 65px;
-}
+  spacing: 16px;
+  max-height: 200px;
+  padding-right: 65px;
+  padding-left: 65px; }
 
 .end-session-dialog-session-list,
 .end-session-dialog-app-list {
-    spacing: 1em;
-}
+  spacing: 1em; }
 
 .end-session-dialog-list-header {
-    font-weight: bold;
-}
+  font-weight: bold; }
 
 .end-session-dialog-list-header:rtl {
-    text-align: right;
-}
+  text-align: right; }
 
 .end-session-dialog-app-list-item,
 .end-session-dialog-session-list-item {
-    spacing: 1em;
-}
+  spacing: 1em; }
 
 .end-session-dialog-app-list-item-name,
 .end-session-dialog-session-list-item-name {
-    font-weight: bold;
-}
+  font-weight: bold; }
 
 .end-session-dialog-app-list-item-description {
-    color: #cccccc;
-    font-size: 10pt;
-}
+  color: #cccccc;
+  font-size: 10pt; }
 
 /* Restart message */
 .restart-message {
-    font-size: 14pt;
-}
+  font-size: 14pt; }
 
 /* ShellMountOperation Dialogs */
 .shell-mount-operation-icon {
-    icon-size: 48px;
-}
+  icon-size: 48px; }
 
 .show-processes-dialog,
 .mount-question-dialog {
-    spacing: 24px;
-}
+  spacing: 24px; }
 
 .show-processes-dialog-subject,
 .mount-question-dialog-subject {
-    padding-top: 10px;
-    padding-left: 17px;
-    padding-bottom: 6px;
-}
+  padding-top: 10px;
+  padding-left: 17px;
+  padding-bottom: 6px; }
 
 .mount-question-dialog-subject {
-    max-width: 500px;
-}
+  max-width: 500px; }
 
 .show-processes-dialog-subject:rtl,
 .mount-question-dialog-subject:rtl {
-    padding-left: 0px;
-    padding-right: 17px;
-}
+  padding-left: 0px;
+  padding-right: 17px; }
 
 .show-processes-dialog-description,
 .mount-question-dialog-description {
-    padding-left: 17px;
-    width: 28em;
-}
+  padding-left: 17px;
+  width: 28em; }
 
 .show-processes-dialog-description:rtl,
 .mount-question-dialog-description:rtl {
-    padding-right: 17px;
-}
+  padding-right: 17px; }
 
 .show-processes-dialog-app-list {
-    font-size: 10pt;
-    max-height: 200px;
-    padding-top: 24px;
-    padding-left: 49px;
-    padding-right: 32px;
-}
+  font-size: 10pt;
+  max-height: 200px;
+  padding-top: 24px;
+  padding-left: 49px;
+  padding-right: 32px; }
 
 .show-processes-dialog-app-list:rtl {
-    padding-right: 49px;
-    padding-left: 32px;
-}
+  padding-right: 49px;
+  padding-left: 32px; }
 
 .show-processes-dialog-app-list-item {
-    color: #ccc;
-}
+  color: #ccc; }
 
 .show-processes-dialog-app-list-item:hover {
-    color: white;
-}
+  color: white; }
 
 .show-processes-dialog-app-list-item:ltr {
-    padding-right: 1em;
-}
+  padding-right: 1em; }
 
 .show-processes-dialog-app-list-item:rtl {
-    padding-left: 1em;
-}
+  padding-left: 1em; }
 
 .show-processes-dialog-app-list-item-icon:ltr {
-    padding-right: 17px;
-}
+  padding-right: 17px; }
 
 .show-processes-dialog-app-list-item-icon:rtl {
-    padding-left: 17px;
-}
+  padding-left: 17px; }
 
 .show-processes-dialog-app-list-item-name {
-    font-size: 10pt;
-}
+  font-size: 10pt; }
 
 /* Password or Authentication Dialog */
 .prompt-dialog {
-    /* this is the width of the entire modal popup */
-    width: 500px;
-}
+  /* this is the width of the entire modal popup */
+  width: 500px; }
 
 .prompt-dialog-main-layout {
-    spacing: 24px;
-    padding: 10px;
-}
+  spacing: 24px;
+  padding: 10px; }
 
 .prompt-dialog-message-layout {
-    spacing: 16px;
-}
+  spacing: 16px; }
 
 .prompt-dialog-headline {
-    font-size: 12pt;
-    font-weight: bold;
-    color: #666666;
-}
+  font-size: 12pt;
+  font-weight: bold;
+  color: #666666; }
 
 .prompt-dialog-description:rtl {
-    text-align: right;
-}
+  text-align: right; }
 
 .prompt-dialog-password-box {
-    spacing: 1em;
-    padding-bottom: 1em;
-}
+  spacing: 1em;
+  padding-bottom: 1em; }
 
 .prompt-dialog-error-label {
-    font-size: 10pt;
-    color: #ffff00;
-    padding-bottom: 8px;
-}
+  font-size: 10pt;
+  color: #ffff00;
+  padding-bottom: 8px; }
 
 .prompt-dialog-info-label {
-    font-size: 10pt;
-    padding-bottom: 8px;
-}
+  font-size: 10pt;
+  padding-bottom: 8px; }
 
 .hidden {
-    color: rgba(0,0,0,0);
-}
+  color: transparent; }
 
 .prompt-dialog-null-label {
-    font-size: 10pt;
-    padding-bottom: 8px;
-}
+  font-size: 10pt;
+  padding-bottom: 8px; }
 
 /* Polkit Dialog */
-
 .polkit-dialog-user-layout {
-    padding-left: 10px;
-    spacing: 10px;
-}
+  padding-left: 10px;
+  spacing: 10px; }
 
 .polkit-dialog-user-layout:rtl {
-    padding-left: 0px;
-    padding-right: 10px;
-}
+  padding-left: 0px;
+  padding-right: 10px; }
 
 .polkit-dialog-user-root-label {
-    color: #ff0000;
-}
+  color: #ff0000; }
 
 .polkit-dialog-user-icon {
-    border: 2px solid #8b8b8b;
-    border-radius: 5px;
-    background-size: contain;
-    width: 48px;
-    height: 48px;
-}
+  border: 2px solid #8b8b8b;
+  border-radius: 5px;
+  background-size: contain;
+  width: 48px;
+  height: 48px; }
 
 /* Network Agent Dialog */
-
 .network-dialog-secret-table {
-    spacing-rows: 15px;
-    spacing-columns: 1em;
-}
+  spacing-rows: 15px;
+  spacing-columns: 1em; }
 
 .keyring-dialog-control-table {
-    spacing-rows: 15px;
-    spacing-columns: 1em;
-}
+  spacing-rows: 15px;
+  spacing-columns: 1em; }
 
 /* Magnifier */
-
 .magnifier-zoom-region {
-    border: 2px solid rgba(128, 0, 0, 255);
-}
+  border: 2px solid maroon; }
 
 .magnifier-zoom-region.full-screen {
-    border-width: 0px;
-}
+  border-width: 0px; }
 
 /* On-screen Keyboard */
-
 #keyboard {
-    background: rgba(0,0,0,0.8);
-}
+  background: rgba(0, 0, 0, 0.8); }
 
 .keyboard-layout {
-    spacing: 10px;
-    padding: 10px;
-}
+  spacing: 10px;
+  padding: 10px; }
 
 .keyboard-row {
-    spacing: 15px;
-}
+  spacing: 15px; }
 
 .keyboard-key {
-    min-height: 30px;
-    min-width: 30px;
-    background-gradient-start: rgba(255,245,245,0.4);
-    background-gradient-end: rgba(105,105,105,0.1);
-    background-gradient-direction: vertical;
-    font-size: 14pt;
-    font-weight: bold;
-    border-radius: 10px;
-    border: 2px solid #a0a0a0;
-    color: white;
-}
+  min-height: 30px;
+  min-width: 30px;
+  background-gradient-start: rgba(255, 245, 245, 0.4);
+  background-gradient-end: rgba(105, 105, 105, 0.1);
+  background-gradient-direction: vertical;
+  font-size: 14pt;
+  font-weight: bold;
+  border-radius: 10px;
+  border: 2px solid #a0a0a0;
+  color: white; }
 
 .keyboard-key:grayed {
-   color: #808080;
-   border-color: #808080;
-}
+  color: #808080;
+  border-color: #808080; }
 
 .keyboard-key:checked,
 .keyboard-key:hover {
-    background: #303030;
-    border: 3px solid white;
-}
+  background: #303030;
+  border: 3px solid white; }
 
 .keyboard-key:active {
-    background: #808080;
-}
+  background: #808080; }
 
 .keyboard-subkeys {
-    color: white;
-    padding: 5px;
-    -arrow-border-radius: 10px;
-    -arrow-background-color: #090909;
-    -arrow-border-width: 2px;
-    -arrow-border-color: white;
-    -arrow-base: 20px;
-    -arrow-rise: 10px;
-    -boxpointer-gap: 5px;
-}
+  color: white;
+  padding: 5px;
+  -arrow-border-radius: 10px;
+  -arrow-background-color: #090909;
+  -arrow-border-width: 2px;
+  -arrow-border-color: white;
+  -arrow-base: 20px;
+  -arrow-rise: 10px;
+  -boxpointer-gap: 5px; }
 
 /* IBus Candidate Popup */
-
 .candidate-popup-content {
-    padding: 0.5em;
-    spacing: 0.3em;
-}
+  padding: 0.5em;
+  spacing: 0.3em; }
 
 .candidate-index {
-    padding: 0 0.5em 0 0;
-    color: #cccccc;
-}
+  padding: 0 0.5em 0 0;
+  color: #cccccc; }
 
 .candidate-box {
-    padding: 0.3em 0.5em 0.3em 0.5em;
-}
+  padding: 0.3em 0.5em 0.3em 0.5em; }
 
 .candidate-box:selected {
-    border-radius: 4px;
-    background-color: rgba(255,255,255,0.2);
-}
+  border-radius: 4px;
+  background-color: rgba(255, 255, 255, 0.2); }
 
 .candidate-box:hover {
-    border-radius: 4px;
-    background-color: rgba(255,255,255,0.1);
-}
+  border-radius: 4px;
+  background-color: rgba(255, 255, 255, 0.1); }
+
 .candidate-page-button-box {
-    height: 2em;
-    width: 80px;
-}
+  height: 2em;
+  width: 80px; }
 
 .vertical .candidate-page-button-box {
-    padding-top: 0.5em;
-}
+  padding-top: 0.5em; }
 
 .horizontal .candidate-page-button-box {
-    padding-left: 0.5em;
-}
+  padding-left: 0.5em; }
 
 .candidate-page-button-previous {
-    border-radius: 4px 0px 0px 4px;
-}
+  border-radius: 4px 0px 0px 4px; }
 
 .candidate-page-button-next {
-    border-radius: 0px 4px 4px 0px;
-}
+  border-radius: 0px 4px 4px 0px; }
 
 .candidate-page-button-icon {
-    icon-size: 1em;
-}
+  icon-size: 1em; }
 
 /* Login Dialog */
-
 .framed-user-icon {
-    border: 2px solid #8b8b8b;
-    border-radius: 3px;
-    background-size: contain;
-}
+  border: 2px solid #8b8b8b;
+  border-radius: 3px;
+  background-size: contain; }
 
 .framed-user-icon:hover {
-    border: 2px solid #bbbbbb;
-}
+  border: 2px solid #bbbbbb; }
 
 .login-dialog-banner {
-    font-size: 10pt;
-    font-weight: bold;
-    text-align: center;
-    color: #666666;
-    padding-bottom: 1em;
-}
+  font-size: 10pt;
+  font-weight: bold;
+  text-align: center;
+  color: #666666;
+  padding-bottom: 1em; }
 
 .login-dialog {
-    /* Reset border and background */
-    border: none;
-    background-color: transparent;
-}
+  /* Reset border and background */
+  border: none;
+  background-color: transparent; }
 
 .login-dialog-button-box {
-    spacing: 5px;
-}
+  spacing: 5px; }
 
 .login-dialog-user-list-view {
-    -st-vfade-offset: 1em;
-}
+  -st-vfade-offset: 1em; }
 
 .login-dialog-user-list {
-    spacing: 12px;
-    padding: .2em;
-    width: 23em;
-}
+  spacing: 12px;
+  padding: .2em;
+  width: 23em; }
 
 .login-dialog-user-list-item {
-    border-radius: 5px;
-    padding: .2em;
-    color: #bfbfbf;
-    text-shadow: black 0px 2px 2px;
-}
+  border-radius: 5px;
+  padding: .2em;
+  color: #bfbfbf;
+  text-shadow: black 0px 2px 2px; }
 
 .login-dialog-user-list-item:ltr {
-    padding-right: 1em;
-}
+  padding-right: 1em; }
 
 .login-dialog-user-list-item:rtl {
-    padding-left: 1em;
-}
+  padding-left: 1em; }
 
 .login-dialog-user-list-item:hover {
-    background-color: rgba(255,255,255,0.1);
-}
+  background-color: rgba(255, 255, 255, 0.1); }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:focus {
-    background-color: rgba(255,255,255,0.33);
-}
+  background-color: rgba(255, 255, 255, 0.33); }
 
 .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in {
-    background-image: url("logged-in-indicator.svg");
-    background-size: contain;
-}
+  background-image: url("logged-in-indicator.svg");
+  background-size: contain; }
 
 .login-dialog-user-list-item .login-dialog-timed-login-indicator {
-    background-color: rgba(0,0,0,0.0);
-    height: 2px;
-}
+  background-color: transparent;
+  height: 2px; }
 
 .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator {
-    background-color: #8b8b8b;
-}
+  background-color: #8b8b8b; }
 
 .login-dialog-not-listed-label {
-    font-size: 10.5pt;
-    font-weight: bold;
-    color: #666666;
-    padding-top: 1em;
-}
+  font-size: 10.5pt;
+  font-weight: bold;
+  color: #666666;
+  padding-top: 1em; }
 
 .login-dialog-user-selection-box {
-    padding: 100px 0;
-}
+  padding: 100px 0; }
 
 .login-dialog-user-selection-box .login-dialog-not-listed-label {
-    padding-left: 2px;
-}
+  padding-left: 2px; }
 
 .login-dialog-not-listed-button:focus .login-dialog-not-listed-label,
 .login-dialog-not-listed-button:hover .login-dialog-not-listed-label {
-    color: #E8E8E8;
-}
+  color: #E8E8E8; }
 
 .login-dialog-username,
 .user-widget-label {
-    font-size: 16pt;
-    font-weight: bold;
-    text-align: left;
-    padding-left: 15px;
-    text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 1px 0px;
-}
+  font-size: 16pt;
+  font-weight: bold;
+  text-align: left;
+  padding-left: 15px;
+  text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 1px 0px; }
 
 .login-dialog-prompt-layout {
-    padding-top: 24px;
-    padding-bottom: 12px;
-    spacing: 8px;
-    width: 23em;
-}
+  padding-top: 24px;
+  padding-bottom: 12px;
+  spacing: 8px;
+  width: 23em; }
 
 .login-dialog-prompt-label {
-    color: #eeeeee;
-    font-size: 14px;
-    padding-top: 11px;
-}
+  color: #eeeeee;
+  font-size: 14px;
+  padding-top: 11px; }
 
 .login-dialog-session-list-button StIcon {
-    icon-size: 1.25em;
-}
+  icon-size: 1.25em; }
 
 .login-dialog-session-list-button {
-    color: #8b8b8b;
-}
+  color: #8b8b8b; }
 
 .login-dialog-session-list-button:hover,
 .login-dialog-session-list-button:focus,
 .login-dialog-session-list-button:active {
-    color: white;
-}
+  color: white; }
 
 .login-dialog-logo-bin {
-    padding: 24px 0px;
-}
+  padding: 24px 0px; }
 
 .login-dialog .modal-dialog-button-box {
-    spacing: 3px;
-}
+  spacing: 3px; }
 
 .login-dialog .modal-dialog-button {
-    border-radius: 5px;
-    padding: 3px 18px;
-}
+  border-radius: 5px;
+  padding: 3px 18px; }
 
 .login-dialog .modal-dialog-button:focus {
-    padding: 2px 17px;
-}
+  padding: 2px 17px; }
 
 .login-dialog .modal-dialog-button:default {
-    background-gradient-start: #6793c4;
-    background-gradient-end: #335d8f;
-    background-gradient-direction: vertical;
-    border-color: #16335d;
-}
+  background-gradient-start: #6793c4;
+  background-gradient-end: #335d8f;
+  background-gradient-direction: vertical;
+  border-color: #16335d; }
 
 .login-dialog .modal-dialog-button:default:focus {
-    border: 2px solid #377fe7;
-}
+  border: 2px solid #377fe7; }
 
 .login-dialog .modal-dialog-button:default:hover {
-    background-gradient-start: #74a0d0;
-    background-gradient-end: #436d9f;
-}
+  background-gradient-start: #74a0d0;
+  background-gradient-end: #436d9f; }
 
 .login-dialog .modal-dialog-button:default:active,
 .login-dialog .modal-dialog-button:default:pressed {
-    background-gradient-start: #436d9f;
-    background-gradient-end: #74a0d0;
-}
+  background-gradient-start: #436d9f;
+  background-gradient-end: #74a0d0; }
 
 .login-dialog .modal-dialog-button:default:insensitive {
-    border-color: #666666;
-    color: #9f9f9f;
-    background-gradient-direction: none;
-    background-color: rgba(102, 102, 102, 0.15);
-}
+  border-color: #666666;
+  color: #9f9f9f;
+  background-gradient-direction: none;
+  background-color: rgba(102, 102, 102, 0.15); }
 
 .login-dialog-message {
-    padding-top: 4px;
-    padding-bottom: 16px;
-    min-height: 2em;
-}
+  padding-top: 4px;
+  padding-bottom: 16px;
+  min-height: 2em; }
 
 .login-dialog-message-warning {
-    color: orange;
-}
+  color: orange; }
 
 .login-dialog-message-hint {
-    padding-top: 0px;
-    padding-bottom: 20px;
-}
-
-.user-widget-label {
-}
+  padding-top: 0px;
+  padding-bottom: 20px; }
 
 .user-widget-label:ltr {
-    padding-left: 18px;
-}
+  padding-left: 18px; }
 
 .user-widget-label:rtl {
-    padding-right: 18px;
-}
+  padding-right: 18px; }
 
 /* Screen shield */
-
 #panel.lock-screen,
 #screenShieldNotifications {
-    background-color: rgba(0,0,0,0.3);
-}
+  background-color: rgba(0, 0, 0, 0.3); }
 
 .screen-shield-background {
-    background: black;
-    box-shadow: 0px 4px 8px rgba(0,0,0,0.9);
-}
+  background: black;
+  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.9); }
 
 #lockDialogGroup {
-    background: #2e3436 url(noise-texture.png);
-    background-repeat: repeat;
-}
+  background: #2e3436 url(noise-texture.png);
+  background-repeat: repeat; }
 
 .screen-shield-arrows {
-    padding-bottom: 3em;
-}
+  padding-bottom: 3em; }
 
 .screen-shield-arrows Gjs_Arrow {
-    color: white;
-    width: 80px;
-    height: 48px;
-    -arrow-thickness: 12px;
-    -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4);
-}
+  color: white;
+  width: 80px;
+  height: 48px;
+  -arrow-thickness: 12px;
+  -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
 
 .screen-shield-contents-box {
-    spacing: 48px;
-}
+  spacing: 48px; }
 
 .screen-shield-clock {
-    color: white;
-    text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
-    font-weight: bold;
-    text-align: center;
-    padding-bottom: 1.5em;
-}
+  color: white;
+  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
+  font-weight: bold;
+  text-align: center;
+  padding-bottom: 1.5em; }
 
 .screen-shield-clock-time {
-    font-size: 72pt;
-    text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
-}
+  font-size: 72pt;
+  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
 
 .screen-shield-clock-date {
-    font-size: 28pt;
-}
+  font-size: 28pt; }
 
 #screenShieldNotifications {
-    max-height: 500px;
-    padding: 12px;
-}
+  max-height: 500px;
+  padding: 12px; }
 
 .screen-shield-notifications-box {
-    spacing: 12px;
-    width: 30em;
-}
+  spacing: 12px;
+  width: 30em; }
 
 .screen-shield-notification-source {
-    padding: 3px 6px;
-    spacing: 5px;
-}
+  padding: 3px 6px;
+  spacing: 5px; }
 
 .screen-shield-notification-label {
-    font-weight: bold;
-    padding: 0px 0px 0px 12px;
-}
+  font-weight: bold;
+  padding: 0px 0px 0px 12px; }
 
 .screen-shield-notification-count-text {
-    padding: 0px 0px 0px 12px;
-}
+  padding: 0px 0px 0px 12px; }
 
 /* Remove background from notifications, otherwise
    opacity is doubled and they look darker
 */
 .screen-shield-notifications-box .notification {
-    background-color: transparent;
-}
+  background-color: transparent; }
 
 /* Override padding on resident notifications, since
    the notifications box has its own spacing
 */
 .screen-shield-notifications-box .summary-notification-stack-scrollview {
-    padding-top: 0px;
-    padding-bottom: 0px;
-}
+  padding-top: 0px;
+  padding-bottom: 0px; }
 
 #screenShieldNotifications .notification-button,
 #screenShieldNotifications .notification-icon-button {
-    border: 1px rgba(255,255,255,0.5);
-}
+  border: 1px rgba(255, 255, 255, 0.5); }
 
 #screenShieldNotifications StScrollBar StBin#trough {
-    background-color: rgba(0,0,0,0.2);
-}
+  background-color: rgba(0, 0, 0, 0.2); }
 
 #screenShieldNotifications StScrollBar StButton#vhandle,
 #screenShieldNotifications StScrollBar StButton#hhandle {
-    background-color: rgba(0,0,0,0.3);
-    border: none;
-}
+  background-color: rgba(0, 0, 0, 0.3);
+  border: none; }
 
 #screenShieldNotifications StScrollBar StButton#vhandle:hover,
 #screenShieldNotifications StScrollBar StButton#hhandle {
-    background-color: rgba(0,0,0,0.6);
-}
+  background-color: rgba(0, 0, 0, 0.6); }
 
 #screenShieldNotifications StScrollBar StButton#vhandle:active,
 #screenShieldNotifications StScrollBar StButton#hhandle {
-    background-color: rgba(0,0,0,0.8);
-}
+  background-color: rgba(0, 0, 0, 0.8); }
 
 .input-source-switcher-symbol {
-   font-size: 34pt;
-   width: 96px;
-   height: 96px;
-}
+  font-size: 34pt;
+  width: 96px;
+  height: 96px; }
 
 /* Background menu */
-
 .background-menu {
-    -boxpointer-gap: 4px;
-    -arrow-rise: 0px;
-}
+  -boxpointer-gap: 4px;
+  -arrow-rise: 0px; }
+
+/* This stylesheet is generated, DO NOT EDIT */
+/* Copyright 2009, Red Hat, Inc.
+ *
+ * Portions adapted from Mx's data/style/default.css
+ *   Copyright 2009 Intel Corporation
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms and conditions of the GNU Lesser General Public License,
+ * version 2.1, as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program; if not, write to the Free Software Foundation,
+ * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA.
+ */
+/* GLOBALS */
+stage {
+  font-family: Cantarell, Sans-Serif;
+  font-size: 11pt;
+  color: #eeeeec; }
+
+/* WIDGETS */
+/* Buttons */
+.candidate-page-button,
+.notification-button,
+.notification-icon-button,
+.hotplug-notification-item,
+.hotplug-resident-eject-button,
+.modal-dialog-button,
+.app-view-control {
+  border-radius: 3px;
+  border-width: 1px;
+  padding: 4px 32px;
+  color: #eeeeec;
+  background-color: #2e3436;
+  border-color: rgba(0, 0, 0, 0.7);
+  box-shadow: inset 0 1px #454f52;
+  text-shadow: 0 1px black;
+  icon-shadow: 0 1px black; }
+  .candidate-page-button:hover,
+  .notification-button:hover,
+  .notification-icon-button:hover,
+  .hotplug-notification-item:hover,
+  .hotplug-resident-eject-button:hover,
+  .modal-dialog-button:hover,
+  .app-view-control:hover {
+    color: white;
+    border-color: rgba(0, 0, 0, 0.7);
+    background-color: #454f52;
+    box-shadow: inset 0 1px #5d696d;
+    text-shadow: 0 1px black;
+    icon-shadow: 0 1px black; }
+  .candidate-page-button:focus,
+  .notification-button:focus,
+  .notification-icon-button:focus,
+  .hotplug-notification-item:focus,
+  .hotplug-resident-eject-button:focus,
+  .modal-dialog-button:focus,
+  .app-view-control:focus {
+    color: #eeeeec;
+    border-color: #215d9c;
+    box-shadow: inset 0 1px #454f52;
+    text-shadow: 0 1px black;
+    icon-shadow: 0 1px black; }
+  .candidate-page-button:insensitive,
+  .notification-button:insensitive,
+  .notification-icon-button:insensitive,
+  .hotplug-notification-item:insensitive,
+  .hotplug-resident-eject-button:insensitive,
+  .modal-dialog-button:insensitive,
+  .app-view-control:insensitive {
+    color: #939695;
+    border-color: rgba(0, 0, 0, 0.7);
+    background-color: rgba(66, 71, 73, 0.7);
+    box-shadow: none;
+    text-shadow: none;
+    icon-shadow: none; }
+  .candidate-page-button:active,
+  .notification-button:active,
+  .notification-icon-button:active,
+  .hotplug-notification-item:active,
+  .hotplug-resident-eject-button:active,
+  .modal-dialog-button:active,
+  .app-view-control:active {
+    color: white;
+    border-color: rgba(0, 0, 0, 0.7);
+    background-color: #2e3436;
+    box-shadow: none;
+    text-shadow: none;
+    icon-shadow: none; }
+
+/* Entries */
+/* Scrollbars */
+StScrollBar {
+  padding: 0; }
+  StScrollBar.vfade {
+    -st-vfade-offset: 68px; }
+  StScrollBar.hfade {
+    -st-hfade-offset: 68px; }
+  StScrollView StScrollBar {
+    min-width: 14px;
+    min-height: 14px; }
+  StScrollBar StBin#trough {
+    border-radius: 0;
+    background-color: #2e3436; }
+  StScrollBar StButton#vhandle, StScrollBar StButton#hhandle {
+    border-radius: 6px;
+    background-color: #393f3f;
+    border: 3px solid #2e3436; }
+    StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover {
+      background-color: #515a5a; }
+    StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
+      background-color: #215d9c; }
+
+/* links */
+.shell-link {
+  color: #4a90d9; }
+  .shell-link:hover {
+    color: #74aae2; }
+
+/* TOP BAR */
+/* NOTIFICATIONS & MESSAGE TRAY */
diff --git a/data/theme/gnome-shell.scss b/data/theme/gnome-shell.scss
new file mode 100644
index 0000000..1ef9f29
--- /dev/null
+++ b/data/theme/gnome-shell.scss
@@ -0,0 +1,6 @@
+$variant: 'dark';
+
+ import "_gnome-shell-old.scss"; //temporary
+ import "_colors"; //use gtk colors
+ import "_drawing";
+ import "_common";