页面主题为ThinkInside，
页面css可以修改为
1 #header { 2 width:970px; 3 margin:0 auto; 4 height:55px; 5 line-height:45px; 6 left: 0; 7 position: fixed; 8 right: 0; 9 top: 0; 10 z-index: 1030; 11 overflow: visible; 12 background-color:#00000; 13 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 -1px 0 rgba(0, 0, 0, 0.1) inset; 14 clear: both; 15 content: ""; 16 } 17 #blogTitle { 18 /*height: 60px; 19 clear: both;*/ 20 margin-top:8px; 21 float: left; 22 } 23 #navigator { 24 /* 25 background-color: black; 26 height: 30px; 27 clear: both; 28 29 float: left;*/ 30 left: 0; 31 right: 0; 32 margin: 8px 0 0 0; 33 position: relative; 34 } 35 #main{ 36 width:960px; 37 margin-left:auto; 38 margin-right:auto; 39 margin:0px,auto; 40 text-align: left; 41 padding-left: 0px; 42 padding-right: 10px; 43 background-color: white; 44 } 45 #sideBar { 46 width: 220px; 47 min-height: 200px; 48 padding: 20px 9px 9px 5px; 49 float: left; 50 -o-text-overflow: ellipsis; 51 text-overflow: ellipsis; 52 overflow: hidden; 53 word-break: break-all; 54 background-color: #F5F5F5; 55 min-height: 20px; 56 font-family: "萝莉体 第二版"; 57 margin: 30px 13px; 58 59 } 60 #mainContent .forFlow{ 61 margin-top:30px; 62 margin-left: 20em; 63 float: none; 64 width: auto; 65 } 66 body { 67 background-image:url("http://images.cnblogs.com/cnblogs_com/mane/429745/o_2012032616593137.jpg"); 68 background-attachment:fixed; 69 background-repeat:repeat; 70 padding-bottom: 40px; 71 padding-top: 60px; 72 min-height: 101%; 73 background-color: gray; 74 color: #404040; 75 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; 76 font-size: 13px; 77 font-weight: normal; 78 line-height: 18px; 79 margin: 0; 80 81 } 82 #Header1_HeaderTitle{ 83 font-size: 33px; 84 font-family:"萝莉体 第二版"; 85 86 } 87 88 #navList a{ 89 line-height: 30px; 90 font-family:"萝莉体 第二版"; 91 font-size: 19px; 92 93 } 94 #profile_block { 95 margin-top: 5px; 96 line-height: 1.5; 97 text-align: left; 98 margin-left: 20px; 99 font-family: "萝莉体 第二版"; 100 } 101 102 #main{ 103 margin-top: 20px; 104 105 } 106 input{ 107 font-family: "萝莉体 第二版"; 108 } 109 #sidebar_search_box,#catListLink,.catListTag,#sidebar_categories,.sidebar-block{ 110 margin-left: 10px; 111 margin-right: 10px; 112 } 113 .postTitle{ 114 font-size: 140%; 115 } 116 .day{ 117 margin: 0 40px 0 15px; 118 } 119 .dayTitle { 120 border-bottom: 1px solid #DDDDDD; 121 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); 122 margin-bottom: 18px; 123 text-align: right; 124 font-size: 15px; 125 margin: 17px 0; 126 } 127 div.commentform textarea { 128 width: 452px; 129 height: 136px; 130 font-size: 13px; 131 border: 1px solid #ccc; 132 font-family: 'PingFang SC','Helvetica Neue','Helvetica','Arial',sans-serif; 133 } 134 #footer { 135 width: 970px; 136 margin: 0 auto; 137 text-align: center; 138 min-height: 15px; 139 _height: 15px; 140 border-top: 1px solid black; 141 margin-top: 10px; 142 padding-top: 10px; 143 margin-bottom: 10px; 144 color: #cccccc; 145 font-size: 20px; 146 font-family: "萝莉体 第二版"; 147 } 148 .c_ad_block,#ad_t2{ 149 display:none; 150 }
页面效果图如下：
