- Author:
- David Nickerson <nickerso@users.sourceforge.net>
- Date:
- 2009-07-16 02:00:03+12:00
- Desc:
- the starting point for the HH tutorial example
- Permanent Source URI:
- https://models.fieldml.org/workspace/a1/rawfile/f6a8f90307388eb4b040ee3566b84d88b59247f7/dojo-presentation/js/dojo/dojox/form/resources/DropDownSelect.css
/*
**----------------------------------------------------------------------------
** DropDownSelect
**----------------------------------------------------------------------------
*/
/* Mirror dijitDropDownButton a bit */
.dojoxDropDownSelect {
margin: 0.2em;
}
.dijit_a11y .dojoxDropDownSelectDisabled {
border-style: dotted !important;
border-color: #999 !important;
color:#999 !important;
}
/* And remove the padding - so it looks a "bit" more like a text box */
.dojoxDropDownSelect .dijitButtonNode {
padding: 0px;
border: none;
background: transparent none;
}
/* Fix for FF2 not showing the button label */
.dj_ff2 .dojoxDropDownSelect .dijitButtonNode {
width: 100%;
}
.dj_ff2 .dojoxDropDownSelect {
overflow: hidden;
}
/* Fix the baseline of our label (for multi-size font elements) */
.dijitButtonNode .dojoxDropDownSelectLabel *
{
vertical-align: baseline;
}
/* Styling for the currently-selected option (rich text can mess this up) */
.dojoxDropDownSelectSelectedOption * {
font-weight: bold;
}
/* And remove the arrow when we are read-only or disabled (1 or 0 options) */
.dojoxDropDownSelectDisabled .dijitArrowButtonInner,
.dojoxDropDownSelectReadOnly .dijitArrowButtonInner {
display: none;
}
/* And hide (at least, mostly) the menuItemIcon column */
.dojoxDropDownSelectMenu .dijitMenuItemIcon {
width: 1px;
}
/*
**----------------------------------------------------------------------------
** Tundra stylings
**----------------------------------------------------------------------------
*/
/* Cursor States */
.tundra .dojoxDropDownSelectDisabled * {
cursor: not-allowed !important;
}
.tundra .dojoxDropDownSelectReadOnly * {
cursor: default !important;
}
/* Make unselected "look" more like a text box and less like a button */
.tundra .dojoxDropDownSelect {
background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left;
#background:#fff url('../../../dijit/themes/tundra/images/validationInputBg.gif') repeat-x top left;
border:1px solid #b3b3b3;
line-height: normal;
}
/* Mirror DropDownButton */
.tundra .dojoxDropDownSelectDisabled {
/* disabled state - inner */
border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
/*color:#b4b4b4;*/
background:#e4e4e4 url("../../../dijit/themes/tundra/images/buttonDisabled.png") top repeat-x;
}
.dj_ie .tundra .dojoxDropDownSelectDisabled * {
filter: gray() alpha(opacity=50); /* IE */
}
.tundra .dojoxDropDownSelectHover {
/* hover state - inner */
border-color:#a5beda;
border-bottom-color:#5c7590;
border-right-color:#5c7590;
color:#000;
background:#fcfdff url("../../../dijit/themes/tundra/images/buttonHover.png") repeat-x bottom;
}
.tundra .dojoxDropDownSelectActive,
.tundra .dojoxDropDownSelectOpened {
/* active and opened state - inner (for when you are pressing a normal button, or
* when a toggle button is in a depressed state)
*/
border-color:#366dba;
background: #ededed url("../../../dijit/themes/tundra/images/buttonActive.png") bottom repeat-x;
}
/*
**----------------------------------------------------------------------------
** Soria stylings
**----------------------------------------------------------------------------
*/
/* Cursor States */
.soria .dojoxDropDownSelectDisabled * {
cursor: not-allowed !important;
}
.soria .dojoxDropDownSelectReadOnly * {
cursor: default !important;
}
/* Make unselected "look" more like a text box and less like a button */
.soria .dojoxDropDownSelect {
background:#fff url("../../../dijit/themes/soria/images/validationInputBg.png") repeat-x top left;
#background:#fff url('../../../dijit/themes/soria/images/validationInputBg.gif') repeat-x top left;
border:1px solid #8ba0bd;
line-height: normal;
}
/* Mirror DropDownButton */
.soria .dojoxDropDownSelectDisabled {
/* disabled state - inner */
border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
/*color:#b4b4b4;*/
background:#c3d3e5 url("../../../dijit/themes/soria/images/buttonDisabled.png") top repeat-x;
}
.dj_ie .soria .dojoxDropDownSelectDisabled * {
filter: gray() alpha(opacity=50); /* IE */
}
.soria .dojoxDropDownSelectHover {
/* hover state - inner */
color:#000;
background:#acc5e2 url("../../../dijit/themes/soria/images/buttonHover.png") repeat-x top left;
}
.soria .dojoxDropDownSelectActive,
.soria .dojoxDropDownSelectOpened {
/* active and opened state - inner (for when you are pressing a normal button, or
* when a toggle button is in a depressed state)
*/
border-color:#657c9c;
background: #91b4e5 url("../../../dijit/themes/soria/images/buttonActive.png") top left repeat-x;
}
/*
**----------------------------------------------------------------------------
** Nihilo stylings
**----------------------------------------------------------------------------
*/
/* Cursor States */
.nihilo .dojoxDropDownSelectDisabled * {
cursor: not-allowed !important;
}
.nihilo .dojoxDropDownSelectReadOnly * {
cursor: default !important;
}
/* Make unselected "look" more like a text box and less like a button */
.nihilo .dojoxDropDownSelect {
background:#fff url("../../../dijit/themes/nihilo/images/validationInputBg.png") repeat-x top left;
#background:#fff url('../../../dijit/themes/nihilo/images/validationInputBg.gif') repeat-x top left;
border:1px solid #d3d3d3;
line-height: normal;
}
/* Mirror DropDownButton */
.nihilo .dojoxDropDownSelectDisabled {
/* disabled state - inner */
border-color: #dedede;
/*color:#b4b4b4;*/
background:#fafafa url("../../../dijit/themes/nihilo/images/buttonDisabled.png") top repeat-x;
}
.dj_ie .nihilo .dojoxDropDownSelectDisabled * {
filter: gray() alpha(opacity=50); /* IE */
}
.nihilo .dojoxDropDownSelectHover {
/* hover state - inner */
color:#000;
background:#fcfcfc url("../../../dijit/themes/nihilo/images/buttonHover.png") repeat-x top left;
}
.nihilo .dojoxDropDownSelectActive,
.nihilo .dojoxDropDownSelectOpened {
/* active and opened state - inner (for when you are pressing a normal button, or
* when a toggle button is in a depressed state)
*/
border-color:#dedede;
background: #f5f5f5 url("../../../dijit/themes/nihilo/images/buttonActive.png") top left repeat-x;
}
