mirror of
https://git.tt-rss.org/git/tt-rss.git
synced 2026-02-10 16:01:33 +00:00
upgrade dojo to 1.8.3 (refs #570)
This commit is contained in:
@@ -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;
|
||||
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;
|
||||
}
|
||||
.claro .dijitMenuPassive .dijitMenuItemActive {
|
||||
background-position: 0 -177px;
|
||||
}
|
||||
.dj_ie6 .claro .dijitMenuItem, .dj_ie6 .claro .dijitMenuPassive .dijitMenuItem {
|
||||
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? */
|
||||
|
||||
|
||||
Reference in New Issue
Block a user