Location: A review of cardiac cellular electrophysiology models @ f954e5918331 / dojo-presentation / js / dojo / dojox / form / resources / DropDownSelect.css

Author:
David Nickerson <david.nickerson@gmail.com>
Date:
2021-09-16 00:41:19+12:00
Desc:
Updating Noble 1962 model: * Exposing the membrane potential to the top-level model; * adding SED-ML for the paced and pacemaker variants of the model. Using OpenCOR Snapshot release 2021-09-14.
Permanent Source URI:
https://models.fieldml.org/workspace/a1/rawfile/f954e59183314cd37f86c8832dc81317d01c8ec5/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;
}