[gnome-shell/wip/sassWithSomeFixes: 4/8] theme: looking glass

[Carlos Soriano Sánchez <csoriano src gnome org>]

commit 3bc4a7f4b037976e11a616faf9b7364ba1a15fde
Author: Jakub Steiner <jimmac gmail com>
Date:   Thu Oct 23 20:31:03 2014 +0200

    theme: looking glass

 data/theme/_common.scss          |   94 +++++++++++++++++++++-
 data/theme/_gnome-shell-old.scss |  113 -------------------------
 data/theme/gnome-shell.css       |  170 ++++++++++++++++++--------------------
 3 files changed, 173 insertions(+), 204 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index 2cb38cc..d21cc4b 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -507,7 +507,7 @@ StScrollBar {
     -shell-grid-horizontal-item-size: 136px;
     -shell-grid-vertical-item-size: 136px;
     
-    //.overview-icon { icon-size: 96px; } FIXME no effect
+    .overview-icon { icon-size: 96px; } //FIXME no effect
   }
   //.app-display { spacing: 20px; }
 
@@ -661,3 +661,95 @@ StScrollBar {
 }
 
 /* NOTIFICATIONS & MESSAGE TRAY */
+
+
+/* Eeeky things */
+//Mess that is Looking Glass
+
+#LookingGlassDialog {
+  background-color: rgba(0,0,0,0.80);
+  spacing: 4px;
+  padding: 4px;
+  border: 2px solid grey;
+  border-radius: 4px;
+  & > #Toolbar {
+    border: 1px solid grey;
+    border-radius: 4px;
+  }
+  .labels { spacing: 4px; }
+  .notebook-tab {
+    -natural-hpadding: 12px;
+    -minimum-hpadding: 6px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100ms;
+    padding-left: .3em;
+    padding-right: .3em;
+    &:hover {
+      color: white;
+      text-shadow: black 0px 2px 2px;
+    }
+    &:selected {
+      border-image: url("panel-button-border.svg") 10 10 0 2;
+      color: white;
+      text-shadow: black 0px 2px 2px;
+    }
+  }
+  StBoxLayout#EvalBox { padding: 4px; spacing: 4px; }
+  StBoxLayout#ResultsArea { spacing: 4px; }
+}
+
+  .lg-dialog {
+    StEntry {
+      selection-background-color: #bbbbbb;
+      selected-color: #333333;
+    }
+    .shell-link { 
+      color: #999999;
+      &:hover { color: #dddddd; }
+     }
+  }
+
+  .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;
+      &:hover { border: 1px solid #ffffff; }
+  }
+
+  #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;
+  }
diff --git a/data/theme/_gnome-shell-old.scss b/data/theme/_gnome-shell-old.scss
index 1408150..049b3f5 100644
--- a/data/theme/_gnome-shell-old.scss
+++ b/data/theme/_gnome-shell-old.scss
@@ -94,119 +94,6 @@
 
 /* Overview */
 
-
-/* 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 {
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 3bebcd7..28a3a7e 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -71,96 +71,6 @@
   spacing: 12px; }
 
 /* Overview */
-/* LookingGlass */
-#LookingGlassDialog {
-  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; }
-
-#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;
@@ -1729,6 +1639,8 @@ StScrollBar {
   spacing: 30px;
   -shell-grid-horizontal-item-size: 136px;
   -shell-grid-vertical-item-size: 136px; }
+  .icon-grid .overview-icon {
+    icon-size: 96px; }
 
 .app-view-controls {
   padding-bottom: 32px; }
@@ -1868,3 +1780,81 @@ StScrollBar {
   color: #eeeeec; }
 
 /* NOTIFICATIONS & MESSAGE TRAY */
+/* Eeeky things */
+#LookingGlassDialog {
+  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; }
+  #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;
+      color: white;
+      text-shadow: black 0px 2px 2px; }
+  #LookingGlassDialog StBoxLayout#EvalBox {
+    padding: 4px;
+    spacing: 4px; }
+  #LookingGlassDialog StBoxLayout#ResultsArea {
+    spacing: 4px; }
+
+.lg-dialog StEntry {
+  selection-background-color: #bbbbbb;
+  selected-color: #333333; }
+.lg-dialog .shell-link {
+  color: #999999; }
+  .lg-dialog .shell-link:hover {
+    color: #dddddd; }
+
+.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; }
+
+#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; }