[gnome-shell/wip/sass: 19/30] theme: entry selections, parsed css

[Jakub Steiner <jimmac src gnome org>]

commit ddda560d18cc243f1066fb17491b90278f8700e2
Author: Jakub Steiner <jimmac gmail com>
Date:   Wed Oct 15 19:15:24 2014 +0200

    theme: entry selections, parsed css

 data/theme/_common.scss    |    3 +-
 data/theme/gnome-shell.css |  275 ++++++++++++++++---------------------------
 2 files changed, 104 insertions(+), 174 deletions(-)
---
diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index 98c1819..e0b45d7 100644
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -66,7 +66,8 @@ StEntry {
   //&:hover { @include entry(hover);}
   &:focus { @include entry(focus,$fc:transparentize($fg_color,0.5));}
   &:insensitive { @include entry(insensitive);}
- 
+  selection-background-color: $selected_bg_color;
+  selected-color: $selected_fg_color;
 }
 
 
diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index cebb9dd..9221aba 100644
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -16,68 +16,6 @@
  * 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 */
-/* 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-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; }
-
-.app-well-menu {
-    max-width: 400px;
-}
-
-/* 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.
- */
-/* 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;
@@ -132,114 +70,6 @@
 .no-networks-box {
   spacing: 12px; }
 
-/* Panel */
-#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 */
 /* LookingGlass */
 #LookingGlassDialog {
@@ -1512,7 +1342,9 @@ StEntry {
   color: #eeeeec;
   background-color: #292929;
   border-color: #1c1f1f;
-  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4); }
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
+  selection-background-color: #215d9c;
+  selected-color: #ffffff; }
   StEntry:focus {
     box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4);
     border-color: rgba(154, 154, 142, 0.5); }
@@ -1543,6 +1375,17 @@ StScrollBar {
     StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
       background-color: #215d9c; }
 
+/* Slider */
+.slider {
+  height: 1em;
+  -slider-height: 0.3em;
+  -slider-background-color: #323636;
+  -slider-border-color: #1c1f1f;
+  -slider-active-background-color: #215d9c;
+  -slider-active-border-color: #184472;
+  -slider-border-width: 1px;
+  -slider-handle-radius: 6px; }
+
 /* Check Boxes */
 .check-box StBoxLayout {
   spacing: .8em; }
@@ -1557,6 +1400,22 @@ StScrollBar {
 .check-box:focus:checked Stbin {
   background-image: url("checkbox-focused.svg"); }
 
+/* Switches */
+.toggle-switch {
+  width: 65px;
+  height: 22px;
+  background-size: contain; }
+
+.toggle-switch-us {
+  background-image: url("toggle-off-us.svg"); }
+  .toggle-switch-us:checked {
+    background-image: url("toggle-on-us.svg"); }
+
+.toggle-switch-intl {
+  background-image: url("toggle-off-intl.svg"); }
+  .toggle-switch-intl:checked {
+    background-image: url("toggle-on-intl.svg"); }
+
 /* links */
 .shell-link {
   color: #4a90d9; }
@@ -1621,6 +1480,10 @@ StScrollBar {
     .popup-menu .popup-inactive-menu-item:insensitive {
       color: rgba(238, 238, 236, 0.5); }
 
+.popup-menu-ornament {
+  text-align: right;
+  width: 1em; }
+
 .popup-menu-boxpointer,
 .candidate-popup-boxpointer {
   -arrow-border-radius: 3px;
@@ -1640,7 +1503,7 @@ StScrollBar {
   background-color: black;
   font-weight: bold;
   height: 1.86em; }
-  #panel.unlock-screen, #panel.login-screen {
+  #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
     background-color: transparent; }
   #panel #panelLeft, #panel #panelCenter {
     spacing: 4px; }
@@ -1650,11 +1513,77 @@ StScrollBar {
     -panel-corner-border-width: 2px;
     -panel-corner-border-color: transparent; }
     #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus {
-      -panel-corner-border-color: rgba(238, 238, 236, 0.9); }
+      -panel-corner-border-color: #729fcf; }
     #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen {
       -panel-corner-radius: 0;
       -panel-corner-background-color: transparent;
       -panel-corner-border-color: transparent; }
+  #panel .panel-button {
+    -natural-hpadding: 12px;
+    -minimum-hpadding: 6px;
+    font-weight: bold;
+    color: #ccc;
+    transition-duration: 100ms; }
+    #panel .panel-button #appMenuIcon {
+      app-icon-bottom-clip: 1px; }
+      .panel-button:active #panel .panel-button #appMenuIcon, .panel-button:overview #panel .panel-button 
#appMenuIcon, .panel-button:focus #panel .panel-button #appMenuIcon, .panel-button:checked #panel 
.panel-button #appMenuIcon {
+        app-icon-bottom-clip: 2px; }
+    #panel .panel-button:hover {
+      color: white;
+      text-shadow: black 0 2px 2px; }
+    #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel 
.panel-button:checked {
+      border-image: url("panel-button-border.svg") 6 10 0 2;
+      color: white;
+      text-shadow: black 0px 2px 2px; }
+      #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > 
.system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > 
.system-status-icon {
+        icon-shadow: black 0 2px 2px; }
+    #panel .panel-button .system-status-icon {
+      icon-size: 1.09em;
+      padding: 0 5px; }
+    .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel 
.panel-button {
+      color: white; }
+      .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen 
#panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel 
.panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, 
.lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+        color: white; }
+  #panel .panel-status-button:active, #panel .panel-status-button:overview, #panel 
.panel-status-button:focus, #panel .panel-status-button:checked {
+    border-image: url("panel-button-border.svg") 6 10 0 2; }
+  #panel .panel-menu {
+    -boxpointer-gap: 4px; }
+  #panel .panel-status-indicators-box,
+  #panel .panel-status-menu-box {
+    spacing: 2px; }
+  #panel .screencast-indicator {
+    color: #f57900; }
+
+.system-switch-user-submenu-icon {
+  icon-size: 24px;
+  border: 1px solid rgba(238, 238, 236, 0.4); }
+
+#appMenu {
+  spinner-image: url("process-working.svg");
+  spacing: 4px; }
+  #appMenu .label-shadow {
+    color: rgba(0, 0, 0, 0.5); }
+
+.aggregate-menu {
+  width: 360px; }
+  .aggregate-menu .popup-menu-icon {
+    padding: 0 4px; }
+
+.system-menu-action {
+  color: #eeeeec;
+  border-radius: 32px;
+  /* wish we could do 50% */
+  padding: 13px;
+  border: 1px solid #282c2c; }
+  .system-menu-action:hover, .system-menu-action:focus {
+    color: white;
+    background-color: #515a5a;
+    border: none;
+    padding: 14px; }
+  .system-menu-action:active {
+    background-color: #282c2c; }
+  .system-menu-action > StIcon {
+    icon-size: 16px; }
 
 .popup-menu-arrow {
   width: 16px;