FileInput.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. .dijitFileInput {
  2. position:relative;
  3. height:1.3em;
  4. /*padding:2px;*/
  5. }
  6. .dijitFileInputReal {
  7. position:absolute;
  8. z-index:2;
  9. filter:alpha(opacity:0);
  10. opacity:0;
  11. cursor:pointer;
  12. }
  13. .dijitFileInputRealBlind {
  14. right:0;
  15. }
  16. .dijitFileInputReal:hover { cursor:pointer; }
  17. .dijitFileInputButton,
  18. .dijitFileInputText {
  19. border:1px solid #333;
  20. padding:2px 12px 2px 12px;
  21. cursor:pointer;
  22. }
  23. .dijitFileInputButton {
  24. z-index:3;
  25. visibility:hidden;
  26. }
  27. .dijitFakeInput { position:absolute; top:0; left:0; z-index:1; white-space: nowrap; }
  28. .dijitProgressOverlay {
  29. display:none;
  30. width:250px;
  31. height:1em;
  32. position:absolute;
  33. top:0; left:0;
  34. border:1px solid #333;
  35. background:#cad2de url('../../../dijit/themes/tundra/images/dijitProgressBarAnim.gif') repeat-x top left;
  36. padding:2px;
  37. }
  38. /* tundra */
  39. .tundra .dijitProgressOverlay {
  40. border:1px solid #84a3d1;
  41. background-color:#cad2de;
  42. }
  43. .tundra .dijitFakeInput input {
  44. /*font-size: inherit;*/
  45. padding: 0;
  46. background:#fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left;
  47. border:1px solid #9b9b9b;
  48. line-height: normal;
  49. }
  50. .tundra .dijitFileInputButton,
  51. .tundra .dijitFileInputText {
  52. border:1px solid #9b9b9b;
  53. padding:0px 12px 0px 12px; /* .3em .4em .2em .4em; */
  54. background:#e9e9e9 url("../../../dijit/themes/tundra/images/buttonEnabled.png") repeat-x top;
  55. }
  56. /* Soria */
  57. .soria .dijitProgressOverlay {
  58. border:1px solid #8BA0BD;
  59. background-color:#cad2de;
  60. }
  61. .soria .dijitFakeInput input {
  62. border:1px solid #8BA0BD;
  63. background:#fff url("../../../dijit/themes/soria/images/validationInputBg.png") repeat-x top left;
  64. line-height:normal;
  65. background-position:0 -30px;
  66. padding:0.2em 0.3em;
  67. }
  68. .soria .dijitFileInputButton,
  69. .soria .dijitFileInputText {
  70. border:1px solid #8BA0BD;
  71. padding:2px 12px 2px 12px;
  72. background:#b7cdee url('../../../dijit/themes/soria/images/buttonEnabled.png') repeat-x;
  73. }
  74. /* Nihilo */
  75. .nihilo .dijitProgressOverlay {
  76. border:1px solid #DEDEDE;
  77. background-color:#cad2de;
  78. }
  79. .nihilo .dijitFakeInput input {
  80. border:1px solid #DEDEDE;
  81. background:#fff url("../../../dijit/themes/nihilo/images/validationInputBg.png") repeat-x top left;
  82. line-height:normal;
  83. background-position:0 -30px;
  84. padding:0.2em 0.3em;
  85. }
  86. .nihilo .dijitFileInputButton,
  87. .nihilo .dijitFileInputText {
  88. border:1px solid #DEDEDE;
  89. padding:2px 12px 2px 12px;
  90. background:#b7cdee url('../../../dijit/themes/nihilo/images/buttonEnabled.png') repeat-x;
  91. }
  92. /* Claro */
  93. .claro .dijitProgressOverlay {
  94. border:1px solid #769dc0;
  95. background-color:#769dc0;
  96. }
  97. .claro .dijitFakeInput input {
  98. border: 1px solid #bcc8dd;
  99. background-color: #fff;
  100. background-repeat: repeat-x;
  101. background-position: top left;
  102. background-image:url("../../../dijit/themes/claro/form/images/textBox_back.png");
  103. line-height:normal;
  104. padding:0.2em 0.3em;
  105. }
  106. .claro .dijitFileInputButton,
  107. .claro .dijitFileInputText {
  108. background-image: url("../../../dijit/themes/claro/form/images/button_back_full.png");
  109. background-position: center top;
  110. background-repeat: repeat-x;
  111. background-color: #cde3f6;
  112. border: 1px solid #799ab7;
  113. border-radius: 4px;
  114. -moz-border-radius: 4px;
  115. -webkit-border-radius: 4px;
  116. box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  117. -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
  118. -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  119. }