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

   1
   2 .claro .dijitSelect .dijitButtonText {
   3         padding: 0px 5px 2px 5px;
   4 }
   5 .claro .dijitSelect {
   6         border: 1px solid #b5bcc7;
   7         background-color: #f7fcff;
   8         border-collapse: separate;
   9 }
  10 .dj_ie6 .claro .dijitSelect,
  11 .dj_ie6 .claro .dijitSelect .dijitButtonNode {
  12         background-image:none;
  13 }
  14 .claro .dijitSelect .dijitButtonContents {
  15         border: 0px solid #b5bcc7;
  16         border-right-width: 1px;
  17 }
  18 .claro .dijitSelect .dijitArrowButton {
  19         padding: 0;
  20         border: 1px solid #fff;
  21         border-top:none;
  22         background-color:#ebeef4;
  23         background-image: url("images/formHighlight.png");
  24         background-repeat:repeat-x;
  25 }
  26 .claro .dijitSelect .dijitArrowButton .dijitArrowButtonInner {
  27         background-image: url("images/commonFormArrows.png");
  28         background-position:-35px 70%;
  29         background-repeat: no-repeat;
  30         width:16px;
  31         height:16px;
  32         display:block;
  33 }
  34 .claro .dijitSelectHover {
  35         border: 1px solid #769dc0;
  36         background-color: #e9f4fe;
  37         background-image: url('images/textBox_back.png');
  38         background-repeat: repeat-x;
  39 }
  40 .claro .dijitSelectHover .dijitButtonContents {
  41         border-color:#81a5c6;
  42 }
  43 .claro .dijitSelectHover .dijitArrowButton {
  44         background-color:#abd6ff;
  45 }
  46 .claro .dijitSelectHover .dijitArrowButton .dijitArrowButtonInner {
  47         background-position:-70px 70%;
  48 }
  49 .claro .dijitSelectFocused {
  50         border: 1px solid #769dc0;
  51 }
  52 .claro .dijitSelectFocused .dijitButtonContents {
  53         border-color:#81a5c6;
  54 }
  55 .claro .dijitSelectFocused .dijitArrowButton {
  56         background-color:#7dbefa;
  57         background-position:0px -177px;
  58         border: none;
  59         padding: 0px 1px;
  60 }
  61 .claro .dijitSelectFocused .dijitArrowButton .dijitArrowButtonInner {
  62         background-position:-70px 70%;
  63         margin-bottom: 1px;
  64 }
  65 .claro .dijitSelectDisabled {
  66         border: 1px solid #d3d3d3;
  67         background-color: #efefef;
  68         background-image: none;
  69         color: #818181;
  70 }
  71 .claro .dijitSelectDisabled .dijitArrowButton {
  72         background-color: #efefef;
  73 }
  74 .claro .dijitSelectDisabled .dijitArrowButton .dijitArrowButtonInner {
  75         background-position:0px 70%
  76 }
  77 .claro .dijitSelectMenu td.dijitMenuItemIconCell,
  78 .claro .dijitSelectMenu td.dijitMenuArrowCell {
  79
  80         display: none;
  81 }
  82 .claro .dijitSelectMenu td.dijitMenuItemLabel {
  83
  84         padding-left: 5px;
  85         padding-right: 5px;
  86 }
  87 .claro .dijitSelectMenu .dijitMenuSeparatorTop {
  88         border-bottom:1px solid #769dc0;
  89 }