lib/dijit/themes/claro/form/Button.css

   1
   2 .claro .dijitButtonNode {
   3
   4         -webkit-transition-property:background-color;
   5         -webkit-transition-duration:.3s;
   6 }
   7 .claro .dijitButton .dijitButtonNode,
   8 .claro .dijitDropDownButton .dijitButtonNode,
   9 .claro .dijitComboButton .dijitButtonNode,
  10 .claro .dijitToggleButton .dijitButtonNode {
  11
  12         border: 1px solid #769dc0;
  13         padding:2px 4px 4px 4px;
  14         background-image: url("images/button.png");
  15         background-position: center top;
  16         background-repeat: repeat-x;
  17         background-color: #e4f2ff;
  18         border-radius: 4px;
  19         -moz-border-radius: 4px;
  20         -webkit-border-radius: 4px;
  21         box-shadow:0px 1px 1px rgba(0,0,0,0.15);
  22         -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15);
  23         -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
  24 }
  25 .claro .dijitComboButton .dijitArrowButton {
  26         border-left-width: 0px;
  27         padding: 4px 2px 4px 2px;
  28 }
  29 .claro .dijitArrowButtonInner {
  30         width: 15px;
  31         height: 15px;
  32         margin: 0 auto;
  33         background-image:url("images/buttonArrows.png");
  34         background-repeat:no-repeat;
  35         background-position:-51px 53%;
  36 }
  37 .claro .dijitLeftArrowButton .dijitArrowButtonInner {
  38         background-position: -77px 53%;
  39 }
  40 .claro .dijitRightArrowButton .dijitArrowButtonInner {
  41         background-position: -26px 53%;
  42 }
  43 .claro .dijitUpArrowButton .dijitArrowButtonInner {
  44         background-position: 0px 53%;
  45 }
  46 .claro .dijitDisabled .dijitArrowButtonInner {
  47         background-position: -151px 53%;
  48 }
  49 .claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
  50         background-position: -177px 53%;
  51 }
  52 .claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
  53         background-position: -126px 53%;
  54 }
  55 .claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
  56         background-position: -100px 53%;
  57 }
  58 .claro .dijitButtonText {
  59         padding: 0 0.3em;
  60         text-align: center;
  61 }
  62 .claro .dijitDisabled .dijitButtonText {
  63         color: #7F7F7F;
  64 }
  65 .claro .dijitButtonHover .dijitButtonNode,
  66 .claro .dijitDropDownButtonHover .dijitButtonNode,
  67 .claro .dijitComboButton .dijitButtonNodeHover,
  68 .claro .dijitComboButton .dijitDownArrowButtonHover,
  69 .claro .dijitToggleButtonHover .dijitButtonNode {
  70         background-color: #afd9ff;
  71         color:#000;
  72         -webkit-transition-duration:.2s;
  73 }
  74 .claro .dijitButtonActive .dijitButtonNode,
  75 .claro .dijitDropDownButtonActive .dijitButtonNode,
  76 .claro .dijitComboButtonActive .dijitButtonNode,
  77 .claro .dijitToggleButtonActive .dijitButtonNode {
  78         background-color: #99cfff;
  79         box-shadow:0px 0px 0px rgba(0,0,0,0);
  80         -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
  81         -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
  82         -webkit-transition-duration:.1s;
  83 }
  84 .claro .dijitButtonDisabled,
  85 .claro .dijitDropDownButtonDisabled,
  86 .claro .dijitComboButtonDisabled,
  87 .claro .dijitToggleButtonDisabled {
  88         background-image: none;
  89         outline: none;
  90 }
  91 .claro .dijitButtonDisabled .dijitButtonNode,
  92 .claro .dijitDropDownButtonDisabled .dijitButtonNode,
  93 .claro .dijitComboButtonDisabled .dijitButtonNode,
  94 .claro .dijitToggleButtonDisabled .dijitButtonNode {
  95         background-position:0px -149px;
  96         background-color: #e3e3e3;
  97         border: solid 1px #c9c9c9;
  98         color: #696969;
  99         box-shadow:0px 0px 0px rgba(0,0,0,0);
 100         -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
 101         -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
 102 }
 103 .claro .dijitComboButtonDisabled .dijitArrowButton{
 104         border-left-width: 0px;
 105 }
 106 .claro table.dijitComboButton {
 107         border-collapse: separate;
 108 }
 109 .dj_ie6 .claro .dijitButtonNode {
 110         background-image: none;
 111 }
 112 .claro .dijitComboButton .dijitStretch {
 113         -moz-border-radius: 4px 0px 0px 4px;
 114         -webkit-border-top-left-radius: 4px;
 115         -webkit-border-top-right-radius: 0px;
 116         -webkit-border-bottom-right-radius: 0px;
 117         -webkit-border-bottom-left-radius: 4px;
 118 }
 119 .claro .dijitComboButton .dijitArrowButton {
 120         -moz-border-radius: 0px 4px 4px 0px;
 121         -webkit-border-top-left-radius: 0px;
 122         -webkit-border-top-right-radius: 4px;
 123         -webkit-border-bottom-right-radius: 4px;
 124         -webkit-border-bottom-left-radius: 0px;
 125 }