jquery.validator.css 4.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /*! nice Validator 0.7.3
  2. * (c) 2012-2014 Jony Zhang <zj86@live.cn>, MIT Licensed
  3. * http://niceue.com/validator/
  4. */
  5. .n-inline-block,.nice-validator input,.nice-validator select,.nice-validator textarea,.msg-wrap,.n-icon,.n-msg{display:inline-block;*display:inline;*zoom:1}
  6. .msg-box{position:relative;*zoom:1}
  7. .msg-wrap{position:relative;white-space:nowrap; min-height:24px;}
  8. .msg-wrap.wrap{white-space:normal;}
  9. .msg-wrap,.n-icon,.n-msg{vertical-align:middle;}
  10. .n-arrow{position:absolute;overflow:hidden;}
  11. .n-arrow b,.n-arrow i{position:absolute;left:0;top:0;border:0;margin:0;padding:0;overflow:hidden;font-weight:400;font-style:normal;font-size:12px;font-family:serif;line-height:14px;_line-height:15px}
  12. .n-arrow i{text-shadow:none}
  13. .n-icon{width:16px;height:16px;overflow:hidden;background-repeat:no-repeat}
  14. .n-msg{display:inline-block;line-height:15px;margin-left:2px;*margin-top:-1px;_margin-top:0;font-size:12px;}
  15. .n-error{color:#c33}
  16. .n-ok{color:#390}
  17. .n-tip,.n-loading{color:#808080}
  18. .n-error .n-icon{background-position:0 0}
  19. .n-ok .n-icon{background-position:-16px 0}
  20. .n-tip .n-icon{background-position:-32px 0}
  21. .n-loading .n-icon{background:url("images/loading.gif") 0 center no-repeat !important}
  22. .n-top,.n-right,.n-bottom,.n-left{display:inline-block;line-height:0;vertical-align:top;outline:0}
  23. .n-top .n-arrow,.n-bottom .n-arrow{height:6px;width:12px;left:8px}
  24. .n-left .n-arrow,.n-right .n-arrow{width:6px;height:12px;top:4px}
  25. .n-top{vertical-align:top;}
  26. .n-top .msg-wrap{margin-bottom:6px}
  27. .n-top .n-arrow{bottom:-6px;}
  28. .n-top .n-arrow b{top:-6px}
  29. .n-top .n-arrow i{top:-7px}
  30. .n-bottom{vertical-align:bottom;}
  31. .n-bottom .msg-wrap{margin-top:6px}
  32. .n-bottom .n-arrow{top:-6px;}
  33. .n-bottom .n-arrow b{top:-1px}
  34. .n-bottom .n-arrow i{top:0}
  35. .n-left .msg-wrap{right:100%;margin-right:6px}
  36. .n-left .n-arrow{right:-6px;}
  37. .n-left .n-arrow b{left:-6px}
  38. .n-left .n-arrow i{left:-7px}
  39. .n-right .msg-wrap{margin-left:6px}
  40. .n-right .n-arrow{left:-6px;}
  41. .n-right .n-arrow b{left:1px}
  42. .n-right .n-arrow i{left:2px}
  43. .n-default .n-left,.n-default .n-right{margin-top:5px}
  44. .n-default .n-top .msg-wrap{bottom:100%}
  45. .n-default .n-bottom .msg-wrap{top:100%}
  46. .n-default .msg-wrap{position:absolute;z-index:1;}
  47. .n-default .msg-wrap .n-icon{background-image:url("images/validator_default.png")}
  48. .n-default .n-tip .n-icon{display:none}
  49. .n-simple .msg-wrap{position:absolute;z-index:1;}
  50. .n-simple .msg-wrap .n-icon{background-image:url("images/validator_simple.png")}
  51. .n-simple .n-top .msg-wrap{bottom:100%}
  52. .n-simple .n-bottom .msg-wrap{top:100%}
  53. .n-simple .n-left,.n-simple .n-right{margin-top:5px}
  54. .n-simple .n-bottom .msg-wrap{margin-top:3px}
  55. .n-simple .n-tip .n-icon{display:none}
  56. .n-yellow .msg-wrap{position:absolute;z-index:1;padding:4px 6px;font-size:12px;border:1px solid transparent;background-color:#fffcef;border-color:#ffbb76;color:#db7c22;box-shadow:0 1px 3px #ccc;border-radius:2px;}
  57. .n-yellow .msg-wrap .n-arrow b{color:#ffbb76;text-shadow:0 0 2px #ccc}
  58. .n-yellow .msg-wrap .n-arrow i{color:#fffcef}
  59. .n-yellow .msg-wrap .n-icon{background-image:url("images/validator_simple.png")}
  60. .n-yellow .n-top .msg-wrap{bottom:100%}
  61. .n-yellow .n-bottom .msg-wrap{top:100%}
  62. .n-yellow .n-tip,.n-yellow .n-ok,.n-yellow .n-loading{background-color:#f8fdff;border-color:#ddd;color:#333;box-shadow:0 1px 3px #ccc;}
  63. .n-yellow .n-tip .n-arrow b,.n-yellow .n-ok .n-arrow b,.n-yellow .n-loading .n-arrow b{color:#ddd;text-shadow:0 0 2px #ccc}
  64. .n-yellow .n-tip .n-arrow i,.n-yellow .n-ok .n-arrow i,.n-yellow .n-loading .n-arrow i{color:#f8fdff}
  65. .n-yellow .n-tip .n-icon{display:none}
  66. .n-red .msg-wrap{position:absolute;z-index:1;padding:4px 6px 3px;font-size:12px;border:1px solid transparent;background-color:#fff6f6;border-color:#ff6464;color:#ff2929;box-shadow:0 1px 3px #ccc;border-radius:2px;}
  67. .n-red .msg-wrap .n-arrow b{color:#ff6464;text-shadow:0 0 2px #ccc}
  68. .n-red .msg-wrap .n-arrow i{color:#ffecec;}
  69. .n-red .msg-wrap .n-icon{background-image:url("images/validator_simple.png")}
  70. .n-red .n-top .msg-wrap{bottom:100%}
  71. .n-red .n-bottom .msg-wrap{top:100%}
  72. .n-red .n-tip,.n-red .n-ok,.n-red .n-loading{background-color:#f8fdff;border-color:#ddd;color:#333;}
  73. .n-red .n-ok{color:#008800; background-color:#f5fdf5; border-color:#008800;}
  74. .n-red .msg-wrap.n-ok .n-arrow b{color:#008800;}
  75. .n-red .msg-wrap.n-ok .n-arrow i{color:#f5fdf5;}
  76. .n-red .n-tip{color:#db7c22; background-color:#fffcef; border-color:#ffbb76;}
  77. .n-red .msg-wrap.n-tip .n-arrow b{color:#ffbb76;}
  78. .n-red .msg-wrap.n-tip .n-arrow i{color:#fffcef;}
  79. .n-red .n-tip .n-arrow b,.n-red .n-ok .n-arrow b,.n-red .n-loading .n-arrow b{color:#ddd;text-shadow:0 0 2px #ccc}
  80. .n-red .n-tip .n-arrow i,.n-red .n-ok .n-arrow i,.n-red .n-loading .n-arrow i{color:#f8fdff}
  81. .n-red .n-tip .n-icon{display:none}