国内流行的内容管理系统(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.

589 lines
9.2KB

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