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

763 lines
14KB

  1. /***
  2. * DedeCMS v5.6 Style (Default Style)
  3. * dedecms.com Author Networker 2010.02.05
  4. **/
  5. /*---------- import ---------*/
  6. @import url("layout.css");
  7. @import url("page.css");
  8. /*---------- base ---------*/
  9. *{
  10. padding:0px;
  11. margin:0px;
  12. }
  13. html{
  14. background:#FFF;
  15. }
  16. body{
  17. font:12px Verdana,Arial,Tahoma;
  18. }
  19. img{
  20. border:none;
  21. }
  22. a{
  23. color:#256EB1;
  24. text-decoration:none;
  25. }
  26. a:hover{
  27. color:#ba2636;
  28. text-decoration:underline;
  29. }
  30. ul{
  31. list-style:none;
  32. }
  33. input,select,button{
  34. font:12px Verdana,Arial,Tahoma;
  35. vertical-align:middle;
  36. }
  37. /*---------- stock ---------*/
  38. .center{
  39. margin:0px auto;
  40. }
  41. .w960{
  42. width:960px;
  43. /*position:relative;*/
  44. }
  45. .pright .infos_userinfo {
  46. margin-bottom: 0px;
  47. }
  48. .mt1{/* ( margin-top * 1 ) */
  49. margin-top:8px;
  50. }
  51. .pright .mt1{
  52. margin-top:0px;
  53. }
  54. .mt2{/* ( margin-top * 2 ) */
  55. margin-top:16px;
  56. }
  57. .clear{
  58. overflow:hidden;
  59. }
  60. .fs-12{
  61. font-size:12px;
  62. }
  63. .fc-f60{
  64. color:#F60;
  65. }
  66. .fc-f90{
  67. color:#F90;
  68. }
  69. .clr{
  70. clear:both;
  71. }
  72. .ipt-txt{
  73. line-height:15px;
  74. padding:4px 5px;
  75. border-width:1px;
  76. border-style:solid;
  77. border-color:#666 #BBB #BBB #666;
  78. font-size:12px;
  79. margin-right:2px;
  80. }
  81. .nb{
  82. line-height:20x;
  83. padding:1px 2px;
  84. border-width:1px;
  85. border-style:solid;
  86. border-color:#666 #BBB #BBB #666;
  87. font-size:12px;
  88. margin-right:2px
  89. }
  90. .btn-1{
  91. width:56px;
  92. height:24px;
  93. border:none;
  94. background:url(../images/comm-bt.gif) no-repeat;
  95. line-height:25px;
  96. letter-spacing:1px;
  97. cursor:pointer;
  98. overflow:hidden;
  99. color:#585858;
  100. }
  101. .btn-2{
  102. width:70px;
  103. height:25px;
  104. border:none;
  105. background:url(../images/btn-bg2.gif) left top no-repeat;
  106. line-height:25px;
  107. overflow:hidden;
  108. color:#444;
  109. margin-right:2px;
  110. cursor:pointer;
  111. }
  112. /*---------- frame ---------*/
  113. /*---------- frame : header ---------*/
  114. .header{
  115. width:100%;
  116. width:960px;
  117. margin:auto;
  118. overflow:hidden;
  119. }
  120. .header_top{
  121. height:25px!important;
  122. height:24px;
  123. line-height:25px;
  124. border-bottom:1px solid #DBDBDB;
  125. color:#676767;
  126. overflow:hidden;
  127. background:url("../images/green_skin.png") repeat-x scroll 0 -188px transparent;
  128. }
  129. .header_top .time{
  130. float:left;
  131. padding-left:10px;
  132. }
  133. .header_top a.rss{
  134. }
  135. .header_top .toplinks{
  136. float:right;
  137. text-align:right;
  138. }
  139. .header_top .toplinks a{
  140. margin:0 5px;
  141. }
  142. .header_top .toplinks span{
  143. margin-left:15px;
  144. }
  145. .header_top .toplinks span a{
  146. margin:0 2px;
  147. }
  148. .header .search {
  149. overflow:hidden;
  150. }
  151. .header a{
  152. color:#777;
  153. }
  154. .header a:hover{
  155. color:#ff3333;
  156. text-decoration:none;
  157. }
  158. .header .top{
  159. clear:both;
  160. overflow:hidden;
  161. margin-top:10px;
  162. }
  163. .header .title{
  164. float:left;
  165. }
  166. .header .title h1 a{
  167. width:216px;
  168. height:54px;
  169. display:block;
  170. overflow:hidden;
  171. }
  172. .header .banner{
  173. width:468px;
  174. height:60px;
  175. float:right;
  176. margin-left:10px;
  177. overflow:hidden;
  178. }
  179. .header .banner img{
  180. width:468px;
  181. height:60px;
  182. display:block;
  183. }
  184. .banner2{
  185. width:950px;
  186. height:90px;
  187. margin-top: 10px;
  188. overflow:hidden;
  189. }
  190. .banner2 img{
  191. width:950px;
  192. height:90px;
  193. display:block;
  194. }
  195. .header .welcome{
  196. float:right;
  197. margin-top:20px;
  198. padding-right:10px;
  199. color:#999;
  200. }
  201. .header .welcome a{
  202. margin:0px 3px;
  203. }
  204. /*----- 新版导航菜单位置的样式 -------*/
  205. .header .nav { }
  206. /*-------- 圆角模型 ---------*/
  207. .module, .module .mid {
  208. overflow:hidden;
  209. }
  210. .module .top .t_l, .module .bottom .b_l {
  211. float:left;
  212. overflow:hidden;
  213. }
  214. .module .top .t_r, .module .bottom .b_r {
  215. float:right;
  216. overflow:hidden;
  217. }
  218. .module .top em {
  219. float:left;
  220. font-size:13px;
  221. font-weight:bold;
  222. font-family:Arial, Helvetica, sans-serif;
  223. margin-left: 5px;
  224. }
  225. .module .top em a:link, .module .top em a:visited {
  226. font-size:13px;
  227. font-weight:bold;
  228. }
  229. .module .top span {
  230. }
  231. .module .top strong {
  232. cursor:pointer;
  233. float:right;
  234. font-weight:normal;
  235. margin-right:4px;
  236. }
  237. .module .mid .m_l, .module .mid .m_r {
  238. overflow:hidden;
  239. }
  240. .module .mid .content {
  241. overflow:hidden;
  242. height:100%;
  243. clear: both;
  244. margin-right: 8px;
  245. margin-left: 8px;
  246. padding-top: 8px;/*padding-bottom: 10px;*/
  247. }
  248. .module .top, .module .top .t_l, .module .top .t_r, .module .bottom, .module .bottom .b_l, .module .bottom .b_r {
  249. background-image: url("../images/green_skin.png");
  250. }
  251. /*------ 主色 -------*/
  252. .blue .top {
  253. background-position: 0 -72px;
  254. background-repeat: repeat-x;
  255. height: 70px;
  256. }
  257. .blue .top .t_l {
  258. background-position: 0 0;
  259. background-repeat: no-repeat;
  260. height: 70px;
  261. width: 5px;
  262. }
  263. .blue .top .t_r {
  264. background-position: -6px 0;
  265. background-repeat: no-repeat;
  266. height: 70px;
  267. width: 5px;
  268. }
  269. /* --------- 导航 ----------------*/
  270. .w963 {
  271. width:960px;
  272. }
  273. #navMenu {
  274. width:915px;
  275. overflow:hidden;
  276. height: 28px;
  277. padding:8px 0 0 15px;
  278. }
  279. #navMenu ul {
  280. float:left;
  281. height: 22px;
  282. }
  283. #navMenu ul li {
  284. font:14px/1.5 "Microsoft YaHei","微软雅黑","Microsoft JhengHei","宋体";
  285. float:left;
  286. height: 22px;
  287. margin-right: 10px;
  288. margin-left: -3px;
  289. padding-left: 10px;
  290. }
  291. #navMenu ul li a {
  292. color: #FFF;
  293. height: 22px;
  294. text-decoration:none;
  295. display: inline-block;
  296. position: relative;
  297. }
  298. #navMenu ul li a.hover {
  299. color:#DEFF01;
  300. height: 22px;
  301. text-decoration:none;
  302. display: inline-block;
  303. position: relative;
  304. }
  305. #navMenu ul li span {
  306. cursor:pointer;
  307. display:inline-block;
  308. height:22px;
  309. line-height:20px;
  310. margin:0 0 0 5px;
  311. padding:0 5px 0 0;
  312. text-align:center;
  313. vertical-align:middle;
  314. font-weight:bold;
  315. color:#ebf5e9;
  316. }
  317. #navMenu ul li.hover {
  318. padding-top:0;
  319. }
  320. #navMenu ul li.hover a {
  321. display: inline-block;
  322. position: relative;
  323. }
  324. #navMenu ul li.hover span {
  325. cursor:pointer;
  326. display:inline-block;
  327. height:22px;
  328. line-height:20px;
  329. margin:0 0 0 5px;
  330. padding:0 5px 0 0;
  331. text-align:center;
  332. vertical-align:middle;
  333. }
  334. #navMenu ul li a.hover, #navMenu ul li a:hover {
  335. text-decoration:none;
  336. color:#DEFF01;
  337. display: inline-block;
  338. position: relative;
  339. }
  340. #navMenu ul li a.hover span, #navMenu ul li a:hover span {
  341. cursor:pointer;
  342. display:inline-block;
  343. height:22px;
  344. color:#DEFF01;
  345. line-height:20px;
  346. margin:0 0 0 5px;
  347. padding:0 5px 0 0;
  348. text-align:center;
  349. vertical-align:middle;
  350. }
  351. /*-------- 下拉菜单 --------------*/
  352. .dropMenu {
  353. position:absolute;
  354. top: 0;
  355. z-index:100;
  356. width: 120px;
  357. visibility: hidden;
  358. filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA, direction=135, strength=4);
  359. margin-top: -1px;
  360. border: 1px solid #93E1EB;
  361. border-top: 0px solid #3CA2DC;
  362. background-color: #FFF;
  363. background:url(../images/mmenubg.gif);
  364. padding-top:6px;
  365. padding-bottom:6px;
  366. }
  367. .dropMenu li {
  368. margin-top:2px;
  369. margin-bottom:4px;
  370. padding-left:6px;
  371. }
  372. .dropMenu a {
  373. width: auto;
  374. display: block;
  375. color: black;
  376. padding: 2px 0 2px 1.2em;
  377. }
  378. * html .dropMenu a {
  379. width: 100%;
  380. }
  381. .dropMenu a:hover {
  382. color:red;
  383. text-decoration: underline;
  384. }
  385. /*------ //搜索框 ---------*/
  386. .search-keyword {
  387. width:210px;
  388. height:18px;
  389. padding-top:2px;
  390. padding-left:6px;
  391. border:0px;
  392. border:#badaa1 solid 1px;
  393. background: #FFF;
  394. color:#444;
  395. }
  396. .search-submit {
  397. cursor:pointer;
  398. width:68px;
  399. height:22px;
  400. font-size:0px;
  401. color:#fafafa;
  402. border:0px;
  403. background:url(../images/search-bt.gif) no-repeat;
  404. }
  405. .search-option {
  406. margin-left:3px;
  407. margin-right:3px;
  408. border:#badaa1 solid 1px;
  409. height:22px;
  410. }
  411. .w963 .search{
  412. padding-left:10px;
  413. line-height:32px;
  414. }
  415. .w963 .form h4 {
  416. display:none;
  417. }
  418. .w963 .form {
  419. float:left;
  420. margin:0 10px 0 0;
  421. *margin:0 10px 0 0;
  422. _margin:5px 10px 0 0;
  423. }
  424. .w963 .tags {
  425. width:500px;
  426. overflow:hidden;
  427. }
  428. .w963 .tags h4 {
  429. float:left;
  430. margin-right: 6px;
  431. height:26px;
  432. font-size:12px;
  433. color:#777;
  434. }
  435. .w963 .tags li {
  436. float:left;
  437. margin-right: 6px;
  438. }
  439. .header .nav .end { }
  440. /*-- //End 导航菜单 --*/
  441. /*---------- frame : channel-nav ---------*/
  442. .channel-nav {
  443. margin-top:8px;
  444. padding-left:6px;
  445. height:24px;
  446. width:950px;
  447. overflow:hidden;
  448. }
  449. .channel-nav .sonnav {
  450. width:830px;
  451. line-height:26px;
  452. float:left;
  453. color:#256DB1;
  454. }
  455. .channel-nav .sonnav span {
  456. margin-right:10px;
  457. float:left;
  458. }
  459. .channel-nav .sonnav span a{
  460. padding:0 4px;
  461. border:1px solid #BADAA1;
  462. height:22px;
  463. line-height:21px;
  464. background:url(../images/channel_bg.png) repeat-x;
  465. display:inline-block;
  466. }
  467. .channel-nav .sonnav span a.thisclass{
  468. border:1px solid #3aa21b;
  469. }
  470. .channel-nav .sonnav a {
  471. color:#428C5B;
  472. text-decoration:none;
  473. }
  474. .channel-nav .sonnav a:hover{
  475. color:#287212;
  476. }
  477. .channel-nav .back{
  478. display:block;
  479. height:22px;
  480. line-height:21px;
  481. padding-top:6px;
  482. padding-right:10px;
  483. padding-left:20px;
  484. letter-spacing:2px;
  485. float:right;
  486. background:url(../images/ico-home.gif) 4px 10px no-repeat;
  487. }
  488. .channel-nav .back a{
  489. color:#397CBE;
  490. }
  491. .channel-nav .back a:hover{
  492. text-decoration:none;
  493. color:#777;
  494. }
  495. /*pic scroll
  496. ----------------------------------*/
  497. .infiniteCarousel {
  498. width: 700px;
  499. position: relative;
  500. margin-left:auto;
  501. margin-right:auto;
  502. }
  503. .infiniteCarousel .wrapper {
  504. width: 640px;
  505. overflow: auto;
  506. height: 170px;
  507. margin: 0 30px;
  508. top: 0;
  509. }
  510. .infiniteCarousel ul a img {
  511. border:1px solid #E3E3E3;
  512. padding:2px;
  513. width:143px;
  514. height:106px;
  515. display:block;
  516. }
  517. .infiniteCarousel .wrapper ul {
  518. width: 625px;
  519. list-style-image:none;
  520. list-style-position:outside;
  521. list-style-type:none;
  522. margin:0;
  523. padding:0;
  524. top: 0;
  525. }
  526. .infiniteCarousel ul li {
  527. display:block;
  528. color:#6C6D61;
  529. float:left;
  530. padding: 10px 6px;
  531. height: 147px;
  532. width: 147px;
  533. text-align:center;
  534. }
  535. .infiniteCarousel ul li a,
  536. .infiniteCarousel ul li a:visited{
  537. color:#6C6D61;
  538. }
  539. .infiniteCarousel .wrapper ul li a:hover{
  540. text-decoration:underline;
  541. }
  542. .infiniteCarousel ul li a:hover img {
  543. border-color: #aaa;
  544. }
  545. .infiniteCarousel ul li a span{
  546. display:block;
  547. line-height:17px;
  548. padding-top:6px;
  549. }
  550. .infiniteCarousel .arrow {
  551. display: block;
  552. height: 26px;
  553. width: 26px;
  554. text-indent: -999px;
  555. position: absolute;
  556. top: 70px;
  557. cursor: pointer;
  558. outline: 0;
  559. }
  560. .infiniteCarousel .forward {
  561. background:url(../images/green_skin.png) 0 -256px no-repeat;
  562. right: 0;
  563. }
  564. .infiniteCarousel .back {
  565. background:url(../images/green_skin.png) 0 -222px no-repeat;
  566. left: 0;
  567. }
  568. /*----------dedeinfolink ---------*/
  569. #dedeinfolink {
  570. margin-bottom:6px;
  571. }
  572. #dedeinfolink tr td div {
  573. padding:0 5px;
  574. background:url(../images/white_bg.gif) repeat-x;
  575. margin-right:8px;
  576. }
  577. #dedeinfolink tr td {
  578. line-height:18px;
  579. }
  580. #dedeinfolink tr td.spline {
  581. font-size:1px;
  582. height:1px;
  583. line-height:1px;
  584. border-bottom:1px dashed #dedede;
  585. }
  586. #dedeinfolink tr td.iftitle {
  587. font-weight:bold;
  588. color:#428C5B;
  589. line-height:24px;
  590. border-bottom:1px dashed #dedede;
  591. }
  592. /*---------- frame : footer ---------*/
  593. .footer{
  594. margin:auto;
  595. color:#999;
  596. text-align:center;
  597. margin-top:8px;
  598. padding-bottom:10px;
  599. border-top:1px solid #E5EFD6;
  600. padding-top:10px;
  601. }
  602. .footer .link{
  603. text-align:center;
  604. padding:5px 0px;
  605. }
  606. .footer .link a{
  607. margin:0px 5px;
  608. color:#666666;
  609. }
  610. .footer .powered{
  611. font-size:10px;
  612. line-height:25px;
  613. }
  614. .footer .powered strong{
  615. color:#690;
  616. }
  617. .footer .powered strong span{
  618. color:#F93;
  619. }
  620. .footer .copyright{
  621. color:#666666;
  622. line-height:23px;
  623. }
  624. /*new search result page
  625. ----------------------------------------*/
  626. .search_header{
  627. overflow:hidden;
  628. zoom:1;
  629. }
  630. .search_header h1{
  631. float:left;
  632. display:inline;
  633. margin:5px 20px 5px 10px;
  634. width:216px;
  635. }
  636. .search_header .search_box{
  637. float:left;
  638. padding-top:25px;
  639. }
  640. .search_header .search_box input{
  641. border-width:1px;
  642. border-style:solid;
  643. border-color:#707070 #CECECE #CECECE #707070;
  644. padding:2px 4px;
  645. height:18px;
  646. line-height:18px;
  647. width:200px;
  648. margin-right:5px;
  649. }
  650. .search_header .search_box select{
  651. font-size:14px;
  652. height:22px;
  653. margin-right:5px;
  654. }
  655. .search_header .search_box button{
  656. margin-right:3px;
  657. }
  658. .resultbar{
  659. height:32px;
  660. line-height:32px;
  661. background:transparent url(../images/search-top-bg.gif) repeat-x scroll;
  662. text-indent:12px;
  663. color:#428C5B;
  664. border-bottom: 1px solid #E4E4E4;
  665. border-top: 1px solid #E4E4E4;
  666. }
  667. .result_content{
  668. overflow:hidden;
  669. zoom:1;
  670. }
  671. .sidebar{
  672. float:right;
  673. width:300px;
  674. padding:20px 0 0 20px;
  675. margin-right:20px;
  676. border-left:1px solid #dadada;
  677. word-wrap:break-word;
  678. }
  679. .sidebar h2{
  680. font-size:14px;
  681. line-height:25px;
  682. }
  683. .sidebar ul {
  684. padding:4px 8px;
  685. }
  686. .sidebar ul li{
  687. line-height:24px;
  688. background:url(../images/ico-3.gif) 4px 9px no-repeat;
  689. }
  690. .resultlist{
  691. overflow:hidden;
  692. }
  693. .resultlist ul{
  694. padding:20px 0 0 20px;
  695. }
  696. .resultlist ul li{
  697. padding-top:15px;
  698. }
  699. .resultlist ul li h3{
  700. line-height:30px;
  701. font-size:16px;
  702. font-weight:normal;
  703. }
  704. .resultlist ul li h3 a{
  705. text-decoration:underline;
  706. }
  707. .resultlist ul li p{
  708. line-height:22px;
  709. color:#333;
  710. font-size:14px;
  711. width:650px;
  712. }
  713. .resultlist ul li span small{
  714. line-height:22px;
  715. font-size:12px;
  716. margin-left:5px;
  717. color:#999;
  718. }
  719. .resultlist ul li span a{
  720. color:#008400;
  721. }
  722. #contentRtPicAD2.stick {
  723. position:fixed;
  724. top:0;
  725. margin:60px 0 0
  726. }
  727. @media only screen and (max-width: 768px) {
  728. .w960, .w963{
  729. width:100% !important;
  730. /*position:relative;*/
  731. }
  732. .header {
  733. width: 100% !important;
  734. }
  735. #navMenu,.index .listbox dl,.index .bignews ul.c2 {
  736. width: 100% !important;
  737. }
  738. .pleft,.pright,.listbox,.index .latestnews,.index .bignews,.flashnews,.index .userinfo .welcome {
  739. width: 100% !important;
  740. }
  741. .index .latestlogin ul {
  742. width: auto !important;
  743. }
  744. .sp-title .more {
  745. float: right;
  746. margin:auto;
  747. line-height: 27px;
  748. }
  749. }