git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/nihilo/form/Button.css.commented.css

   1
   2 /*****
   3                 dijit.form.Button
   4                 dijit.form.DropDownButton
   5                 dijit.form.ComboButton
   6                 dijit.form.ComboBox (partial)
   7  *****/
   8
   9 .nihilo .dijitButtonNode {
  10         /* enabled state - inner */
  11         /* border:1px outset #a0a0a0; */
  12         border:1px solid #dedede;
  13         border-bottom:1px solid #dedede;
  14         border-right:1px solid #dedede;
  15         padding: 0.2em;
  16         background:#fff url("../images/buttonEnabled.png") repeat-x top left;
  17 }
  18 .dj_ie .nihilo .dijitButtonNode {
  19         zoom: 1;
  20 }
  21
  22 .nihilo .dijitButtonText {
  23         padding: 0 0.3em;
  24 }
  25
  26 .nihilo .dijitComboBox .dijitButtonNode {
  27         border-width: 0px 0px 0px 1px;
  28 }
  29
  30 .nihilo .dijitArrowButton {
  31         color: #111;
  32 }
  33
  34 .nihilo .dijitComboButton .dijitDownArrowButton {
  35         padding-right:4px;
  36 }
  37
  38 .dj_ff2 .nihilo .dijitComboButton .dijitButtonContentsFocused,
  39 .dj_ff2 .nihilo .dijitComboButton .dijitDownArrowButtonFocused {
  40         border: 1px black dotted !important;
  41 }
  42
  43 .nihilo .dijitButtonDisabled .dijitButtonNode,
  44 .nihilo .dijitToggleButtonDisabled .dijitButtonNode,
  45 .nihilo .dijitDropDownButtonDisabled .dijitButtonNode,
  46 .nihilo .dijitComboButtonDisabled .dijitButtonNode,
  47 .nihilo .dijitComboBoxDisabled,
  48 .nihilo .dijitSpinnerDisabled,
  49 .nihilo .dijitSpinnerDisabled .dijitButtonNode {
  50         /* disabled state - inner */
  51         border-color: #dedede;
  52         /*color:#b4b4b4;*/
  53         background:#fafafa url("../images/buttonDisabled.png") top repeat-x;
  54         opacity: 0.60; /* Safari, Opera and Mozilla */
  55 }
  56 .dj_ie .nihilo .dijitButtonDisabled .dijitButtonNode *,
  57 .dj_ie .nihilo .dijitToggleButtonDisabled .dijitButtonNode *,
  58 .dj_ie .nihilo .dijitDropDownButtonDisabled .dijitButtonNode *,
  59 .dj_ie .nihilo .dijitComboButtonDisabled .dijitButtonNode *,
  60 .dj_ie .nihilo .dijitSpinnerDisabled .dijitButtonNode * {
  61         filter: gray() alpha(opacity=50); /* IE */
  62 }
  63
  64 .nihilo .dijitButtonHover .dijitButtonNode,
  65 .nihilo .dijitToggleButtonHover .dijitButtonNode,
  66 .nihilo .dijitDropDownButtonHover .dijitButtonNode,
  67 .nihilo .dijitComboButtonHover .dijitButtonContents,
  68 .nihilo .dijitComboButtonDownArrowHover .dijitDownArrowButton,
  69 .nihilo .dijitComboBoxHover .dijitDownArrowButton,
  70 .nihilo .dijitSpinnerUpArrowHover .dijitUpArrowButton,
  71 .nihilo .dijitSpinnerDownArrowHover .dijitDownArrowButton {
  72         /* hover state - inner */
  73         /* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
  74         color:#000;
  75         background:#fcfcfc url("../images/buttonHover.png") repeat-x top left;
  76 }
  77
  78 .nihilo .dijitSpinnerUpArrowActive .dijitUpArrowButton,
  79 .nihilo .dijitSpinnerDownArrowActive .dijitDownArrowButton,
  80 .nihilo .dijitButtonActive .dijitButtonNode,
  81 .nihilo .dijitToggleButtonActive .dijitButtonNode,
  82 .nihilo .dijitDropDownButtonActive .dijitButtonNode,
  83 .nihilo .dijitComboButtonActive .dijitButtonContents,
  84 .nihilo .dijitDownArrowActive .dijitDownArrowButton,
  85 .nihilo .dijitComboBoxActive .dijitDownArrowButton {
  86         /* active state - inner (for when you are pressing a normal button, or
  87          * when a toggle button is in a depressed state
  88          */
  89         border-color:#dedede;
  90         background: #f5f5f5 url("../images/buttonActive.png") top left repeat-x;
  91 }
  92
  93
  94 .nihilo .dijitArrowButtonInner {
  95         background:url("../images/spriteArrows.png") no-repeat left top;
  96         width: 11px;
  97 }
  98 .nihilo .dijitUpArrowButton .dijitArrowButtonInner {
  99         background:url("../images/spriteArrows.png") no-repeat -22px top;
 100         width: 11px;
 101 }
 102 .dj_ie6 .nihilo .dijitArrowButtonInner {
 103         background:url("../images/spriteArrows.gif") no-repeat left top;
 104         width: 11px;
 105 }
 106 .dj_ie6 .nihilo .dijitUpArrowButton .dijitArrowButtonInner {
 107         background:url("../images/spriteArrows.gif") no-repeat -22px top;
 108         width: 11px;
 109 }