样式说明(以Default皮肤为例).css 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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 #89C01D;} /* 拖动边框 */
  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:#89C01D;border-bottom:1px solid #CCCCCC;} /* 标题面板,不想要底边框请设置为0 */
  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;} /* ajax或iframe请求时的loading层 */
  25. div.jbox .jbox-content-loading-image{background:url(images/jbox-content-loading.gif) no-repeat bottom center;} /* ajax或iframe请求时的loading层中间的动态图片 */
  26. /* button-panel */
  27. div.jbox-warning .jbox .jbox-button-panel{background-color: #FFFFFF;} /* 未关闭窗口时点击隔离层时,按钮面板的背景闪动色 */
  28. div.jbox .jbox-button-panel{border-top:1px solid #CCCCCC;background-color: #EEEEEE;} /* 按钮面板,不想要顶边框请设置为0 */
  29. div.jbox .jbox-bottom-text{text-indent:10px;color:#444444;} /* 按钮左边字体 */
  30. /* 以下按钮样式 */
  31. 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;padding:0px 10px 0px 10px;height:22px;cursor:default;}
  32. div.jbox .jbox-button-hover{background-position:0px -20px;color:#666666;}
  33. div.jbox .jbox-button-active{background-position:0px -40px;}
  34. /* tip-color */
  35. div.jbox .jbox-tip-color{background-color:#89C01D;border-color:#89C01D;border-radius:3px 3px 3px 3px;color:#ffffff;} /* 提示层颜色 */
  36. /* icons */
  37. 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;} /* 以下图标样式 */
  38. div.jbox span.jbox-icon-info {background-position:0 0;}
  39. div.jbox span.jbox-icon-question {background-position:-36px 0;}
  40. div.jbox span.jbox-icon-success {background-position:-72px 0;}
  41. div.jbox span.jbox-icon-warning {background-position:-108px 0;}
  42. div.jbox span.jbox-icon-error {background-position:-144px 0;}
  43. div.jbox span.jbox-icon-none {display: none; overflow:hidden;}
  44. div.jbox span.jbox-icon-loading {background:url(images/jbox-loading1.gif) no-repeat scroll 0 0 transparent;}