本博客在主题Hoot Ubix中使用的额外的CSS3代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 |
/************* 标题大小和颜色 *************/ h1, h2, h3, h4, h5, h6, .title { line-height: 2em; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; color: #000; margin: 25px 0 15px; text-rendering: optimizelegibility; -ms-word-wrap: break-word; word-wrap: break-word; text-transform: none; } h1 { font-size: 2em; } h2 { font-size: 1.73333333em; } h3 { font-size: 1.46666667em; } h4 { font-size: 1.33333333em; } h5 { font-size: 1.2em; } h6 { font-size: 1.06666667em; } .title { font-size: 1.46666667em; } .title h1, .title h2, .title h3, .title h4, .title h5, .title h6 { font-size: inherit; } .titlefont { font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } /************* 边框颜色 *************/ hr { border-style: solid; border-width: 1px 0 0; clear: both; margin: 1.66666667em 0 1em; height: 0; color: #222; } td,tr{border:1px solid #eee;text-align:center;padding:10px;} /************* 引用 *************/ .post blockquote { font: 15px/20px italic Times, serif; color: #000000; padding: 18px; background-color: #FFFFF0; border-left: 15px solid #8B5742; margin: 20px; -moz-box-shadow:3px 5px 15px #333333; -webkit-box-shadow:3px 5px 15px #333333; box-shadow:3px 5px 15px #333333; background-image: url(https://www.yaxi.net/wp-content/themes/wing/img/quote_close.png); background-position: 15px 10px; background-repeat: no-repeat; text-indent: 23px; line-height: 1.8; } .post blockquote p { text-indent:23px; } .post blockquote p:last-child{ background-image: url(https://www.yaxi.net/wp-content/themes/wing/img/quote_close.png); background-repeat: no-repeat; background-position: bottom right; } |
引用部分的效果:
这是引用。左侧是咖啡色加粗边框,主体是淡黄色底纹,整个引用部分带阴影。