easyui.css 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. *{margin: 0; padding: 0;}
  2. a,span,p,label,i,em,strong,font,div,li,h1,h2,h3,h4,h5,h6,b,input,option,ol,ul,th,button,table,dd,dt,sub,nav,header,footer{
  3. font-family: "microsoft yahei";
  4. }
  5. .calendar{
  6. background:white;
  7. border:1px solid #A4BED4;
  8. /*padding:1px;*/
  9. overflow:hidden;
  10. }
  11. .calendar-noborder{
  12. border:0px;
  13. }
  14. .calendar-header{
  15. position:relative;
  16. background:#E0366E;
  17. font-size:12px;
  18. height:40px;
  19. text-align:center;
  20. border-left: 1px #eee solid;
  21. }
  22. .calendar-header a{
  23. color: white;
  24. }
  25. .calendar-title{
  26. text-align:center;
  27. height:22px;
  28. }
  29. .calendar-title span{
  30. /* position:relative;
  31. top:2px;*/
  32. line-height:12px;
  33. display:inline-block;
  34. padding:3px;
  35. cursor:pointer;
  36. -moz-border-radius:4px;
  37. -webkit-border-radius:4px;
  38. border-radius:4px;
  39. }
  40. .calendar-prevmonth,.calendar-nextmonth,.calendar-prevyear,.calendar-nextyear{
  41. /* position:absolute;
  42. top:4px;*/
  43. margin-top:12px;
  44. display:inline-block;
  45. width:14px;
  46. height:11px;
  47. line-height:12px;
  48. cursor:pointer;
  49. font-size:1px;
  50. -moz-border-radius:4px;
  51. -webkit-border-radius:4px;
  52. border-radius:4px;
  53. }
  54. .calendar-prevmonth{
  55. background:url('images/calendar_prevmonth.gif') no-repeat center;
  56. }
  57. .calendar-nextmonth{
  58. background:url('images/calendar_nextmonth.gif') no-repeat center;
  59. }
  60. .calendar-prevyear{
  61. background:url('images/calendar_prevyear.gif') no-repeat center;
  62. }
  63. .calendar-nextyear{
  64. background:url('images/calendar_nextyear.gif') no-repeat center;
  65. }
  66. .calendar-body{
  67. font-size:12px;
  68. position:relative;
  69. }
  70. .calendar-body table{
  71. width:100%;
  72. height:100%;
  73. font-size:12px;
  74. }
  75. .calendar-body th,.calendar-body td{
  76. text-align:center;
  77. }
  78. .calendar-body th{
  79. background:#fafafa;
  80. color:#888;
  81. border-left: 1px #eee solid;
  82. }
  83. .calendar-day{
  84. color:#222;
  85. cursor:pointer;
  86. /* border:1px solid #fff;
  87. -moz-border-radius:4px;
  88. -webkit-border-radius:4px;
  89. border-radius:4px;*/
  90. }
  91. .calendar-sunday{
  92. /* color:#CC2222;*/
  93. }
  94. .calendar-saturday{
  95. /*color:#00ee00;*/
  96. }
  97. .calendar-today{
  98. color:#E0366E;
  99. }
  100. .calendar-other-month{
  101. /*opacity:0.3;
  102. filter:alpha(opacity=30);*/
  103. color: #CCCCCC;
  104. }
  105. .calendar-hover{
  106. background: rgba(129, 208, 242);
  107. color: white !important;
  108. }
  109. .calendar-selected{
  110. background:rgba(129, 208, 242);
  111. color: white !important;
  112. }
  113. .calendar-nav-hover{
  114. background-color:white;
  115. }
  116. .calendar-menu{
  117. position:absolute;
  118. top:0px;
  119. left:0px;
  120. width:180px;
  121. height:150px;
  122. padding:5px;
  123. font-size:12px;
  124. background:#000;
  125. opacity:0.5;
  126. filter:alpha(opacity=80);
  127. display:none;
  128. overflow:hidden;
  129. }
  130. .calendar-menu-year-inner{
  131. text-align:center;
  132. padding-bottom:5px;
  133. }
  134. .calendar-menu-year{
  135. width:40px;
  136. text-align:center;
  137. border:1px solid #eee;
  138. padding:2px;
  139. font-weight:bold;
  140. }
  141. .calendar-menu-prev,.calendar-menu-next{
  142. display:inline-block;
  143. width:21px;
  144. height:21px;
  145. vertical-align:top;
  146. cursor:pointer;
  147. }
  148. .calendar-menu-prev{
  149. margin-right:10px;
  150. background:url('images/calendar_prevyear.gif') no-repeat 5px 6px;
  151. }
  152. .calendar-menu-next{
  153. margin-left:10px;
  154. background:url('images/calendar_nextyear.gif') no-repeat 5px 6px;
  155. }
  156. .calendar-menu-hover{
  157. background-color:#c73062;
  158. color: white !important;
  159. }
  160. .calendar-menu-month-inner table{
  161. width:100%;
  162. height:100%;
  163. }
  164. .calendar-menu-month{
  165. text-align:center;
  166. cursor:pointer;
  167. border:1px solid #666;
  168. font-weight:bold;
  169. color:#999;
  170. -moz-border-radius:4px;
  171. -webkit-border-radius:4px;
  172. border-radius:4px;
  173. }
  174. .layout{
  175. position:relative;
  176. overflow:hidden;
  177. margin:0;
  178. padding:0;
  179. z-index:0;
  180. }
  181. .layout-panel{
  182. position:absolute;
  183. overflow:hidden;
  184. }
  185. .layout-body{
  186. overflow:auto;
  187. background:#fff;
  188. }
  189. .layout-split-proxy-h{
  190. position:absolute;
  191. width:5px;
  192. background:#ccc;
  193. font-size:1px;
  194. cursor:e-resize;
  195. display:none;
  196. z-index:5;
  197. }
  198. .layout-split-proxy-v{
  199. position:absolute;
  200. height:5px;
  201. background:#ccc;
  202. font-size:1px;
  203. cursor:n-resize;
  204. display:none;
  205. z-index:5;
  206. }
  207. .layout-split-north{
  208. border-bottom:5px solid #D2E0F2;
  209. }
  210. .layout-split-south{
  211. border-top:5px solid #D2E0F2;
  212. }
  213. .layout-split-east{
  214. border-left:5px solid #D2E0F2;
  215. }
  216. .layout-split-west{
  217. border-right:5px solid #D2E0F2;
  218. }
  219. .layout-mask{
  220. position:absolute;
  221. background:#fafafa;
  222. filter:alpha(opacity=10);
  223. opacity:0.10;
  224. z-index:4;
  225. }
  226. .panel{
  227. overflow:hidden;
  228. font-size:12px;
  229. }
  230. .panel-header{
  231. padding:5px;
  232. line-height:15px;
  233. color:#15428b;
  234. font-weight:bold;
  235. font-size:12px;
  236. background:url('images/panel_title.png') repeat-x;
  237. position:relative;
  238. border:1px solid #99BBE8;
  239. }
  240. .panel-title{
  241. background:url('images/blank.gif') no-repeat;
  242. }
  243. .panel-header-noborder{
  244. border-width:0px;
  245. border-bottom:1px solid #99BBE8;
  246. }
  247. .panel-body{
  248. overflow:auto;
  249. /* border:1px solid #99BBE8;*/
  250. border-top-width:0px;
  251. }
  252. .panel-body-noheader{
  253. border-top-width:1px;
  254. }
  255. .panel-body-noborder{
  256. border-width:0px;
  257. }
  258. .panel-with-icon{
  259. padding-left:18px;
  260. }
  261. .panel-icon{
  262. position:absolute;
  263. left:5px;
  264. top:4px;
  265. width:16px;
  266. height:16px;
  267. }
  268. .panel-tool{
  269. position:absolute;
  270. right:5px;
  271. top:4px;
  272. }
  273. .panel-tool a{
  274. display:inline-block;
  275. width:16px;
  276. height:16px;
  277. opacity:0.6;
  278. filter:alpha(opacity=60);
  279. margin-left:2px;
  280. }
  281. .panel-tool a:hover{
  282. opacity:1;
  283. filter:alpha(opacity=100);
  284. }
  285. .panel-tool-close{
  286. background:url('images/panel_tools.gif') no-repeat -16px 0px;
  287. }
  288. .panel-tool-min{
  289. background:url('images/panel_tools.gif') no-repeat 0px 0px;
  290. }
  291. .panel-tool-max{
  292. background:url('images/panel_tools.gif') no-repeat 0px -16px;
  293. }
  294. .panel-tool-restore{
  295. background:url('images/panel_tools.gif') no-repeat -16px -16px;
  296. }
  297. .panel-tool-collapse{
  298. background:url('images/panel_tools.gif') no-repeat -32px 0;
  299. }
  300. .panel-tool-expand{
  301. background:url('images/panel_tools.gif') no-repeat -32px -16px;
  302. }
  303. .panel-loading{
  304. padding:11px 0px 10px 30px;
  305. background:url('images/panel_loading.gif') no-repeat 10px 10px;
  306. }
  307. .panel-noscroll{
  308. overflow:hidden;
  309. }
  310. .panel-fit,.panel-fit body{
  311. height:100%;
  312. margin:0;
  313. padding:0;
  314. border:0;
  315. overflow:hidden;
  316. }/*
  317. .panel-fit,.panel-fit,.body{
  318. width:100%;
  319. height:100%;
  320. margin:0;
  321. padding:0;
  322. border:0;
  323. overflow:hidden;
  324. }*/