home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / cgshow_blog / css / B_index.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2006-06-20  |  8.6 KB  |  458 lines
  1. /* σìÜσ«óΘªûΘí╡Θúĵá╝ */
  2. /*头部开始*/
  3. #blogNav h2 span,#blogSearch legend,#blogzxtp li span ,#blogyxxc li span{
  4.     display:none;
  5. }
  6. #blogHead,#blogNav ,#blogSearch{
  7.     width:760px;
  8.     margin:0 auto;
  9.     text-align:center;
  10. }
  11. #blogHead {
  12.     margin-bottom:8px;
  13. }
  14. #blogNav {    
  15.     height:21px;
  16.     background:#000;
  17. }
  18. #blogNav ul {
  19.     list-style:none;
  20. }
  21. #blogNav ul li{
  22.     display: inline;
  23.     margin:0;
  24.     padding:0;
  25. }
  26. #blogNav ul li a{
  27.     display:block;
  28.     float:left;
  29.     width:76px;
  30.     height:21px;
  31.     line-height:21px;
  32.     overflow:hidden;
  33.     border-bottom:1px solid #E1E1E1;
  34.     color:#fff;
  35.     font-weight:bold;
  36.     text-decoration:none;
  37.     background:#000000 url(../images/b_nav_line.gif) right no-repeat;
  38. }
  39. #blogNav ul li a:hover {
  40.     background:#B80000 url(../images/b_nav_line.gif) right no-repeat;
  41. }
  42. #blogSearch {
  43.     height:25px;
  44.     background:#9EA7B2;
  45. }
  46. #blogSearch form {
  47.     float:left!important;
  48.     text-align:left;
  49.     margin:0;
  50.     padding:3px;
  51. }
  52. input {
  53.     border:1px solid #C9CED4;    
  54.     background:#DFDFDF;
  55.     height:13px!important;
  56.     height:17px;
  57.     padding:1px!important;
  58.     padding:2px;
  59. }
  60. input:focus {
  61.     border:1px solid #B80000;
  62.     background:#fff;
  63. }
  64. input.search,input.submit {
  65.     width:41px;
  66.     height:17px!important;
  67.     height:17px;
  68.     color:#fff;
  69.     background:#80868D;
  70.     cursor:pointer;    
  71.     padding:0!important;
  72.     padding-top:0;
  73.     padding-top/**/:.1em;
  74.     letter-spacing:4px;
  75.     overflow:hidden;
  76. }
  77. /*头部结束*/
  78. #blogBody {
  79.     width:760px;
  80.     margin:0 auto;
  81. }
  82. #blog_Body {
  83.     float:left;
  84.     width:760px;
  85.     text-align:center;
  86.     background:url(../images/b_blogbg.gif) repeat-y;
  87. }
  88. #blogService {
  89.     float:right;
  90.     width:224px;
  91.     background:#80868D;
  92. }
  93. #bloglist {
  94.     width:529px;
  95.     float:left;
  96. }
  97. #blogother {
  98.     width:224px;
  99.     text-align:center;
  100.     float:right;
  101.     background:#9EA7B2;
  102. }
  103. /*服务开始*/
  104. #blogNews ,#blogLogin {
  105.     width:224px;
  106.     text-align:left;
  107. }
  108. #blogLogin {
  109.     margin-bottom:10px;
  110. }
  111. #blogNews h2 ,#blogLogin legend{
  112.     color:#FFFFFF;
  113.     font-weight:bold;
  114.     padding:6px;
  115.     margin:0;
  116. }
  117. #blogLogin legend {
  118.     padding:6px!important;
  119.     padding: 10px 0 2px 0;
  120. }
  121. #blogNews ul {
  122.     list-style:none;
  123. }
  124. #blogNews ul li {
  125.     margin:0 8px;
  126.     padding-left:6px;
  127.     background: url(../images/b_service_ico.gif) no-repeat 0px 6px;
  128.     height:18px;
  129.     line-height:18px;
  130.     overflow:hidden;
  131. }
  132. #blogNews ul li a {
  133.     color:#C9CED4;
  134.     text-decoration:none;
  135. }
  136. #blogNews ul li a:hover {
  137.     color:#fff;
  138.     text-decoration: underline;
  139. }
  140. #blogLogin ul {
  141.     list-style:none;
  142.     margin-left: 5px;
  143. }
  144. #blogLogin ul li {
  145.     line-height: 20px;
  146.     margin:3px 8px;
  147.     color:#C9CED4;
  148. }
  149. #blogLogin input.submit {
  150.     margin:2px 23px 0 56px;
  151.     float:left;
  152. }
  153. #blogLogin form a {
  154.     display:block;
  155.     border:1px solid #C9CED4;
  156.     width:60px!important;
  157.     width:63px;
  158.     height:15px!important;
  159.     height:17px;
  160.     line-height:17px;
  161.     color:#fff;
  162.     background:#80868D;
  163.     cursor:pointer;
  164.     margin-top:5px;
  165.     padding:0 1px 0 4px!important;
  166.     padding-top:0;
  167.     letter-spacing:2px;
  168.     overflow:hidden;
  169.     text-decoration:none;
  170. }
  171. /*服务结束*/
  172.  
  173. /*最新文章开始*/
  174. #blogzxwz ,#blogtjwz,#blogrpwz {
  175.     width:246px;
  176.     margin:0 36px 0 0;
  177.     float:left;
  178. }
  179. #blogzxwz ,#blogfbph{
  180.     margin-top: 150px;
  181. }
  182. #blogzxwz h2,#blogtjwz h2,#blogrpwz h2 {
  183.     border-bottom:1px solid #8C8C8C;
  184.     background:url(../images/b_news_more.gif) no-repeat right;
  185.     margin:15px 0 5px 0;
  186.     padding-bottom:2px;
  187.     text-align:left;
  188. }
  189. #blogzxwz h2 a ,#blogtjwz h2 a,#blogrpwz h2 a {
  190.     display:block;
  191.     width:236px!important;
  192.     width:246px;
  193.     height:auto;
  194.     text-decoration:none;
  195.     background:url(../images/b_news_nav_ico.gif) no-repeat 0px 2px;
  196.     color:#000;
  197.     padding-left:10px;
  198. }
  199. #blogzxwz ul ,#blogtjwz ul,#blogrpwz ul {
  200.     list-style:none;
  201.     text-align:left;
  202. }
  203. #blogzxwz ul li ,#blogtjwz ul li,#blogrpwz ul li {
  204.     background:url(../images/b_news_li_ico.gif) no-repeat 0px 7px;
  205.     margin: 0 5px;
  206.     padding-left:10px;
  207.     height:21px;
  208.     line-height:21px;
  209.     overflow:hidden;
  210. }
  211. #blogzxwz ul li a ,#blogtjwz ul li a,#blogrpwz ul li a {
  212.     color:#2F445D;
  213.     font-size:14px;
  214.     text-decoration:none;
  215. }
  216. #blogzxwz ul li a:visited ,#blogtjwz ul li a:visited,#blogrpwz ul li a:visited {
  217.     color:#80868D;
  218. }
  219. #blogzxwz ul li a:hover ,#blogtjwz ul li a:hover,#blogrpwz ul li a:hover {
  220.     color:#000;
  221.     font-size:14px;
  222.     text-decoration:underline;
  223. }
  224. /*最新文章结束*/
  225. /*用户排行开始*/
  226. #blogfbph{
  227.     float:left;
  228.     width:246px;
  229. }
  230. #blogfbph h2 {
  231.     border-bottom:1px solid #8C8C8C;
  232.     background:url(../images/b_news_nav_ico.gif) no-repeat 0px 2px;
  233.     margin:15px 0 5px 0;
  234.     padding-bottom:2px;
  235.     text-align:left;
  236.     padding-left:10px;
  237. }
  238. #blogfbph ol {
  239.     list-style:none;
  240. }
  241. #blogfbph ol li {
  242.     display:inline;
  243. }
  244. #blogfbph ol li a {
  245.     display:block;    
  246.     width:103px!important;
  247.     width:115px;
  248.     height:21px;
  249.     line-height:21px;
  250.     overflow:hidden;
  251.     background: url(../images/b_user_li_ico.gif) no-repeat 0px 7px;
  252.     margin:0 3px 0 2px;
  253.     padding-left:15px;
  254.     float:left;
  255.     text-align:left;
  256.     color:#2F445D;
  257.     text-decoration:none;
  258. }
  259. #blogfbph ol li a:visited {
  260.     color:#80868D;
  261. }
  262. #blogfbph ol li a:hover {
  263.     color:#000;
  264.     background:#fff url(../images/b_user_li_ico.gif) no-repeat 0px 7px;
  265.     text-decoration:underline;
  266. }
  267. /*用户排行结束*/
  268. /*图片排行开始*/
  269. #blogzxtp ,#blogyxxc {
  270.     width:529px;
  271.     float:left;
  272.     text-align:left;
  273.     margin-top:15px;
  274. }
  275. #blogzxtp h2 ,#blogyxxc h2 {
  276.     height:15px!important;    
  277.     height:18px;
  278.     background: #545454 url(../images/b_pic_nav_ico.gif) no-repeat 5px;
  279.     color:#fff;
  280.     padding: 3px 0 0 15px;
  281. }
  282. #blogzxtp ul ,#blogyxxc ul {
  283.     list-style:none;
  284.     border:1px solid #C7C7C7;
  285.     background:#D6D5D4;
  286.     padding:11px 0 7px 10px;
  287.     line-height:normal;
  288. }
  289. #blogzxtp ul li ,#blogyxxc ul li {
  290.     display: inline;
  291.     margin:0 10px 10px 0;
  292. }
  293. #blogzxtp ul li img, #blogyxxc ul li img {
  294.     width:112px;
  295.     height:68px;
  296.     border:1px solid #80868D;
  297.     background:#80868D;
  298. }
  299. /*图片排行结束*/
  300.  
  301. /*推荐排行开始*/
  302. #blogtjph {
  303.     float:left;
  304.     width:246px;
  305. }
  306. #blogtjph h2 {
  307.     border-bottom:1px solid #8C8C8C;
  308.     background:url(../images/b_news_nav_ico.gif) no-repeat 0px 2px;
  309.     margin:15px 0 5px 0;
  310.     padding-bottom:2px;
  311.     text-align:left;
  312.     padding-left:10px;
  313. }
  314. #blogtjph ol {
  315.     list-style:none;    
  316. }
  317. #blogtjph ol li {
  318.     display: inline;
  319. }
  320. #blogtjph ol li img {
  321.     width:25px;
  322.     height:25px;
  323.     vertical-align:middle;
  324.     margin-right:5px;
  325. }
  326. #blogtjph ol li a {
  327.     display:block;
  328.     width:108px;
  329.     margin:9px 5px;
  330.     float:left;
  331.     text-align:left;
  332.     color:#2F445D;
  333.     text-decoration:none;
  334.     height:25px;
  335.     line-height:25px;
  336.     overflow:hidden;
  337. }
  338. #blogtjph ol li a:visited {
  339.     color:#80868D;
  340. }
  341. #blogtjph ol li a:hover {
  342.     color:#000;
  343.     background:#fff;
  344.     text-decoration:underline;
  345. }
  346. /*推荐排行结束*/
  347.  
  348. /*朋友圈排行开始*/
  349. #blogpyq {
  350.     float:left;
  351.     width:246px;
  352. }
  353. #blogpyq h2 {
  354.     border-bottom:1px solid #8C8C8C;
  355.     background:url(../images/b_news_nav_ico.gif) no-repeat 0px 2px;
  356.     margin:15px 0 8px 0;
  357.     padding-bottom:2px;
  358.     text-align:left;
  359.     padding-left:10px;
  360. }
  361. #blogpyq dl {
  362.     width:240px;
  363.     height:45px;
  364.     border:1px solid #9EA7B2;
  365.     margin:0 0 8px 2px;
  366.     background:#F3F1EF;
  367. }
  368. #blogpyq dl dt a{
  369.     display:block;
  370.     text-align:left;
  371.     color:#2F445D;
  372.     font-size:14px;    
  373.     height:16px;
  374.     line-height:16px;
  375.     overflow:hidden;
  376.     margin:5px 5px 3px 5px;
  377.     text-decoration:none;
  378. }
  379. #blogpyq dl dt a:visited {
  380.     color:#80868D;
  381. }
  382. #blogpyq dl dt a:hover {
  383.     color:#000;
  384.     background:#fff;
  385.     text-decoration:underline;
  386. }
  387. #blogpyq dl dd {
  388.     text-indent:24px;
  389.     color:#80868D;
  390.     height:16px;
  391.     line-height:16px;
  392.     overflow:hidden;
  393. }
  394. /*朋友圈排行结束*/
  395.  
  396. /*博客信息+链接开始*/
  397. #bloginfo ,#blogfrlink {
  398.     width:200px!important;
  399.     width:224px;
  400.     margin:0 auto;
  401.     padding:0 12px;
  402.     text-align:left;
  403.     margin:15px 0;
  404. }
  405. #bloginfo {
  406.     margin-top:474px;
  407. }
  408. #bloginfo h2 ,#blogfrlink h2{
  409.     text-align:center;
  410.     height:21px;
  411.     line-height:21px;
  412.     overflow:hidden;
  413.     background:#80868D url(../images/b_info_nav_ico.gif) no-repeat 5px 50%;
  414.     padding: 0 5px;
  415.     margin-bottom:5px;
  416.     font-size:14px;
  417.     font-weight:bold;
  418.     color:#fff;
  419. }
  420. #bloginfo h2 span ,#blogfrlink h2 span{
  421.     display:block;
  422.     background: url(../images/b_info_nav_ico.gif) no-repeat right center;
  423. }
  424. #bloginfo ul ,#blogfrlink ul{
  425.     list-style:none;
  426.     margin-left:5px;
  427. }
  428. #bloginfo ul li {
  429.     color:#fff;
  430.     height:22px;
  431.     line-height:22px;
  432.     overflow:hidden;
  433. }
  434. #blogfrlink ul li {
  435.     padding-left:6px;
  436.     background: url(../images/b_service_ico.gif) no-repeat 0px 6px;
  437.     height:18px;
  438.     line-height:18px;
  439.     overflow:hidden;
  440. }
  441. #blogfrlink ul li a ,#validate a{
  442.     color:#C9CED4;
  443.     text-decoration:none;
  444. }
  445. #blogfrlink ul li a:hover ,#validate a:hover {
  446.     color:#fff;
  447.     text-decoration: underline;
  448. }
  449. #validate {
  450.     width:200px!important;
  451.     width:224px;
  452.     padding:0 12px;
  453. }
  454. #validate span {    
  455.     color:#fff;
  456.     font-weight:bold;
  457. }
  458. /*博客信息+链接结束*/