码迷,mamicode.com
首页 > Web开发 > 详细

博客园页面定制CSS代码

时间:2017-06-06 00:56:30      阅读:432      评论:0      收藏:0      [点我收藏+]

标签:shadow   idt   20px   active   visit   one   list   weight   avl   

博客园页面定制CSS代码

  1 #home {
  2     margin: 0 auto;
  3     width: 80%;/*原始65*/
  4     min-width: 980px;/*页面顶部的宽度*/
  5     background-color: rgba(245, 245, 245, 0.7);
  6     padding: 30px;
  7     margin-top: 50px;
  8     margin-bottom: 50px;
  9     box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
 10 }
 11 body {
 12     background: rgba(12, 100, 129, 1) url(‘http://images.cnblogs.com/cnblogs_com/Penn000/1013849/o_youhua.jpg‘) fixed no-repeat;
 13     background-position: 50% 5%; 
 14     background-size: cover;
 15 }
 16 #blogTitle {
 17     height: 100px;  /*高度*/
 18     clear: both;
 19     background-color: rgba(245, 245, 245, 0);
 20 }
 21 #blogTitle h1 {
 22     font-size: 36px;
 23     font-weight: bold;
 24     line-height: 1.8em;/*原始 1.6em*/
 25     margin-top: 10px;/*原始 15px */
 26 }
 27 #blogTitle h2 {
 28     font-weight: normal;
 29     font-size: 17px;/*原始 16px ;font-size: 1.0rem;*/      
 30     line-height: 1.8;
 31     color: #111;
 32     font-weight: bold;
 33     text-align: right;
 34     float: right; 
 35 }
 36 #navigator{
 37     background-color: rgba(33, 160, 139, 0.9);
 38 }
 39 #navList a:link, #navList a:visited, #navList a:active{
 40     color: #eee;
 41     font-size: 18px;
 42     font-weight: bold;
 43 }
 44 .blogStats{
 45     color: #eee;
 46 }
 47 .postTitle {
 48     border-left: 8px solid rgba(33, 160, 139, 0.68);
 49     margin-left: 10px;
 50     margin-bottom: 10px;
 51     font-size: 20px;
 52     float: right;
 53     width: 100%;
 54     clear: both;
 55 }
 56 .postTitle a:link, .postTitle a:visited, .postTitle a:active {
 57     color: #21759b;
 58     transition: all 0.4s linear 0s;
 59 }
 60 .postTitle a:hover {
 61     margin-left: 30px;
 62     color: #0f3647;
 63     text-decoration: none;
 64 }
 65 .postCon {
 66     float: right;
 67     line-height: 1.5em;
 68     width: 100%;
 69     clear: both;
 70     padding: 10px 0;
 71 }
 72 
 73 .day .postTitle a {
 74     padding-left: 10px;
 75 }
 76 .day {
 77     background: rgba(255, 255, 255, 0.5);
 78 }
 79 /*文章附加信息*/
 80 .postDesc {   
 81     background: url(images/posted_time.png) no-repeat 0 1px;
 82     color: #757575;
 83     float: left;
 84     width: 100%;
 85     clear: both;
 86     text-align: left;     
 87     font-family: "微软雅黑" , "宋体" , "黑体" ,Arial;
 88     font-size: 13px;
 89     padding-right: 20px;/*5px  padding-left: 90px;posted 发表时间左边距离*/
 90     margin-top: 20px;
 91     line-height: 1.8;
 92     padding-bottom: 35px;
 93 }
 94 
 95 .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, 
 96 .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, 
 97 .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar
 98 {
 99     background: rgba(255, 255, 255, 0.5);
100     margin-bottom: 35px;
101     word-wrap: break-word;
102 }
103 
104 .CalTitle tbody tr{
105     background: rgba(255, 255, 255, 0.5);
106 }
107 .catListTitle{
108     background-color: rgba(33, 160, 139, 0.9);
109 }
110 
111 #topics{
112     background: rgba(255, 255, 255, 0.5);
113 }
114 
115 .c_ad_block{
116     display: none;
117 }

 

博客园页面定制CSS代码

标签:shadow   idt   20px   active   visit   one   list   weight   avl   

原文地址:http://www.cnblogs.com/Penn000/p/6947472.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!