upgrade dojo to 1.8.3 (refs #570)

[tt-rss.git] / lib / dijit / themes / claro / Menu.css

diff --git a/lib/dijit/themes/claro/Menu.css b/lib/dijit/themes/claro/Menu.css
index e1c1562e835d7fc90b23048141aff637f0baa29c..d54f04ddcde08e4fbbeb4e60fcc337373b4190bd 100644 (file)
--- a/lib/dijit/themes/claro/Menu.css
+++ b/lib/dijit/themes/claro/Menu.css
@@ -4,8 +4,8 @@ There are three areas of styling for the Menu:
  
  1. The menu 
        There are three types of menus:
-       i)Context Menu
-       ii)Drop down Menu
+       i) Context Menu
+       ii) Drop down Menu
        iii) Navigation Menu
        All three types of menus are affected by the .dijitMenu class in which you can set the background-color, padding and border
        .dijitMenu affects the drop down menu in TimeTextBox, Calendar, ComboBox and FilteringSelect
@@ -18,7 +18,7 @@ There are three areas of styling for the Menu:
  3. Menu items - items in the menu.  
        .dijitMenuItem - for color
        .dijitMenuItemHover, .dijitMenuItemSelected - for background-color, border, text color, padding of a menu item or menubar item that has been hovered over or selected   
-       .dijitMenuItemActive - for bacgkround-color of an active (mousedown) menu item
+       .dijitMenuItemActive - for background-color of an active (mousedown) menu item
        td.dijitMenuItemIconCell - for padding around a  menu item's icon
        td.dijitMenuItemLabel - for padding around a menu item's label  
        .dijitMenuSeparatorTop - for border, top border, of the separator
@@ -34,15 +34,15 @@ There are three areas of styling for the Menu:
   margin: 0;
   padding: 0;
   background-color: #efefef;
-  background-image: url("images/commonHighlight.png");
-  background-position: 0 0;
+  background-image: url("images/standardGradient.png");
   background-repeat: repeat-x;
-}
-.dj_ie6 .claro .dijitMenuBar {
-  background-image: none;
+  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  _background-image: none;
 }
 .claro .dijitMenu {
-  background-repeat: repeat-y;
   background-color: #ffffff;
   border: 1px solid #759dc0;
   /* so adjoining borders of MenuBar/ComboBox and Menu overlap, avoiding double border */
@@ -54,16 +54,16 @@ There are three areas of styling for the Menu:
   /* above -1px makes top/bottom borders disappear on IE6 */
 
 }
+.claro .dijitMenuItem {
+  color: #000000;
+}
 .claro .dijitMenuBar .dijitMenuItem {
   padding: 6px 10px 7px;
-  background-position: 0 100px;
   margin: -1px;
 }
-.claro .dijitMenuItem {
-  background-image: url("images/menuHighlight.png");
-  background-position: 0 -40px;
-  background-repeat: repeat-x;
-  color: #000000;
+.claro .dijitMenuBar .dijitMenuItemHover, .claro .dijitMenuBar .dijitMenuItemSelected {
+  border: solid 1px #759dc0;
+  padding: 5px 9px 6px;
 }
 /* this prevents jiggling upon hover of a menu item */
 .claro .dijitMenuTable {
@@ -74,27 +74,28 @@ There are three areas of styling for the Menu:
 .claro .dijitMenuItem td {
   padding: 1px;
 }
-/* hover over a MenuBarItem */
-.claro .dijitMenuPassive .dijitMenuItemHover, .claro .dijitMenuPassive .dijitMenuItemSelected {
+/* hover over a MenuItem or MenuBarItem */
+.claro .dijitSelectMenu .dijitMenuItemHover td,
+.claro .dijitSelectMenu .dijitMenuItemSelected td,
+.claro .dijitMenuItemHover,
+.claro .dijitMenuItemSelected {
   background-color: #abd6ff;
-  border: solid 1px #759dc0;
-  background-position: 0 0;
-  color: #000000;
-  padding: 5px 9px 6px;
-}
-.claro .dijitMenuPassive .dijitMenuItemActive {
-  background-position: 0 -177px;
-}
-.dj_ie6 .claro .dijitMenuItem, .dj_ie6 .claro .dijitMenuPassive .dijitMenuItem {
-  background-image: none;
+  background-image: url("images/standardGradient.png");
+  background-repeat: repeat-x;
+  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
+  _background-image: none;
 }
-/* MenuBarItem that has been selected and menu drops down from it */
-.claro .dijitMenuActive .dijitMenuItemHover, .claro .dijitMenuActive .dijitMenuItemSelected {
-  border: solid 1px #759dc0;
-  padding: 5px 9px 6px;
-  background-color: #abd6ff;
-  background-position: 0 0;
-  color: #000000;
+.claro .dijitMenuItemActive {
+  background-image: url("images/activeGradient.png");
+  background-repeat: repeat-x;
+  background-image: -moz-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
+  background-image: -webkit-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
+  background-image: -o-linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
+  background-image: linear-gradient(rgba(190, 190, 190, 0.98) 0px, rgba(255, 255, 255, 0.65) 3px, rgba(255, 255, 255, 0) 100%);
+  _background-image: none;
 }
 .dj_ie .claro .dijitMenuActive .dijitMenuItemHover,
 .dj_ie .claro .dijitMenuActive .dijitMenuItemSelected,
@@ -104,13 +105,6 @@ There are three areas of styling for the Menu:
   padding-bottom: 5px;
   margin-top: -3px;
 }
-.claro .dijitMenuActive .dijitMenuItemActive {
-  background-color: #7dbdfa;
-  background-position: 0 -177px;
-}
-.claro .dijitMenuItemActive {
-  background-position: 0 -177px;
-}
 .claro td.dijitMenuItemIconCell {
   padding: 2px;
   margin: 0 0 0 4px;
@@ -162,25 +156,23 @@ There are three areas of styling for the Menu:
   margin-left: 0;
   background-image: none;
 }
-.claro .dijitComboBoxMenu .dijitMenuItem {
+.claro .dijitSelectMenu .dijitMenuItem td, .claro .dijitComboBoxMenu .dijitMenuItem {
   padding: 2px;
   border-width: 1px 0 1px 0;
   border-style: solid;
   border-color: #ffffff;
 }
-.claro .dijitComboBoxMenu .dijitMenuItemSelected {
+.claro .dijitSelectMenu .dijitMenuItemSelected td, .claro .dijitComboBoxMenu .dijitMenuItemSelected {
   color: #000000;
   border-color: #759dc0;
   background-color: #abd6ff;
 }
-.claro .dijitComboBoxMenu .dijitMenuItemHover {
+.claro .dijitSelectMenu .dijitMenuItemHover td, .claro .dijitComboBoxMenu .dijitMenuItemHover {
   color: #000000;
   border-color: #769dc0;
   background-color: #abd6ff;
-  background-position: 0 0;
 }
 .claro .dijitComboBoxMenuActive .dijitMenuItemSelected {
-  background-position: 0 -177px;
   background-color: #7dbdfa;
   /* TODO: why is this a different color than normal .dijitMenuItemSelected? */