git.pond.sub.org Git - eow/blob - static/dojo-release-1.1.1/dijit/themes/tundra/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 .tundra .dijitButtonNode {
  10         /* enabled state - inner */
  11         /* border:1px outset #a0a0a0; */
  12         border:1px solid #c0c0c0;
  13         border-bottom:1px solid #9b9b9b;
  14         border-right:1px solid #9b9b9b;
  15         padding: 0.2em;
  16         background:#fff url("../images/buttonEnabled.png") repeat-x bottom left;
  17 }
  18 .dj_ie .tundra .dijitButtonNode {
  19         zoom: 1;
  20 }
  21
  22 .tundra .dijitButtonText {
  23         padding: 0 0.3em;
  24 }
  25
  26 .tundra .dijitComboBox .dijitButtonNode {
  27         border: 0px;
  28 }
  29
  30 .tundra .dijitArrowButton {
  31         color: #111;
  32 }
  33
  34 .tundra .dijitComboButton .dijitDownArrowButton {
  35         padding-right:4px;
  36 }
  37
  38 .dj_ff2 .tundra .dijitComboButton .dijitButtonContentsFocused,
  39 .dj_ff2 .tundra .dijitComboButton .dijitDownArrowButtonFocused {
  40         border: 1px black dotted !important;
  41 }
  42
  43 .tundra .dijitButtonDisabled .dijitButtonNode,
  44 .tundra .dijitToggleButtonDisabled .dijitButtonNode,
  45 .tundra .dijitDropDownButtonDisabled .dijitButtonNode,
  46 .tundra .dijitComboButtonDisabled .dijitButtonNode,
  47 .tundra .dijitComboBoxDisabled,
  48 .tundra .dijitSpinnerDisabled,
  49 .tundra .dijitSpinnerDisabled .dijitButtonNode {
  50         /* disabled state - inner */
  51         border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
  52         /*color:#b4b4b4;*/
  53         background:#e4e4e4 url("../images/buttonDisabled.png") top repeat-x;
  54         opacity: 0.60; /* Safari, Opera and Mozilla */
  55 }
  56 .dj_ie .tundra .dijitButtonDisabled .dijitButtonNode *,
  57 .dj_ie .tundra .dijitToggleButtonDisabled .dijitButtonNode *,
  58 .dj_ie .tundra .dijitDropDownButtonDisabled .dijitButtonNode *,
  59 .dj_ie .tundra .dijitComboButtonDisabled .dijitButtonNode *,
  60 .dj_ie .tundra .dijitSpinnerDisabled .dijitButtonNode * {
  61         filter: gray() alpha(opacity=50); /* IE */
  62 }
  63
  64 .tundra .dijitButtonHover .dijitButtonNode,
  65 .tundra .dijitToggleButtonHover .dijitButtonNode,
  66 .tundra .dijitDropDownButtonHover .dijitButtonNode,
  67 .tundra .dijitComboButtonHover .dijitButtonContents,
  68 .tundra .dijitComboButtonDownArrowHover .dijitDownArrowButton,
  69 .tundra .dijitComboBoxHover .dijitDownArrowButton,
  70 .tundra .dijitSpinnerUpArrowHover .dijitUpArrowButton,
  71 .tundra .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         border-color:#a5beda;
  75         border-bottom-color:#5c7590;
  76         border-right-color:#5c7590;
  77         color:#000;
  78         background:#fcfdff url("../images/buttonHover.png") repeat-x bottom;
  79 }
  80
  81 .tundra .dijitSpinnerUpArrowActive .dijitUpArrowButton,
  82 .tundra .dijitSpinnerDownArrowActive .dijitDownArrowButton,
  83 .tundra .dijitButtonActive .dijitButtonNode,
  84 .tundra .dijitToggleButtonActive .dijitButtonNode,
  85 .tundra .dijitDropDownButtonActive .dijitButtonNode,
  86 .tundra .dijitComboButtonActive .dijitButtonContents,
  87 .tundra .dijitDownArrowActive .dijitDownArrowButton,
  88 .tundra .dijitComboBoxActive .dijitDownArrowButton {
  89         /* active state - inner (for when you are pressing a normal button, or
  90          * when a toggle button is in a depressed state
  91          */
  92         border-color:#366dba;
  93         background: #ededed url("../images/buttonActive.png") bottom repeat-x;
  94 }
  95
  96
  97
  98 .tundra .dijitArrowButtonInner {
  99         background:url("../images/arrowDown.png") no-repeat center center;
 100 }
 101 .tundra .dijitUpArrowButton .dijitArrowButtonInner { background-image:url("../images/arrowUp.png"); }
 102 .dj_ie6 .tundra .dijitArrowButtonInner {
 103         background-image:url("../images/arrowDown.gif");
 104 }
 105 .dj_ie6 .tundra .dijitUpArrowButton .dijitArrowButtonInner {
 106         background-image:url("../images/arrowUp.gif");
 107 }
 108 .tundra .dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
 109         background:url("../images/comboArrowDown.gif") no-repeat center center;
 110 }
 111 .tundra .dijitComboBoxHover .dijitArrowButtonInner {
 112         /* TODO: url("../images/arrowDownHover.png") but in IE6 it flickers some? */
 113 }