国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

584 lines
9.1KB

  1. * {
  2. padding: 0px;
  3. margin: 0px;
  4. }
  5. html,
  6. body {
  7. width: 100%;
  8. height: 100%;
  9. }
  10. body {
  11. height: 100%;
  12. font-size: 12px;
  13. font-family: Verdana, Arial, Helvetica, sans-serif;
  14. overflow: hidden;
  15. z-index: 1;
  16. }
  17. body.showmenu {
  18. background: url(../images/leftmenu_bg.gif) -11px top repeat-y;
  19. }
  20. body.hidemenu {
  21. background: none;
  22. }
  23. ul {
  24. list-style: none;
  25. }
  26. form {
  27. margin: 0;
  28. padding: 0;
  29. }
  30. .head {
  31. width: 100%;
  32. height: 66px;
  33. overflow: hidden;
  34. z-index: 8;
  35. position: relative;
  36. }
  37. .top {
  38. height: 37px;
  39. width: 100%;
  40. background-color: rgb(94, 149, 0);
  41. overflow: hidden;
  42. clear: both;
  43. }
  44. .top .top_logo {
  45. width: 170px;
  46. height: 37px;
  47. float: left;
  48. }
  49. .top .top_link {
  50. float: right;
  51. padding: 5px 10px 0px 0px;
  52. }
  53. .top .top_link ul {
  54. float: left;
  55. padding: 8px 0px 0px 0px;
  56. line-height: 14px;
  57. overflow: hidden;
  58. }
  59. .top .top_link ul li.welcome {
  60. border-right: none;
  61. color: #A8C280;
  62. padding-right: 6px;
  63. }
  64. .top .top_link ul li {
  65. float: left;
  66. color: #CBDAB3;
  67. border-right: 1px solid #61910F;
  68. margin-right: -1px;
  69. }
  70. .top .top_link ul li a {
  71. color: #CBDAB3;
  72. padding-left: 11px;
  73. padding-right: 11px;
  74. text-decoration: none;
  75. }
  76. .top .top_link ul li a:hover {
  77. color: #FFF;
  78. text-decoration: underline;
  79. }
  80. .top .top_link .quick {
  81. padding: 3px 0px 0px 0px;
  82. float: left;
  83. }
  84. .top .top_link .quick a {
  85. display: block;
  86. text-decoration: none;
  87. color: #C60;
  88. float: left;
  89. line-height: 21px;
  90. height: 21px;
  91. overflow: hidden;
  92. }
  93. .top .top_link .quick a.ac_qucikmenu {
  94. width: 81px;
  95. background: url(../images/quick_bg.gif) left top no-repeat;
  96. letter-spacing: 1px;
  97. text-indent: 8px;
  98. }
  99. .top .top_link .quick a.ac_qucikmenu:hover {
  100. background: url(../images/quick_bg.gif) left bottom no-repeat;
  101. }
  102. .top .top_link .quick a.ac_qucikadd {
  103. width: 19px;
  104. background: url(../images/quick_bg.gif) right top no-repeat;
  105. }
  106. .top .top_link .quick a.ac_qucikadd:hover {
  107. background: url(../images/quick_bg.gif) right bottom no-repeat;
  108. }
  109. .topnav {
  110. width: 100%;
  111. height: 29px;
  112. background: url(../images/admin_top_bg.jpg) left -37px repeat-x;
  113. overflow: hidden;
  114. clear: both;
  115. }
  116. .topnav .menuact {
  117. width: 168px;
  118. float: left;
  119. padding-left: 10px;
  120. overflow: hidden;
  121. padding-top: 6px;
  122. }
  123. .topnav .menuact a {
  124. overflow: hidden;
  125. color: #999999;
  126. padding-left: 22px;
  127. padding-right: 3px;
  128. text-decoration: none;
  129. }
  130. .topnav .menuact a:hover {
  131. color: #FFF;
  132. text-decoration: none;
  133. }
  134. .topnav .menuact #togglemenu {
  135. background: url(../images/toggle_menu.gif) 5px 0px no-repeat;
  136. }
  137. .topnav .menuact #allmenu {
  138. background: url(../images/allmenu.gif) 5px 0px no-repeat;
  139. }
  140. .nav {
  141. float: left;
  142. padding-left: 2px;
  143. line-height: 27px;
  144. color: #999;
  145. }
  146. .nav ul li {
  147. float: left;
  148. display: block;
  149. margin-left: 4px;
  150. }
  151. .nav ul li a {
  152. padding: 0px 11px 0px 11px;
  153. color: #FFCC00;
  154. text-decoration: none;
  155. }
  156. .nav ul li a:hover {
  157. color: #FFFFFF;
  158. }
  159. .nav ul li a.thisclass,
  160. .nav ul li a.thisclass:hover {
  161. color: #4E8100;
  162. display: block;
  163. font-weight: bold;
  164. background: #FFF;
  165. line-height: 23px;
  166. border-top: 2px solid #FFDE59;
  167. margin-top: 4px;
  168. padding: 0px 10px 0px 10px;
  169. }
  170. .sysmsg {
  171. height: 27px;
  172. overflow: hidden;
  173. line-height: 27px;
  174. padding-right: 10px;
  175. float: right;
  176. color: #999;
  177. width: 500px;
  178. }
  179. .sysmsg h3 {
  180. font-size: 12px;
  181. float: left;
  182. padding-right: 6px;
  183. font-weight: normal;
  184. color: #FC0;
  185. display: none;
  186. }
  187. .scroll {
  188. padding-top: 1px;
  189. float: right;
  190. overflow: hidden;
  191. height: 25px;
  192. }
  193. .scroll ul {}
  194. .scroll ul li,
  195. .sysmsg ul li a {
  196. color: #BBB;
  197. text-decoration: none;
  198. }
  199. .scroll ul li {
  200. height: 27px;
  201. overflow: hidden;
  202. line-height: 27px;
  203. *line-height: 27px;
  204. float: right;
  205. clear: both;
  206. padding-left: 19px;
  207. background: url(../images/ico-sysmsg.png) 5px 8px no-repeat;
  208. }
  209. .scroll ul li a:hover {
  210. text-decoration: underline;
  211. }
  212. .scroll {
  213. padding-right: 20px;
  214. }
  215. .scroll a {
  216. padding-left: 20px;
  217. color: #ffffff;
  218. text-decoration: none;
  219. margin-right: 10px;
  220. background: url(../images/ico-sysmsg.png) 3px 1px no-repeat;
  221. }
  222. .scroll a:hover {
  223. text-decoration: underline;
  224. }
  225. body.showmenu .left {
  226. display: block;
  227. }
  228. body.hidemenu .left {
  229. display: none;
  230. }
  231. body.showmenu .right {
  232. left: 212px;
  233. }
  234. body.hidemenu .right {
  235. left: 0px;
  236. }
  237. .left {
  238. position: absolute;
  239. top: 66px;
  240. width: 212px;
  241. left: 0px;
  242. bottom: 0px;
  243. z-index: 7;
  244. }
  245. .left {
  246. *height: 100%;
  247. *top: 0;
  248. *bottom: 0;
  249. *border-top: 66px solid #FFF;
  250. *border-bottom: 0px solid #FFF;
  251. *z-index: 1;
  252. }
  253. .menu {
  254. height: 100%;
  255. }
  256. .menu iframe {
  257. height: 100%;
  258. width: 99.99%;
  259. z-index: 20;
  260. }
  261. .right {
  262. position: absolute;
  263. right: 0;
  264. top: 66px;
  265. bottom: 0px;
  266. z-index: 7;
  267. }
  268. .right {
  269. *height: 100%;
  270. *top: 0;
  271. *bottom: 0;
  272. *border-top: 66px solid #FFF;
  273. *border-bottom: 0px solid #FFF;
  274. *z-index: 1;
  275. }
  276. .main {
  277. height: 100%;
  278. }
  279. .main iframe {
  280. height: 100%;
  281. width: 99.99%;
  282. z-index: 20;
  283. }
  284. .qucikmenu {
  285. position: absolute;
  286. right: 10px;
  287. top: 32px;
  288. z-index: 9;
  289. display: none;
  290. }
  291. .qucikmenu ul {
  292. width: 110px;
  293. list-style: none;
  294. border: 1px solid #E7E7E7;
  295. background: #FFF;
  296. }
  297. .qucikmenu ul li {
  298. display: block;
  299. text-align: left;
  300. }
  301. .qucikmenu ul li a {
  302. height: 29px;
  303. line-height: 29px;
  304. display: block;
  305. color: #666666;
  306. padding-left: 10px;
  307. padding-right: 10px;
  308. text-decoration: none;
  309. }
  310. .qucikmenu ul li a:hover {
  311. text-decoration: none;
  312. background: #F7F7F7;
  313. }
  314. .pagemask {
  315. width: 100%;
  316. height: 100%;
  317. background: #000;
  318. position: absolute;
  319. z-index: 100;
  320. filter: alpha(opacity=70);
  321. -moz-opacity: 0.7;
  322. opacity: 0.7;
  323. display: none;
  324. }
  325. .iframemask {
  326. position: absolute;
  327. z-index: 80;
  328. top: 0;
  329. left: 0;
  330. background-color: #fff;
  331. border: none;
  332. filter: alpha(opacity=0);
  333. -moz-opacity: 0;
  334. opacity: 0;
  335. height: 100%;
  336. width: 100%;
  337. display: none;
  338. }
  339. .allmenu {
  340. width: 700px;
  341. background: #FFF;
  342. border: 4px solid #333;
  343. z-index: 999;
  344. position: absolute;
  345. left: 50%;
  346. top: 38px;
  347. margin-left: -350px;
  348. display: none;
  349. padding: 5px 0px;
  350. *text-align: center;
  351. *width: 708px;
  352. }
  353. .allmenu .allmenu-box {
  354. width: 686px;
  355. margin: 0px auto;
  356. text-align: left;
  357. overflow: hidden;
  358. padding-left: 2px;
  359. }
  360. .maptop {
  361. float: left;
  362. width: 107px;
  363. overflow: hidden;
  364. padding-right: 3px;
  365. padding-left: 3px;
  366. border-right: 1px solid #EEE;
  367. border-left: 1px solid #EEE;
  368. margin-left: -1px;
  369. *width: 115px;
  370. }
  371. .maptop dt.bigitem {
  372. padding: 2px;
  373. background: #455656;
  374. color: #FFF;
  375. line-height: 19px;
  376. font-weight: bold;
  377. margin-bottom: 3px;
  378. text-indent: 3px;
  379. }
  380. .mapitem dt {
  381. line-height: 21px;
  382. font-weight: bold;
  383. text-indent: 10px;
  384. background: #EFF1F1;
  385. }
  386. .mapitem ul {
  387. margin-top: 2px;
  388. margin-bottom: 5px;
  389. }
  390. .mapitem ul li {
  391. text-indent: 13px;
  392. line-height: 19px;
  393. background: url(../images/arrr.gif) 4px 6px no-repeat;
  394. }
  395. .allmenu a {
  396. color: #5C604F;
  397. text-decoration: none;
  398. }
  399. .allmenu a:hover {
  400. color: #F63;
  401. }
  402. #login .theme {
  403. clear: both;
  404. padding: 10px;
  405. width: 70%;
  406. margin-top: 20px;
  407. }
  408. #login .theme li {
  409. margin-bottom: 15px;
  410. margin-top: 5px;
  411. overflow: hidden;
  412. }
  413. #login .theme span {
  414. color: #000000;
  415. width: 150px;
  416. display: inline-block;
  417. float: left;
  418. text-align: right;
  419. height: 22px;
  420. line-height: 22px;
  421. }
  422. input {
  423. color: #000;
  424. font-size: 12px;
  425. font-family: Tahoma, SimSun, Arial;
  426. }
  427. input[type="text"],
  428. input[type="password"] {
  429. width: 219px;
  430. border-width: 1px;
  431. border-style: solid;
  432. border-color: #707070 #CECECE #CECECE #707070;
  433. padding: 2px 4px;
  434. height: 18px;
  435. line-height: 18px;
  436. vertical-align: middle;
  437. background: #FFF url("../images/input.gif") 0 0 no-repeat;
  438. }
  439. input[type="text"]:focus,
  440. input[type="password"]:focus {
  441. border-color: #6FB1DF;
  442. color: #333;
  443. -moz-box-shadow: 0 0 3px #A5C760;
  444. -webkit-border-shadow: 0 0 3px #A5C760;
  445. box-shadow: 0 0 3px #A5C760;
  446. }
  447. * html input.text {
  448. width: 223px;
  449. border: 1px solid #a7a6aa;
  450. background: #FFF url("../images/input.gif") 0 0 no-repeat;
  451. margin-top: -1px;
  452. margin-right: 5px;
  453. margin-bottom: 0;
  454. margin-left: 2px;
  455. padding: 3px;
  456. line-height: 12px;
  457. }
  458. input[type="radio"] {
  459. *margin: -1px 0 0 1px;
  460. }
  461. * html input.radio {
  462. margin: -1px 0 0 -2px;
  463. }
  464. .allsearch {
  465. float: left;
  466. margin-top: 3px !important;
  467. background: #FFF url("../images/input.gif") 0 0 no-repeat;
  468. border: 1px solid #a7a6aa;
  469. padding: 2px;
  470. height: 13px !important;
  471. height: 19px;
  472. }
  473. .np {
  474. width: 40px;
  475. height: 19px;
  476. line-height: 19px;
  477. border: none;
  478. background: url(../images/search_bn.gif) #EFF7D0;
  479. cursor: pointer;
  480. margin-top: 3px;
  481. margin-left: 1px;
  482. margin-right: 5px;
  483. }
  484. #help {
  485. background: url("../images/dlgtitle.gif") repeat-x scroll 0 0 transparent;
  486. bottom: 0;
  487. left: 0;
  488. position: absolute;
  489. width: 100%;
  490. height: 28px;
  491. border-top: 1px solid #390;
  492. line-height: 28px;
  493. text-align: right;
  494. padding-top: 0;
  495. padding-bottom: 0;
  496. }
  497. #help #content {
  498. padding-right: 12px;
  499. background: url(../images/gtk-edit.png) no-repeat scroll 0px -1px;
  500. padding-left: 20px;
  501. }