style.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568
  1. /*Reset 样式初始化*/
  2. html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,
  3. br, input, button, textarea, h1, h2, h3, h4, h5,em{
  4. padding: 0;
  5. margin: 0;
  6. font-weight: normal;
  7. font-style: normal;
  8. font-size: 12px;
  9. font-family:"宋体","Tahoma";
  10. vertical-align: baseline;
  11. text-align:justify;
  12. word-wrap:break-word;
  13. text-justify:inter-ideograph
  14. }
  15. body{text-align:center}
  16. ul, ol, li, h1 {
  17. line-height:normal;
  18. list-style-image:none;
  19. list-style-position:outside;
  20. list-style-type:none
  21. }
  22. dl {
  23. margin:0
  24. }
  25. dd {
  26. margin-left:0
  27. }
  28. a {
  29. outline:none;
  30. }
  31. a img {
  32. border:0 none
  33. }
  34. img {
  35. vertical-align:middle;
  36. border:0px
  37. }
  38. table {
  39. border-collapse:collapse
  40. }
  41. .clearfix:after {
  42. content:".";
  43. display:block;
  44. height:0;
  45. clear:both;
  46. visibility:hidden
  47. }
  48. .clearfix {
  49. display:inline-block;
  50. overflow:hidden
  51. }
  52. .clearfix {
  53. display:block
  54. }
  55. /*End*/
  56. .hide {display:none}
  57. a.show{display:block}
  58. .lf {float:left}
  59. .rt {float:right}
  60. body{color:#666}
  61. a {color:#1b7dcb;text-decoration:underline}
  62. a:hover {text-decoration:underline;color:#57b0f8}
  63. .colRed {color:#f70000}
  64. .colOrange {color:#ed8b00}
  65. .colBlue{color:#3172d9}
  66. /*maincontent*/
  67. .main_content {
  68. padding:5px
  69. }
  70. /* tableList styles */
  71. table.tableList{width:100%;border-collapse:collapse}
  72. table.tableList th,table.tableList td{text-align:left;padding:.5em;border:1px solid #fff;}
  73. table.tableList th{background:#328aa4 url(tr_back.gif) repeat-x;color:#656565;}
  74. table.tableList td{background:#e5f1f4;}
  75. table.tableList tr.odd td{background:#f8fbfc}
  76. table.tableList tr.edit td{background:#FFCECE}
  77. table.tableList tr.hover,table.tableList tr.hover td{border-bottom:1px solid #fbc279;background:#ffe8ca}
  78. table.tableList .sbtn{display:inline-block;*display:inline;zoom:1;width:16px;height:16px;margin-right:5px;background:url(sbtn_icon.png) no-repeat;filter:alpha(opacity=50);
  79. -moz-opacity:0.5;
  80. -khtml-opacity: 0.5;
  81. opacity: 0.5;}
  82. table.tableList .sbtn:hover{filter:alpha(opacity=100);
  83. -moz-opacity:1;
  84. -khtml-opacity: 1;
  85. opacity: 1;}
  86. table.tableList .sbtnDel {background-position:0 0}
  87. table.tableList .sbtnEdit {background-position:0 -16px}
  88. table.tableList .sbtnConfirm {background-position:0 -32px}
  89. table.tableList .sbtnCancel {background-position:0 -48px}
  90. /* tableform styles */
  91. table.tableForm{width:100%;border-collapse:collapse}
  92. table.tableForm th,table.tableForm td{text-align:left;padding:1em;border:1px solid #fff;border-bottom:1px solid #f2f2f2}
  93. table.tableForm tr.unfilled {background:#FFCECE}
  94. table.tableForm input.inputText,.inputText {
  95. background: url(input.png) repeat-x scroll 0 0 #FFFFFF;
  96. border: 1px solid #D0D0D0;
  97. font-size: 12px;
  98. height: 18px;
  99. padding: 2px 0 2px 5px;
  100. color:#999;
  101. line-height:18px
  102. }
  103. table.tableForm input,table.tableList input {
  104. vertical-align:middle;
  105. margin: 0 5px 0 0;
  106. }
  107. table.tableForm select,table.tableList select {
  108. background: none repeat scroll 0 0 #F9F9F9;
  109. border-color: #666666 #CCCCCC #CCCCCC #666666;
  110. border-style: solid;
  111. border-width: 1px;
  112. color: #666;
  113. padding: 2px;
  114. vertical-align: middle;
  115. }
  116. table.tableForm input.inputHover,table.tableList input.inputHover {
  117. border-color:#f9c746;
  118. color:#333
  119. }
  120. /*globle icon*/
  121. .main_search button {
  122. background:url(globle_icon.png) no-repeat
  123. }
  124. /*.button*/
  125. .button {
  126. float:left;
  127. height:28px;
  128. margin-right:10px;
  129. padding:0 18px;
  130. line-height:29px;
  131. text-align:center;
  132. overflow:hidden;
  133. font-weight:bold;
  134. color:#FFF;
  135. text-shadow:0 1px #276DDD;
  136. border:1px solid #276DDD;
  137. border-radius:3px;
  138. box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);
  139. background:#4C8FFC url(btnLBg.png) repeat-x 0 -185px;
  140. text-decoration:none
  141. }
  142. .button:hover {
  143. text-decoration:none;
  144. color:#FFF;
  145. background-position:0 -214px;
  146. }
  147. .button:active {
  148. background-position:0 -243px;
  149. }
  150. .btn-red {
  151. text-shadow:0 1px #B4080C;
  152. border-color:#CE080D;
  153. background-color:#F23539;
  154. background-position:0 -431px;
  155. }
  156. .btn-red:hover {
  157. background-position:0 -460px;
  158. }
  159. .btn-red:active {
  160. background-position:0 -489px;
  161. }
  162. .btn-green {
  163. text-shadow:0 1px #598D2F;
  164. border-color:#6AAB35;
  165. background-color:#77C13C;
  166. background-position:0 -518px;
  167. }
  168. .btn-green:hover {
  169. background-position:0 -547px;
  170. }
  171. .btn-green:active {
  172. background-position:0 -576px;
  173. }
  174. .btn-orange {
  175. text-shadow:0 1px #EF7714;
  176. border-color:#F67E19;
  177. background-color:#F4A32F;
  178. background-position:0 -344px;
  179. }
  180. .btn-orange:hover {
  181. background-position:0 -373px;
  182. }
  183. .btn-orange:active {
  184. background-position:0 -402px;
  185. }
  186. .btn-gray {
  187. font-weight:normal;
  188. color:#666;
  189. text-shadow:0 1px #FFF;
  190. border-color:#C5C5C5;
  191. background-color:#FFF;
  192. background-position:0 -605px;
  193. box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
  194. }
  195. .btn-gray:hover {
  196. color:#333;
  197. background-position:0 -634px;
  198. }
  199. .btn-gray:active {
  200. background-position:0 -663px;
  201. }
  202. .btn-black {
  203. font-weight:normal;
  204. color:#f2f2f2;
  205. text-shadow:0 1px #333;
  206. border-color:#C5C5C5;
  207. background-color:#6c6e7d;
  208. background-position:0 0;
  209. box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
  210. }
  211. .btn-black:hover {
  212. color:#fff;
  213. background-position:0 -31px;
  214. }
  215. .btn-black:active {
  216. background-position:0 -108px;
  217. }
  218. .btn-large {
  219. width:65px;
  220. }
  221. .btn-disabled,
  222. .btn-disabled:hover,
  223. .btn-disabled:active {
  224. color:#999;
  225. text-shadow:none;
  226. border-color:#C5C5C5;
  227. background-color:#EEE;
  228. background-position:0 -634px;
  229. box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
  230. cursor:default;
  231. }
  232. .btn-disabled b {
  233. font-size:18px;
  234. color:green;
  235. font-family: Constantia,Georgia
  236. }
  237. /**.btn-icon**/
  238. .btn-icon {
  239. position:relative;
  240. padding-left:35px;
  241. }
  242. .btn-icon .icon {
  243. position:absolute;
  244. top:7px;
  245. left:15px;
  246. width:16px;
  247. height:16px;
  248. background:url(globle_icon.png) no-repeat;
  249. }
  250. .btn-icon .iconAdd {
  251. background-position:-20px 0
  252. }
  253. .btn-icon .iconConfirm {
  254. background-position:0 -20px
  255. }
  256. .btn-icon .iconDelete {
  257. background-position:-20px -20px
  258. }
  259. .btn-icon .iconCog {
  260. background-position:-40px 0
  261. }
  262. .btn-icon .iconBatch {
  263. background-position:-40px -20px
  264. }
  265. /*tab*/
  266. .top_tab {
  267. }
  268. .main_tab {
  269. display:inline-block;
  270. *display:inline;
  271. zoom:1;
  272. width:100%;
  273. background:url(n_p_tab_line.gif) repeat-x 0 bottom;
  274. }
  275. .main_tab a{
  276. height:26px;
  277. line-height:26px;
  278. display:inline-block;
  279. text-decoration:none;
  280. margin:0 0 0 10px;
  281. background:url(n_p_tab.gif) no-repeat 0 -26px;
  282. }
  283. .main_tab a span{
  284. height:26px;
  285. line-height:26px;
  286. padding:0 15px 0 0;
  287. margin:0 0 0 15px;
  288. display:inline-block;
  289. color:#ccc;
  290. font-weight:600;
  291. cursor:pointer;
  292. background:url(n_p_tab.gif) no-repeat right -26px;
  293. }
  294. .main_tab a:hover{
  295. }
  296. .main_tab a:hover span{
  297. color:#7DC9E1
  298. }
  299. .main_tab .now{
  300. background:url(n_p_tab.gif) no-repeat 0 0;
  301. }
  302. .main_tab .now span{
  303. background:url(n_p_tab.gif) no-repeat right 0;
  304. color:#666;
  305. cursor:default
  306. }
  307. .main_tab .now:hover span{
  308. color:#666
  309. }
  310. /*main search*/
  311. .main_content .main_toolbar {
  312. padding:5px;
  313. background:#f5f5f5
  314. }
  315. .main_toolbar {
  316. padding:5px;
  317. margin:10px 0 0 0;
  318. background:#f5f5f5
  319. }
  320. .main_content .main_toolbar {
  321. padding:5px;
  322. margin:10px 0 0 0;
  323. background:#f5f5f5
  324. }
  325. .main_content .main_toolbar span.gLine {
  326. border-right:1px solid #e3e3e3;
  327. display:inline-block;
  328. *display:inline;
  329. zoom:1;
  330. height:28px;
  331. float:left;
  332. margin:0 10px 0 0
  333. }
  334. .main_toolbar .main_search {
  335. margin:1px 10px 1px 0;
  336. height:28px;
  337. line-height:28px;
  338. position:relative
  339. }
  340. .main_toolbar .main_search label{
  341. position:absolute;
  342. left:5px;
  343. top:1px;
  344. z-index:2;
  345. color:#ccc
  346. }
  347. .main_toolbar .main_search button{
  348. background-color: transparent;
  349. background-position:0 0;
  350. border: 0 none;
  351. height: 20px;
  352. right:5px;
  353. margin: 0;
  354. position: absolute;
  355. top: 4px;
  356. width: 20px;
  357. cursor:pointer
  358. }
  359. .main_toolbar .main_search button i {
  360. display:none
  361. }
  362. .main_toolbar .main_search .inputText{
  363. height:23px
  364. }
  365. /*globle list*/
  366. .main_content .globle_list {
  367. margin:10px 0 0 0
  368. }
  369. /*main crumb*/
  370. .main_toolbar .main_crumb {
  371. margin:3px 0 0 0;
  372. padding:0 0 0 18px;
  373. background:url(folder.gif) no-repeat 0 center;
  374. height:28px;
  375. line-height:28px
  376. }
  377. /*page nav*/
  378. .main_content .pageNav {
  379. margin:10px 0 0 0;
  380. text-align:center;
  381. height:25px
  382. }
  383. .main_content .pageNav a {
  384. padding:5px 8px;
  385. background:#e3e3e3;
  386. text-decoration:none;
  387. color:#666
  388. }
  389. .main_content .pageNav a:hover{
  390. background:#ECFBD4
  391. }
  392. .main_content .pageNav a.now {
  393. background:#f26600;
  394. color:#fff
  395. }
  396. .main_content .pageNav a.disClick {
  397. background:#f2f2f2;
  398. color:#ccc;
  399. cursor:default
  400. }
  401. .main_content .pageNav a.current {
  402. background:#FF8800;
  403. color:#fff;
  404. font-weight:600
  405. }
  406. .main_content .mainButton{
  407. margin:10px 0 0 0;
  408. }
  409. .main_content .mainButton .addTips_success,.main_content .mainButton .addTips_fail {
  410. background:#D5FFCE;
  411. border:1px solid #9ADF8F;
  412. height:28px;
  413. line-height:28px;
  414. color:##556652;
  415. float:left;
  416. padding:0 20px;
  417. margin:0 10px
  418. }
  419. .main_content .mainButton .addTips_fail {
  420. background:#FFCECE;
  421. color:#665252;
  422. border-color:#DF8F8F
  423. }
  424. /*category set*/
  425. .category_set {
  426. width:99%
  427. }
  428. .category_set table {
  429. width:100%;
  430. margin:8px
  431. }
  432. .category_set thead th {
  433. font-weight:700;
  434. color:#666;
  435. padding: 5px 5px 5px 0;
  436. background:#fff
  437. }
  438. .category_set tr th {
  439. padding: 5px 5px 5px 0;
  440. border-top: 1px dotted #DEEFFB
  441. }
  442. .category_set tr.mouseover {
  443. background:#FFFBCC
  444. }
  445. .category_set td {
  446. border-top: 1px dotted #DEEFFB;
  447. padding: 5px 5px 5px 0;
  448. }
  449. .category_set input {
  450. color:#666
  451. }
  452. .category_set input.order {
  453. border-radius: 3px 3px 3px 3px;
  454. -webkit-border-radius: 3px 3px 3px 3px;
  455. -moz-border-radius: 3px 3px 3px 3px;
  456. background:#fff url(input_bg.gif) repeat-x;
  457. border: 1px solid #DADADA;
  458. color: #ADADAD;
  459. height: 18px;
  460. line-height: 18px;
  461. padding: 0 3px;
  462. vertical-align: middle;
  463. float:left
  464. }
  465. .category_set th input{
  466. width:40px;
  467. text-align:center
  468. }
  469. .category_set th.sec{
  470. padding-left:5px
  471. }
  472. .category_set th.sec input{
  473. width:35px;
  474. }
  475. .category_set th.thi{
  476. padding-left:10px
  477. }
  478. .category_set th.thi input{
  479. width:30px
  480. }
  481. .category_set .first_cate input {
  482. font-weight:600
  483. }
  484. .category_set .first_cate {
  485. display:inline-block
  486. }
  487. .category_set .second_cate {
  488. padding:0 0 0 55px;
  489. background:url(cate_set_tree.gif) no-repeat -55px 0;
  490. display:inline-block
  491. }
  492. .category_set .third_cate {
  493. padding:0 0 0 110px;
  494. background:url(cate_set_tree.gif) no-repeat 0 -50px;
  495. display:inline-block
  496. }
  497. .category_set .last_cate {
  498. padding:0 0 0 55px;
  499. background:url(cate_set_tree.gif) no-repeat -55px -50px
  500. }
  501. .category_set .catebtn {
  502. background:url(sbtn_icon.png) no-repeat;
  503. margin: 0 5px 0 0;
  504. display:block;
  505. width:16px;
  506. height:16px;
  507. float:left
  508. }
  509. .category_set .catebtn_del {
  510. background-position:0 0;
  511. }
  512. .category_set .catebtn_add {
  513. background:url(cate_set_tree.gif) no-repeat 0 -71px;
  514. margin: 0 5px 0 5px;
  515. display:inline-block;
  516. padding:0 0 0 15px;
  517. height:16px;
  518. line-height:16px;
  519. vertical-align:middle;
  520. float:left;
  521. text-indent:-9999px;
  522. width:70px;
  523. }
  524. .category_set .catebtn_add:hover {
  525. background-position:0 -87px;
  526. text-indent:0;
  527. color:#529ae2;
  528. text-decoration:none
  529. }
  530. .category_set a.catebtn_nadd {
  531. color:#529ae2;
  532. text-decoration:none;
  533. background:url(cate_set_tree.gif) no-repeat 0 -87px;
  534. display:inline-block;
  535. padding:0 0 0 15px;
  536. height:16px;
  537. line-height:16px
  538. }
  539. .category_set a.catebtn_nadd:hover {
  540. color:#529ae2;
  541. text-decoration:underline
  542. }
  543. .category_set .cateset_btnlist {
  544. text-align:center
  545. }
  546. .category_set input.m_click{
  547. border:1px solid #FFC853;
  548. color:#333;
  549. background:#fffdf8
  550. }
  551. /**/