git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dojox/form/resources/DropDownSelect.css.commented.css

   1 /*
   2 **----------------------------------------------------------------------------
   3 **  DropDownSelect
   4 **----------------------------------------------------------------------------
   5 */
   6 /* Mirror dijitDropDownButton a bit */
   7 .dojoxDropDownSelect {
   8         margin: 0.2em;
   9 }
  10 .dijit_a11y .dojoxDropDownSelectDisabled .dijitButtonNode {
  11     border-style: dotted !important;
  12     border-color: #999 !important;
  13     color:#999 !important;
  14 }
  15
  16 /* And remove the padding - so it looks a "bit" more like a text box */
  17 .dojoxDropDownSelect .dijitButtonNode {
  18         padding: 0px;
  19 }
  20
  21 /* Fix the baseline of our label (for multi-size font elements) */
  22 .dijitButtonNode .dojoxDropDownSelectLabel *
  23 {
  24         vertical-align: baseline;
  25 }
  26
  27 /* Styling for the currently-selected option (rich text can mess this up) */
  28 .dojoxDropDownSelectSelectedOption * {
  29         font-weight: bold;
  30 }
  31
  32 /* And remove the arrow when we are read-only or disabled (1 or 0 options) */
  33 .dojoxDropDownSelectDisabled .dijitArrowButtonInner,
  34 .dojoxDropDownSelectReadOnly .dijitArrowButtonInner {
  35     display: none;
  36 }
  37
  38 /* And hide (at least, mostly) the menuItemIcon column */
  39 .dojoxDropDownSelectMenu .dijitMenuItemIcon {
  40     width: 1px;
  41 }
  42
  43 /*
  44 **----------------------------------------------------------------------------
  45 **  Common stylings
  46 **----------------------------------------------------------------------------
  47 */
  48 /* Cursor States */
  49 .tundra .dojoxDropDownSelectDisabled * {
  50     cursor: not-allowed !important;
  51 }
  52 .tundra .dojoxDropDownSelectReadOnly * {
  53     cursor: default !important;
  54 }
  55
  56
  57 /*
  58 **----------------------------------------------------------------------------
  59 **  Tundra stylings
  60 **----------------------------------------------------------------------------
  61 */
  62 /* Cursor States */
  63 .tundra .dojoxDropDownSelectDisabled * {
  64     cursor: not-allowed !important;
  65 }
  66 .tundra .dojoxDropDownSelectReadOnly * {
  67     cursor: default !important;
  68 }
  69
  70 /* Make unselected "look" more like a text box and less like a button */
  71 .tundra .dojoxDropDownSelect .dijitButtonNode {
  72     background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left;
  73     #background:#fff url('../../../dijit/themes/tundra/images/validationInputBg.gif') repeat-x top left;
  74     border:1px solid #b3b3b3;
  75     line-height: normal;
  76 }
  77
  78 /* Mirror DropDownButton */
  79 .tundra .dojoxDropDownSelectDisabled .dijitButtonNode {
  80     /* disabled state - inner */
  81     border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
  82     /*color:#b4b4b4;*/
  83     background:#e4e4e4 url("../../../dijit/themes/tundra/images/buttonDisabled.png") top repeat-x;
  84     opacity: 0.60; /* Safari, Opera and Mozilla */
  85 }
  86
  87 .dj_ie .tundra .dojoxDropDownSelectDisabled .dijitButtonNode * {
  88     filter: gray() alpha(opacity=50); /* IE */
  89 }
  90
  91 .tundra .dojoxDropDownSelectHover .dijitButtonNode,
  92 .tundra .dojoxDropDownSelect .dojoxDropDownSelectButtonOpened {
  93     /* hover and opened state - inner */
  94     /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
  95     border-color:#a5beda;
  96     border-bottom-color:#5c7590;
  97     border-right-color:#5c7590;
  98     color:#000;
  99     background:#fcfdff url("../../../dijit/themes/tundra/images/buttonHover.png") repeat-x bottom;
 100 }
 101
 102 .tundra .dojoxDropDownSelectActive .dijitButtonNode {
 103     /* active state - inner (for when you are pressing a normal button, or
 104      * when a toggle button is in a depressed state
 105      */
 106     border-color:#366dba;
 107     background: #ededed url("../../../dijit/themes/tundra/images/buttonActive.png") bottom repeat-x;
 108 }
 109
 110
 111 /*
 112 **----------------------------------------------------------------------------
 113 **  Soria stylings
 114 **----------------------------------------------------------------------------
 115 */
 116 /* Cursor States */
 117 .soria .dojoxDropDownSelectDisabled * {
 118     cursor: not-allowed !important;
 119 }
 120 .soria .dojoxDropDownSelectReadOnly * {
 121     cursor: default !important;
 122 }
 123
 124 /* Make unselected "look" more like a text box and less like a button */
 125 .soria .dojoxDropDownSelect .dijitButtonNode {
 126     background:#fff url("../../../dijit/themes/soria/images/validationInputBg.png") repeat-x top left;
 127     #background:#fff url('../../../dijit/themes/soria/images/validationInputBg.gif') repeat-x top left;
 128     border:1px solid #8ba0bd;
 129     line-height: normal;
 130 }
 131
 132 /* Mirror DropDownButton */
 133 .soria .dojoxDropDownSelectDisabled .dijitButtonNode {
 134     /* disabled state - inner */
 135     border-color: #b9bbdd #b9bbdd #b9bbdd #b9bbdd;
 136     /*color:#b4b4b4;*/
 137     background:#c3d3e5 url("../../../dijit/themes/soria/images/buttonDisabled.png") top repeat-x;
 138     opacity: 0.60; /* Safari, Opera and Mozilla */
 139 }
 140
 141 .dj_ie .soria .dojoxDropDownSelectDisabled .dijitButtonNode * {
 142     filter: gray() alpha(opacity=50); /* IE */
 143 }
 144
 145 .soria .dojoxDropDownSelectHover .dijitButtonNode,
 146 .soria .dojoxDropDownSelect .dojoxDropDownSelectButtonOpened {
 147     /* hover state - inner */
 148     /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
 149     color:#000;
 150     background:#acc5e2 url("../../../dijit/themes/soria/images/buttonHover.png") repeat-x top left;
 151 }
 152
 153 .soria .dojoxDropDownSelectActive .dijitButtonNode {
 154     /* active state - inner (for when you are pressing a normal button, or
 155      * when a toggle button is in a depressed state
 156      */
 157     border-color:#657c9c;
 158     background: #91b4e5 url("../../../dijit/themes/soria/images/buttonActive.png") top left repeat-x;
 159 }
 160
 161 /*
 162 **----------------------------------------------------------------------------
 163 **  Nihilo stylings
 164 **----------------------------------------------------------------------------
 165 */
 166 /* Cursor States */
 167 .nihilo .dojoxDropDownSelectDisabled * {
 168     cursor: not-allowed !important;
 169 }
 170 .nihilo .dojoxDropDownSelectReadOnly * {
 171     cursor: default !important;
 172 }
 173
 174 /* Make unselected "look" more like a text box and less like a button */
 175 .nihilo .dojoxDropDownSelect .dijitButtonNode {
 176     background:#fff url("../../../dijit/themes/nihilo/images/validationInputBg.png") repeat-x top left;
 177     #background:#fff url('../../../dijit/themes/nihilo/images/validationInputBg.gif') repeat-x top left;
 178     border:1px solid #d3d3d3;
 179     line-height: normal;
 180 }
 181
 182 /* Mirror DropDownButton */
 183 .nihilo .dojoxDropDownSelectDisabled .dijitButtonNode {
 184     /* disabled state - inner */
 185     border-color: #dedede;
 186     /*color:#b4b4b4;*/
 187     background:#fafafa url("../../../dijit/themes/nihilo/images/buttonDisabled.png") top repeat-x;
 188     opacity: 0.60; /* Safari, Opera and Mozilla */
 189 }
 190
 191 .dj_ie .nihilo .dojoxDropDownSelectDisabled .dijitButtonNode * {
 192     filter: gray() alpha(opacity=50); /* IE */
 193 }
 194
 195 .nihilo .dojoxDropDownSelectHover .dijitButtonNode,
 196 .nihilo .dojoxDropDownSelect .dojoxDropDownSelectButtonOpened {
 197     /* hover state - inner */
 198     /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
 199     color:#000;
 200     background:#fcfcfc url("../../../dijit/themes/nihilo/images/buttonHover.png") repeat-x top left;
 201 }
 202
 203 .nihilo .dojoxDropDownSelectActive .dijitButtonNode {
 204     /* active state - inner (for when you are pressing a normal button, or
 205      * when a toggle button is in a depressed state
 206      */
 207     border-color:#dedede;
 208     background: #f5f5f5 url("../../../dijit/themes/nihilo/images/buttonActive.png") top left repeat-x;
 209 }