PageRenderTime 157ms CodeModel.GetById 34ms RepoModel.GetById 11ms app.codeStats 1ms

/css/gvalidator.css

http://gvalidator.googlecode.com/
CSS | 54 lines | 36 code | 9 blank | 9 comment | 0 complexity | afc3b5cd7f5dd3e6b73804144d1982ea MD5 | raw file
Possible License(s): LGPL-3.0
  1. /* General */
  2. body{margin:20px 40px}
  3. /* Auto Form */
  4. .hidden{display:none}
  5. span.required{color:red;width:15px; position: relative; top:7px; padding-right:5px}
  6. form.autoform{padding:20px 5px; border:solid 1px #ccc;}
  7. #contentwrap form.autoform img{float:none}
  8. form.autoform .fieldstatus a{border:none}
  9. form.autoform .fieldstatus a:hover{background:none}
  10. form.autoform div{margin:5px 0; clear:both;}
  11. /* Labels / Messages */
  12. form.autoform label{padding:6px; cursor:pointer; text-align:right;}
  13. form.autoform .msg.icon{padding:5px 5px 5px 30px; margin:0 10px; position:absolute}
  14. form.autoform span.error.icon{background:#FFF6CF url(../images/icons/icon_alert.gif) 7px center no-repeat; display:inline}
  15. form.autoform span.ok.icon{background:#D7FFCF url(../images/icons/tick.png) 7px center no-repeat; display:inline}
  16. form.autoform span.info.icon{background:#DFF0FF url(../images/icons/help.png) 7px center no-repeat; display:inline}
  17. form.autoform label{width:220px; display:block; float:left;}
  18. form.autoform span.required{float:left}
  19. /* Inputs */
  20. form.autoform input[type="text"], form.autoform input[type="password"]{padding:5px; background-color:#F5FFB0; border:solid 1px #999}
  21. form.autoform input[type="text"]:focus, form.autoform input[type="password"]:focus{background-color:#efefef;}
  22. form.autoform textarea{width:400px}
  23. form.autoform select{width:190px}
  24. form.autoform input.checkbox{float:none; display:inline}
  25. form.autoform label.checkbox,form.autoform label.radio{width:auto; float:none; display:inline;}
  26. /* Submit */
  27. form.autoform div#submitdiv{padding:5px}
  28. form.autoform input[type="submit"]{float:right;margin-right:20px}
  29. form.autoform .msg, form.autoform .fieldstatus{padding:5px; margin:0 10px}
  30. form.autoform .fieldstatus{margin:0; cursor:pointer;}
  31. img,a{padding:0;margin:0;}
  32. /* Compact Style Message */
  33. form.autoform span.error, div.alert{background:#FFF6CF; border:1px solid #FFDA2F;}
  34. form.autoform span.ok{background:#D7FFCF; border:1px solid #8ED181;}
  35. form.autoform span.info{background:#DFF0FF ; border:1px solid #6FBBFF;}
  36. /* Errors Div */
  37. div#errors{background:#FFF6CF url(../images/icons/icon_alert.gif) 10px 20px no-repeat; border:1px solid #FFDA2F; padding:0 20px 20px 40px; margin-bottom:20px}
  38. div#errors h3{}
  39. div#errors ul{line-height:1.5;list-style-image:none;list-style-position:outside;list-style-type:none; padding:0px;}
  40. div#errors ul li{list-style:none}
  41. /* Custom Form Errors */
  42. /* Compact Style Message */
  43. form.autoform#example-custom-form span.error, form.autoform#example-custom-form div.alert{background-color:#fff; border:none; }
  44. form.autoform#example-custom-form span.ok{background-color:#fff; border:none; }
  45. form.autoform#example-custom-form span.info{background-color:#fff ; border:none; }