jbox.css 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. @charset "utf-8";
  2. /*
  3. 提示:CSS 样式只允许修改颜色属性,或图片的地址(图片大小要和默认的一致)。border:dotted solid double dashed
  4. */
  5. *:focus {outline: none;}
  6. /* fade */
  7. .jbox-fade{background-color:#000000;}
  8. /* drag */
  9. .jbox-drag{border:1px dashed #A5C11B;}
  10. /* jbox */
  11. div.jbox {padding:0px;border:none;font-size:12px;}
  12. /* border */
  13. div.jbox .jbox-border{background: none repeat scroll 0 0 #000000;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;}
  14. /* container */
  15. div.jbox .jbox-container{background-color:#ffffff;border:1px solid #999999;}
  16. /* title-panel */
  17. div.jbox .jbox-title-panel{background:#A5C11B;border-bottom:1px solid #CCCCCC;}
  18. div.jbox .jbox-title{font-weight:bold;color:#ffffff;}
  19. div.jbox .jbox-title-icon{background:url(images/jbox-title-icon.gif) no-repeat scroll 3px 5px transparent;}
  20. div.jbox .jbox-close,div.jbox .jbox-close-hover{background:url(images/jbox-close1.gif) no-repeat scroll 0px 0px transparent;}
  21. div.jbox .jbox-close-hover{background-position:-16px 0;}
  22. /* content */
  23. div.jbox .jbox-content{min-height:24px;line-height:18px;color:#444444;}
  24. div.jbox .jbox-content-loading{background-color:#E6E6E6;}
  25. div.jbox .jbox-content-loading-image{background:url(images/jbox-content-loading.gif) no-repeat bottom center;}
  26. /* button-panel */
  27. div.jbox .jbox-button-panel{border-top:1px solid #CCCCCC;background-color: #EEEEEE;}
  28. div.jbox .jbox-bottom-text{text-indent:10px;color:#444444;}
  29. div.jbox .jbox-button{background:url(images/jbox-button2.png) repeat-x transparent;border:#AAAAAA 1px solid;color:#888888;border-radius:3px 3px 3px 3px;margin:1px 7px 0px 0px;height:22px;cursor:default;}
  30. div.jbox .jbox-button-hover{background-position:0px -20px;color:#666666;}
  31. div.jbox .jbox-button-active{background-position:0px -40px;}
  32. div.jbox-warning .jbox .jbox-button-panel{background-color: #FFFFFF;}
  33. /* tip-color */
  34. div.jbox .jbox-tip-color{background-color:#A5C11B;border-color:#A5C11B;border-radius:3px 3px 3px 3px;color:#ffffff;}
  35. /* icons */
  36. div.jbox span.jbox-icon{background:url(images/jbox-icons.png) no-repeat scroll 0 0 transparent;_background:url(images/jbox-icons-ie6.gif) no-repeat scroll 0 0 transparent;}
  37. div.jbox span.jbox-icon-info {background-position:0 0;}
  38. div.jbox span.jbox-icon-question {background-position:-36px 0;}
  39. div.jbox span.jbox-icon-success {background-position:-72px 0;}
  40. div.jbox span.jbox-icon-warning {background-position:-108px 0;}
  41. div.jbox span.jbox-icon-error {background-position:-144px 0;}
  42. div.jbox span.jbox-icon-none {display: none; overflow:hidden;}
  43. div.jbox span.jbox-icon-loading {background:url(images/jbox-loading1.gif) no-repeat scroll 0 0 transparent;}