ligerui-common.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. 
  2. /*
  3. YUI CSS Reset
  4. */
  5. html{color:#000;background:#FFF;}
  6. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,th,td
  7. {margin:0;padding:0;}
  8. table{border-collapse:collapse;border-spacing:0;}
  9. img{border:0;}
  10. address,caption,cite,code,dfn,em,strong,th,var
  11. {font-style:normal;font-weight:normal;}
  12. li{list-style:none;}
  13. caption,th{text-align:left;}
  14. q:before,q:after{content:'';}
  15. abbr,acronym{border:0;font-variant:normal;}
  16. sup{vertical-align:text-top;}
  17. sub{vertical-align:text-bottom;}
  18. input,textarea,select{}
  19. input,textarea,select{}
  20. del,ins{text-decoration:none;}
  21. /* -------------
  22. * commom *
  23. * ------------- */
  24. body{font-family: "微软雅黑", "宋体", Arial, sans-serif; font-size: 12px; }
  25. .l-clear{ clear:both; width:1px; height:1px; overflow:hidden;}
  26. .l-hidden {display: none;}
  27. .l-loading
  28. {
  29. position: absolute;z-index: 91000; top:40%; left:50%; overflow:hidden;
  30. background:url('img/ligerui/common/loading.gif') no-repeat 0px 0px;width:24px; height:24px;
  31. display:none;
  32. }
  33. /* -------------
  34. * 滚动条颜色 *
  35. * ------------- */
  36. .l-scroll
  37. {
  38. scrollbar-face-color:#C6D7FF; scrollbar-3dlight-color:#B5CBF7; scrollbar-darkshadow-color:#B5CBF7;
  39. scrollbar-base-color:#B5CBF7;
  40. scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF; scrollbar-track-color:#FFF; scrollbar-arrow-color:#4A6184;
  41. }
  42. .l-noscroll
  43. {
  44. overflow:hidden;
  45. }
  46. /* Resizable */
  47. .l-resizable { display:none; overflow:hidden; border-style:dashed; border-width:1px; opacity:0.5; filter:alpha(opacity=50); position:absolute; top:0; left:0; z-index:101; background:#f2f1f1;}
  48. .l-resizable-h-l { cursor:nw-resize; top:0; left:0; z-index:103;}
  49. .l-resizable-h-r { cursor:ne-resize; top:0; right:0; z-index:103;}
  50. .l-resizable-h-c { width:100%; cursor:n-resize; top:0; left:0; z-index:102;}
  51. .l-resizable-c-l { cursor:w-resize; top:0; left:0; z-index:102;}
  52. .l-resizable-c-r { cursor:e-resize; top:0; right:0; z-index:102;}
  53. .l-resizable-f-l { cursor:sw-resize; bottom:0; left:0; z-index:103;}
  54. .l-resizable-f-r { cursor:se-resize; bottom:0; right:0; z-index:103;}
  55. .l-resizable-f-c { width:100%; cursor:s-resize; bottom:0; left:0; z-index:102;}
  56. .l-resizable-h-l, .l-resizable-h-r, .l-resizable-h-c,.l-resizable-c-l, .l-resizable-c-r,.l-resizable-f-l, .l-resizable-f-r, .l-resizable-f-c { display:block; overflow:hidden; width:6px; height:6px; position:absolute;}
  57. /* --------------
  58. * icon *
  59. * ------------ */
  60. .l-icon-checkbox {background:url('img/ligerui/icon/checkbox.gif') no-repeat center;}
  61. /* -------------
  62. * 按钮 *
  63. * ------------- */
  64. .l-button
  65. {
  66. display:block;border: solid 1px #A3C0E8;
  67. width:50px ; height:20px; overflow:hidden; line-height:20px;
  68. background: #E0EDFF url(img/ligerui/controls/button-bg.gif) repeat-x center;
  69. text-align:center;color: #2C4D79; text-decoration:none; cursor:pointer;
  70. }
  71. .l-button-over,.l-button:hover
  72. {background: #FFBE76 url(img/ligerui/controls/button-bg-over.gif) repeat-x center; border-color:#D6A886;
  73. }
  74. .l-btn
  75. {
  76. display:block;
  77. height:21px; overflow:hidden; line-height:22px; position:relative;
  78. padding-left:15px; padding-right:15px; cursor:pointer;
  79. background: #E0EDFF url(img/ligerui/controls/btn.gif) repeat-x;
  80. text-align:center;color: #2C4D79; text-decoration:none; cursor:pointer;
  81. }
  82. /* 按钮左边部位 */
  83. .l-btn-l
  84. {
  85. position:absolute; width:3px; left:0px; top:0px;height:21px;
  86. background: #E0EDFF url(img/ligerui/controls/btn-l.gif) no-repeat;
  87. }
  88. /* 按钮右边部位 */
  89. .l-btn-r
  90. {position:absolute; width:3px; right:0px; top:0px;height:21px;
  91. background: #E0EDFF url(img/ligerui/controls/btn-r.gif) no-repeat;
  92. }
  93. .ht-btn{ float:left; padding-left:8px;padding-right:8px; height:24px; overflow:hidden;background:url('img/ligerui/box/box-btn.gif') repeat-x; line-height:24px; cursor:pointer; position:relative; margin-right:5px;}
  94. .ht-btn-over{background:url('img/ligerui/box/box-btn-over.gif') repeat-x;}
  95. .ht-btn-inner{ text-align:center;}
  96. .ht-btn-l{ height:24px; position:absolute; left:0px; top:0px; width:4px; background:url('img/ligerui/box/box-btn-l.gif') no-repeat;}
  97. .ht-btn-over .ht-btn-l{background:url('img/ligerui/box/box-btn-l-over.gif') no-repeat;}
  98. .ht-btn-r{ height:24px; position:absolute; right:0px; top:0px; width:4px; background:url('img/ligerui/box/box-btn-r.gif') no-repeat;}
  99. .ht-btn-over .ht-btn-r{background:url('img/ligerui/box/box-btn-r-over.gif') no-repeat;}