validatebox.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .validatebox-tip {
  2. position: absolute;
  3. width: 200px;
  4. height: auto;
  5. display: none;
  6. z-index: 9900000;
  7. }
  8. .validatebox-tip-content {
  9. display: inline-block;
  10. position: absolute;
  11. top: 0px;
  12. left: 8px;
  13. width: 150px;
  14. border-width: 1px;
  15. border-style: solid;
  16. padding: 3px 5px;
  17. z-index: 9900001;
  18. font-size: 12px;
  19. }
  20. .validatebox-tip-pointer {
  21. display: inline-block;
  22. width: 8px;
  23. height: 16px;
  24. position: absolute;
  25. left: 1px;
  26. top: 0px;
  27. z-index: 9900002;
  28. }
  29. .validatebox-tip-left .validatebox-tip-content {
  30. left: auto;
  31. right: 8px;
  32. }
  33. .validatebox-tip-left .validatebox-tip-pointer {
  34. background-position: -20px center;
  35. left: auto;
  36. right: 1px;
  37. }
  38. .validatebox-invalid {
  39. background-image: url('images/validatebox_warning.png');
  40. background-repeat: no-repeat;
  41. background-position: right center;
  42. border-color: #ffa8a8;
  43. background-color: #fff3f3;
  44. color: #000;
  45. }
  46. .validatebox-tip-pointer {
  47. background: url('images/validatebox_arrows.png') no-repeat -4px center;
  48. }
  49. .validatebox-tip-content {
  50. border-color: #CC9933;
  51. background-color: #FFFFCC;
  52. color: #000;
  53. }