[gnome-shell/wip/sassWithSomeFixes: 7/33] theme: top bar styling.

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

commit 70e6352775f2a0ea022f5273e8817d9e17576505
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Oct 8 14:14:49 2014 +0200

    theme: top bar styling.

 data/theme/_common.scss          |   28 ++++++++++++++++++++
 data/theme/_gnome-shell-old.scss |   51 --------------------------------------
 2 files changed, 28 insertions(+), 51 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index a30f404..f56a712 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -196,6 +196,34 @@ StScrollBar {
 
 /* TOP BAR */
 
+#panel {
+  background-color: black;
+  font-weight: bold;
+  height: 1.86em;
+  &.unlock-screen,
+  &.login-screen { background-color: transparent; }
+
+  #panelLeft, #panelCenter { // spacing between activities<>app menu and such
+    spacing: 4px;
+  }
+  
+  .panel-corner {
+    -panel-corner-radius: 6px;
+    -panel-corner-background-color: black;
+    -panel-corner-border-width: 2px;
+    -panel-corner-border-color: transparent; 
+    
+    &:active, &:overview, &:focus { -panel-corner-border-color: transparentize($fg_color, 0.1); }
+    &.lock-screen, &.login-screen, &unlock-screen {
+      -panel-corner-radius: 0;
+      -panel-corner-background-color: transparent;
+      -panel-corner-border-color: transparent;
+    }
+  }
+  
+}
+
+
 // not really top bar only
 .popup-menu-arrow { width: 16px; height: 16px; }
 .popup-menu-icon { icon-size: 1.09em; }
diff --git a/data/theme/_gnome-shell-old.scss b/data/theme/_gnome-shell-old.scss
index 2f9a760..e161d49 100644
--- a/data/theme/_gnome-shell-old.scss
+++ b/data/theme/_gnome-shell-old.scss
@@ -193,57 +193,6 @@
 
 /* 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;