Bug 602674 - New popup theme for context menu and notifications [r=mfinkle]

mobile/themes/core/browser.css

@@ -993,9 +993,11 @@ documenttab[reload="true"] > stack > .documenttab-reload {
   list-style-image: url("chrome://browser/skin/images/lock-40.png");
 }
 
-/* Page Actions popup   ---------------------------------------------------- */
+/* Page Actions, Prompt, and Context Menu popups --------------------------- */
 .prompt-buttons,
+#context-commands,
 #pageactions-container {
+  background: transparent;
   border-top: 1px solid rgb(205,205,205);
   padding: 0;
   -moz-user-focus: ignore;
@@ -1003,6 +1005,7 @@ documenttab[reload="true"] > stack > .documenttab-reload {
 }
 
 .prompt-button,
+.context-command,
 pageaction {
   -moz-border-top-colors: white;
   -moz-border-right-colors: rgb(175,175,175);
@@ -1011,10 +1014,24 @@ pageaction {
   border-style: solid;
   border-width: 1px !important;
   height: 64px;
+}
+
+/* Override richlistbox and richlistitem styles */
+#context-commands > scrollbox {
   width: 100%;
 }
 
-/* Override buttons style */
+.context-command {
+  -moz-box-align: center;
+  min-height: 64px;
+  min-width: 200px; /* keep the button from being too narrow */
+}
+
+.context-command[selected="true"] {
+  background: transparent;
+}
+
+/* Override button styles */
 .prompt-button {
   margin: 0;
   -moz-border-image: none !important;
@@ -1044,6 +1061,7 @@ pageaction {
 }
 
 .prompt-button:not([disabled]):hover:active,
+.context-command:hover:active,
 pageaction:not([disabled]):hover:active {
   background: url("chrome://browser/skin/images/popup-selected-item-hdpi.png") repeat-x !important;
   background-origin: border-box !important;
@@ -1063,6 +1081,7 @@ pageaction:not([image]) > hbox >.pageaction-image {
 }
 
 .prompt-button,
+.context-command,
 .pageaction-title {
   font-size: 24px !important;
   color: #414141 !important;
@@ -1077,6 +1096,12 @@ pageaction:not([image]) > hbox >.pageaction-image {
   display: none;
 }
 
+#share-title,
+#context-hint {
+  font-size: 18px;
+  padding: 4px;
+}
+
 /* Preferences window   ---------------------------------------------------- */
 .setting {
   padding-left: 10px;
@@ -1456,45 +1481,6 @@ echrome-select-option[disabled="true"] {
   visibility: hidden;
 }
 
-/* context popup ----------------------------------------------------------- */
-#context-popup {
-  /* Remove some dialog-dark styles */
-  padding: 8px 0 0 0;
-  border: none;
-}
-
-#share-title,
-#context-hint {
-  font-size: 18px;
-  padding: 4px;
-}
-
-#context-commands {
-  border: 1px solid rgb(207,207,207);
-  -moz-border-radius: 0 0 8px 8px;
-}
-
-.context-command {
-  -moz-box-align: center;
-  background-color: rgb(245,245,245);
-  min-width: 200px; /* keep the command from being too narrow */
-}
-
-.context-command[selector="first-child"] {
-  background: -moz-linear-gradient(top, rgb(255,255,255), rgb(245,245,245));
-}
-
-.context-command[selector="last-child"] {
-  background: -moz-linear-gradient(top, rgb(245,245,245), rgb(215,215,215));
-  -moz-border-radius: 0 0 8px 8px;
-}
-
-/* Force any command tap to highlight */
-.context-command:hover:active {
-  background: #8db8d8;
-}
-
-
 /* full-screen video ------------------------------------------------------- */
 .full-screen {
   position: absolute;

mobile/themes/core/platform.css

@@ -94,21 +94,6 @@ textbox.search-bar {
   background-color: #767973;
 }
 
-/* dialog popups ----------------------------------------------------------- */
-.dialog-dark {
-  color: #fff;
-  background-color: #767973;
-  border-width: 4px 3px 4px 3px;
-  border-style: solid;
-  -moz-border-top-colors: black #4a4b4f;
-  -moz-border-left-colors: black #4a4b4f;
-  -moz-border-bottom-colors: black #4a4b4f;
-  -moz-border-right-colors: black #4a4b4f;
-  -moz-border-radius: 8px 8px 8px 8px;
-  -moz-box-shadow: black 0 2px 2px;
-  padding: 8px;
-}
-
 /* prompt dialogs ---------------------------------------------------------- */
 .context-block,
 .modal-block {
@@ -119,6 +104,7 @@ textbox.search-bar {
 }
 
 dialog,
+.dialog-dark,
 .panel-arrowcontent {
   background: url("chrome://browser/skin/images/popup-bg-hdpi.png") left bottom repeat-x;
   background-color: white;