一些定制的皮肤

第一款

  1 *{
  2   margin:0 auto;
  3   padding: 0;
  4   border:none;
  5   word-break:hyphenate;
  6 }
  7 body,textarea,select,input,button{
  8   font-size:12px; 
  9   color:#333;
 10   -webkit-text-size-adjust:none;
 11 }
 12 a:link { color: #000; text-decoration: none; }
 13 
 14 a:visited { color: #000; text-decoration: none; }
 15 
 16 a:hover { color: #f60; text-decoration: underline; }
 17 
 18 a:active { color: #000; text-decoration: none; }
 19 li{list-style:none;}
 20 body{
 21   color: #7D8B8D;
 22     font-family: "Eras ITC","Verdana","思源黑体 CN","Microsoft YaHei";
 23     font-size: 14px;
 24     line-height: 25px;
 25     background-color:#F0EEF5;
 26     width:100%;
 27     height:100%;
 28 }
 29 #home{
 30   width:100%;
 31   height:auto;
 32   min-width:1000px;
 33 }
 34 #header{
 35   width:100%;
 36   height:auto;
 37   background-image:url("http://images.cnblogs.com/cnblogs_com/crackpotisback/594328/o_headbg.png");
 38   -webkit-background-size:cover;
 39   -ms-background-size:cover;
 40   -moz-background-size:cover;
 41   background-size:cover;
 42 }
 43 #main{
 44   width:86%;
 45   height:auto;
 46   display:flex;
 47 }
 48 .entrylistItem,#blog-news,.dayTitle,.feedbackItem,.postBody,.postCon,#blog-sidecolumn>div{
 49   padding: 20px 25px;
 50 }
 51 .postTitle{
 52   border-bottom:1px solid rgba(0,0,0,0.2);
 53   padding:10px 25px;
 54   
 55 }
 56 .newsItem{
 57   background-color:transparent;
 58 }
 59 .newsItem h3.catListTitle{
 60   text-align:center;
 61   font-size:1.4em;
 62   height:40px;
 63   line-height:40px;
 64   background-color:rgba(0,0,0,0.5);
 65   color:#fff;
 66 }
 67 #blog-news{
 68   background-color:rgba(255,255,255,0.6);
 69   box-shadow:inset 0px 0px 2px 0px rgba(255,255,255,0.7),0px 0px 2px 0px rgba(255,255,255,0.7),inset 0px 0px 20px 5px rgba(255,255,255,0.4);
 70 }
 71 .post .postTitle{
 72   font-size: 1.9em;
 73 }
 74 .day .postTitle{
 75     font-size: 1.4em;
 76 }
 77 .entrylistItem,.commentform,.feedbackItem,.post,.day,#blogCalendar,#blog-sidecolumn>div{
 78   box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
 79     color: #7e8c8d;
 80     font-size: 13px;
 81     line-height: 1.8;
 82     margin-bottom:30px;
 83     background-color:#fff;
 84 }
 85 .postBody{
 86   color:#000;
 87   overflow:hidden;
 88 }
 89 .feedbackItem,#leftcontentcontainer > div{
 90   width:100%;
 91   height:100%;
 92   overflow:hidden;
 93   box-sizing:border-box;
 94 }
 95 #mainContent{
 96   margin-right:1%;
 97   width:72%;
 98 }
 99 #sideBar{
100   margin-left:1%;
101   width:26%;
102 }
103 #footer{
104   width:100%;
105   height:auto;
106   padding-top:30px;
107   padding-bottom:30px;
108   display:-webkit-box;
109   display:-ms-flexbox;
110   display:-moz-box;
111   display:box;
112   -webkit-box-pack: center; 
113   -ms-flex-pack:center;
114   -moz-box-pack:center;
115   -ms-flex-align:center;
116   box-pack:center;
117 }
118 
119 #blogTitle{
120   height:120px;
121   width: 100%;
122   /*background-color:#0184B2;*/
123   background-color:transparent;
124   display:-webkit-box;
125   display:-moz-box;
126   display:-ms-box;
127   display:box;
128   -webkit-box-orient:vertical;
129   -ms-box-orient:vertical;
130   -moz-box-orient:vertical;
131   box-orient:vertical;
132 }
133 #blogTitle h1,#blogTitle h2{
134   color:#fff;
135   padding-left:6%;
136 }
137 #blogTitle h1 a{
138   color:#fff;
139   font-size:1em;
140 }
141 #blogTitle h2{
142   font-size:0.9em;
143   margin-top:6px;
144 }
145 #navigator{
146   height:80px;
147   width:86%;
148   margin:20px auto;
149   background-color:#fff;
150   box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
151     font-size: 15px;
152 }
153 #navList{
154   width:100%;
155   height:100%;
156 }
157 #navList li{
158   float:left;
159   list-style:none;
160   height:100%;
161   width:90px;
162   display:-webkit-box;
163   display:-moz-box;
164   display:-ms-flexbox;
165   display:box;
166   -webkit-box-pack: center; 
167   -webkit-box-align:center;
168   -ms-flex-align:center;
169   -moz-box-pack:center;
170   box-pack:center;
171   border-right: 1px solid rgba(210,514,216,0.9);
172   -webkit-transition:background-color 0.5s linear;
173   -ms-transition:background-color 0.5s linear;
174   -moz-transition:background-color 0.5s linear;
175   transition:background-color 0.5s linear;
176   text-align: center;
177   line-height: 5;
178 }
179 #navList li:hover{
180   background-color:#99B16B;
181 }
182 #navList li:hover a{
183   color:#fff;
184 }
185 #navList li a{
186   text-decoration:none;
187   color:#7e8c8d;
188   display:inline-block;
189   font-size:1.1em;
190 }
191 #blog-calendar{width:100%;}
192 #blogCalendar{
193   color:#eee;
194   margin:20px auto;
195   padding-top:1%;
196   padding-bottom:1%;
197   height:100%;
198 }
199 #blogCalendar tr:nth-child(1){
200   background-color:rgba(0,0,0,0.4);
201   color:#fff;
202 }
203 #blogCalendar tr:nth-child(2){
204   background-color:rgba(0,0,0,0.2);
205   color:#fff;
206 }
207 
208 .CalNextPrev a{
209   padding-left:10px;
210   padding-right:10px;
211   color:#fff;
212   font-size:1.4em;
213   font-weight:800;
214 }
215 .CalTodayDay{
216   color:rgb(220,94,33);
217   border-radius:30px;
218   border:1px solid RGB(220,94,33);
219   /*background-color:rgba(0,0,0,.2);*/
220 }
221 .CalDayHeader{
222   font-size:1.2em;
223   font-weight:600;
224   color:rgba(0,0,0,0.5);
225 }
226 #blogCalendar td{
227   width:28px;
228   height:30px;
229   font-size:1em;
230   padding:0;
231   margin:0 0;
232 }
233 td[align="center"]{
234   color:rgba(0,0,0,0.8);
235 }
236 .CalNextPrev + td{
237   color:#fff;
238   font-size:1.5em;
239 }
240 #blogCalendar .CalOtherMonthDay{
241   color:#eee;
242 }
243 #blogCalendar a:link > u{
244   color:rgb(56,98,141);
245   text-decoration:none;
246 }
247 
248 .catListTitle{
249   font-size:1.6em;
250 }
251 #profile_block{
252   font-size:1.3em;
253 }
254 .postDesc{
255   clear: both;
256   color: #9fa4a4;
257   float: none;
258   padding-left: 30px;
259   text-align: left;
260   background: #f5f5f5;
261   height: 45px;
262   line-height: 45px;
263   position: relative;
264   z-index: 2;
265   border-top: 1px solid #e9e8e8;
266   font-size: 13px;
267 }
268 .dayTitle{
269   font-size:15px;
270   padding-top:10px;
271   padding-bottom:10px;
272   background-color:rgba(0,0,0,0.6);
273 }
274 .dayTitle a{
275   color:#eee;
276 }
277 
278 #divRefreshComments,#widget_my_google,.blogStats,.catListLink,.catListNoteBook,.catListArticleArchive,.catListImageCategory,.catListEssay{
279   display:none;
280 }
281 
282 #leftcontentcontainer li{
283   padding:2px;
284   border-bottom:1px solid #E9E9E9;
285 }
286 .mySearch input[type="text"]{
287   width: 90%;
288   height: 35px;
289   border: 1px solid #DDDDDD;
290   display: block;
291   margin: 15px auto;
292   border-radius: 3px;
293   outline: none;
294   line-height: 35px;
295   font-size: 13px;
296   padding: 0 12px;
297 }
298 #nav_next_page a{
299   border-radius: 3px;
300   background-color: #99B16B;
301   -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
302   -moz-box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
303   box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
304   height: 40px;
305   line-height: 40px;
306   color: #fff;
307   display: inline-block;
308   padding: 0 15px;
309   text-decoration: none;
310 }
311 .mySearch input[type="button"]{
312   font-size: 15px;
313   height: 37px;
314   width: 40%;
315   background: #99B16B;
316   vertical-align: middle;
317   text-align: center;
318   border: none;
319   border-radius: 3px;
320   color: #FFF;
321   float: right;
322 }
323 
324 .commentform {
325   padding: 20px;
326   background: #FFF;
327   -webkit-border-radius: 3px;
328   -moz-border-radius: 3px;
329   border-radius: 3px;
330   background-color: #fff;
331   -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
332   -moz-box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
333   box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
334 }
335 div.commentform input.author {
336   height: 35px;
337   -webkit-border-radius: 3px;
338   -moz-border-radius: 3px;
339   border-radius: 3px;
340   background-color: #fff;
341   border: solid 1px #ddd;
342   background: none;
343   padding: 0 15px;
344   line-height: 35px;
345   font-size: 14px;
346   color: #9fa4a4;
347   margin-top: 20px;
348 }
349 .commentbox_title {
350   width: 90%;
351   background: #f5f5f5;
352   height: 30px;
353   line-height: 30px;
354   padding-left:5%;
355   padding-right:5%;
356 }
357 div.commentform textarea.comment_textarea {
358   line-height: 1.6;
359 }
360 div.commentform textarea {
361   height: 190px;
362   width: 94%;
363   border: 0;
364   resize: none;
365   outline: none;
366   padding:3% 3%;
367   font-size: 14px;
368   color: #9fa4a4;
369 }
370 .commentbox_main {
371   margin-top: 0.5em;
372   -webkit-border-radius: 3px;
373   -moz-border-radius: 3px;
374   border-radius: 3px;
375   background-color: #fff;
376   position: relative;
377   margin-top: 20px;
378   padding:0;
379   border:1px solid #ddd;
380 }
381 #commentbox_opt #btn_comment_submit {
382   float: right;
383   font-size: 15px;
384   height: 37px;
385   -webkit-border-radius: 3px;
386   -moz-border-radius: 3px;
387   border-radius: 3px;
388   background-color: #9ab26b;
389   border: none;
390   width: 120px;
391   color: #FFF;
392   margin-left: 15px;
393 }
394 #commentbox_opt {
395   line-height: 40px;
396   height: 50px;
397   margin-top: 30px;
398 }
399 .entrylistTitle{
400   padding-left:5%;
401   background-color:rgba(0,0,0,0.6);
402   padding:20px 25px;
403   color:rgba(255,255,255,0.8);
404 }
405 .entrylistDescription{
406   background-color:rgba(0,0,0,0.2);
407   padding:4px 8px;
408   color:rgba(0,0,0,0.6);
409 }
410 .topicListFooter .pager {
411   text-align: center;
412   height: 68px;
413   -webkit-border-radius: 3px;
414   -moz-border-radius: 3px;
415   border-radius: 3px;
416   background-color: #fff;
417   -webkit-box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
418   -moz-box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
419   box-shadow: 0 0 1px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.09);
420   line-height: 68px;
421 }
422 .pager {
423   font-size: 12px;
424   margin: 10px 0;
425   text-align: center;
426   color: #2e6ab1;
427   line-height: 200%;
428   width:100%;
429 }
430 #btnZzk,#btn_comment_submit{
431   cursor:pointer;
432 }
433 #cnblogs_post_body h2,#cnblogs_post_body h1{
434   padding-left:0;
435 }
436 img#ViewPicture1_GalleryImage {
437   width: 100%;
438   height: 100%;
439   border: px solid #fff;
440   box-shadow: 0px 0px 10px 0px rgba(255,255,255,1);
441   border: 0;
442   padding: 0;
443 }
444 pre {
445   font-family: "Anonymous Pro","Monaco","Source Code Pro","Courier New";
446   font-size: 14px;
447 }
448 .postTitle2{
449   font-weight: normal;
450 }

View Code

 

转载于:https://www.cnblogs.com/crackpotisback/articles/4952897.html