分享 | 痞客邦PIXNET部落格版面樣式CSS – 小清新 (三色)

嫩芽綠

/*<br />CSS desinged by Wei @ Dribs & Drabs, http://www.dribs-drabs.com/<br />色碼: #82ae46(綠)、#cee4ae(淺綠)、#726d40(咖啡)<br />*/<br />/* —————————————————————————————————————————— 清空 */<br />#comment-form table{<br />margin: 0 auto ;<br />}<br />#comment-form td , #comment-form th{<br />border: 0px solid #000 ;<br />padding: 0px 0px;<br />}<br />#comment-form input#send-comment{<br />padding: 0px 0px ;<br />}<br />body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {<br />margin:0;<br />padding:0;<br />}<br />table {<br />border-collapse:collapse;<br />border-spacing:0;<br />}<br />fieldset,img {<br />border:0;<br />}<br />address,caption,cite,code,dfn,em,th,var {<br />font-style:normal;<br />font-weight:normal;<br />}<br />ol,ul {<br />list-style:none;<br />}<br />caption,th {<br />text-align:left;<br />}<br />h1,h2,h3,h4,h5,h6 {<br />font-size:100%;<br />font-weight:normal;<br />}<br />q:before,q:after {<br />content:”;<br />}<br />abbr,acronym {<br />border:0;<br />}<br />pre{<br />font-size: 1em ;<br />}<br />.article-content{<br />_height: 1% ;<br />overflow: hidden ;<br />_overflow: none;<br />}<br />.main-container{padding-top: 0px !important;}<br />.navbar{display:none !important;}<br />/* —————————————————————————————————————————— 部落格前置設定 */<br />body{<br />font-size: 11pt ;<br />font-family:”Arial” ;<br />background: #cee4ae;<br />min-width: 1100px;<br />}<br />a{<br />color:#000000;<br />text-decoration:none ;<br />}<br />a:hover{<br />text-decoration:none ;<br />}<br />textarea{<br />font-size: 10pt;<br />}<br />/* —————————————————————————————————————————— 部落格資訊 */<br />#container{<br />width: 1000px;<br />margin: 0 auto;<br />position: relative;<br />}<br />#header{<br />width: 275px;<br />}<br />#header:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />background: url(http://pic.pimg.tw/weilife/1417766263-147680851.png) center left repeat-x;<br />}<br />#banner{<br />padding-top: 20px;<br />}<br />#banner h1 a{<br />color: #82ae46;<br />font-weight: bold;<br />font-size: 15pt;<br />}<br />#banner h1{<br />line-height: 300%;<br />}<br />#banner h2{<br />line-height: 170%;<br />font-size: 9pt;<br />}<br />#navigation{<br />position: fixed;<br />top: 35px;<br />left: 50%;<br />margin-left: 530px;<br />z-index: 10;<br />}<br />#navigation a{<br />font-size: 0px;<br />display: block;<br />color: #82ae46;<br />transform-origin:left top;<br />transform:rotate(90deg);<br />}<br />#navigation a:hover{<br />color: #726d40;<br />}<br />#navigation a:before{<br />font-size: 10pt;<br />display: block;<br />}<br />#navigation #link-album a:before{<br />content: “*Album”;<br />height: 60px;<br />}<br />#navigation #link-blog a:before{<br />content: “*Blog”;<br />height: 53px;<br />}<br />#navigation #link-guestbook a:before{<br />content: “*Guestbook”;<br />height: 90px;<br />}<br />#navigation #link-profile a:before{<br />content: “*Profile”;<br />height: 60px;<br />}<br />.skiplink{display: none;}<br />#blog-category{display: none;}<br />/* —————————————————————————————————————————— 公告區塊 */<br />#spotlight{<br />width: 275px;<br />}<br />#spotlight:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />}<br />#spotlight h5{<br />color: #82ae46;<br />font-weight: bold;<br />font-size: 11pt;<br />line-height: 300%;<br />}<br />#spotlight h5:before{<br />content: “▩”;<br />padding-right: 10px;<br />}<br />#spotlight-text{<br />line-height: 170%;<br />font-size: 9pt;<br />}<br />/* —————————————————————————————————————————— 文章內容 */<br />#article-area{<br />width: 700px;<br />position: absolute;<br />top: 0px;<br />right: 0px;<br />background: #ffffff;<br />}<br />.article{<br />position: relative;<br />padding: 50px;<br />border-bottom: 1px dotted #82ae46;<br />}<br />.article .article-head{<br />padding-bottom: 15px;<br />position: relative;<br />}<br />.article .article-head .publish{<br />padding: 2px 8px;<br />color: #ffffff;<br />display: inline-block;<br />text-align: center;<br />line-height: 150%;<br />vertical-align: top;<br />margin-right: 7px;<br />background: #82ae46;<br />border-radius: 8px;<br />}<br />.article .article-head .publish .time{display: none;}<br />.article .article-head .publish .day{display: none;}<br />.article .article-head .publish .year{display: block;}<br />.article .article-head .title{<br />display: inline-block;<br />line-height: 130%;<br />font-size: 11pt;<br />position: absolute;<br />top: 0px;<br />left: 75px;<br />height: 50px;<br />}<br />.article .article-head .title a{<br />font-weight: bold;<br />}<br />.article .article-body{<br />line-height: 200%;<br />}<br />.article .article-content a{<br />color: #82ae46;<br />}<br />.article .article-content img{<br />max-width: 100%;<br />}<br />.article .article-content .more a{<br />font-size: 0px;<br />display: block;<br />width: 100%;<br />height: 100%;<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />z-index: 11;<br />}<br />.article:hover .article-content .more:before{<br />letter-spacing: 2px;<br />text-align: center;<br />width: 120px;<br />height: 30px;<br />line-height: 30px;<br />content: “Read more…”;<br />color: #ffffff;<br />background: #82ae46;<br />font-size: 10pt;<br />position: absolute;<br />top: 50%;<br />right: -120px;<br />margin-top: -90px;<br />transform-origin:left bottom;<br />transform:rotate(90deg);<br />border-top-left-radius: 5px;<br />border-top-right-radius: 5px;<br />}<br />.bookmark{<br />position: absolute;<br />top: 20px;<br />right: 10px;<br />}<br />.article .article-footer{display: none;}<br />.article .article-body .author{display: none;}<br />.article .article-keyword{display: none;}<br />.article .pix-related-post{display: none;}<br />.article #pixblogad{display: none;}<br />.page{<br />padding: 40px 0px;<br />text-align: center;<br />}<br />.page a{<br />color: #82ae46;<br />padding: 0px 3px;<br />}<br />.page a:hover{<br />color: #726d40;<br />}<br />.page span{<br />padding: 0px 3px;<br />}<br />/*————————————-*/<br />#article-main .article-content{<br />padding-bottom: 30px;<br />}<br />#article-main .author:before{<br />content: “▸”;<br />color: #82ae46;<br />padding-right: 5px;<br />}<br />#article-main .author{<br />display: block;<br />position: relative;<br />top: 25px;<br />left: -50px;<br />width: 600px;<br />padding: 50px 50px 0px 50px;<br />border-top: 1px dotted #82ae46;<br />}<br />#article-main .author a:hover{<br />color: #82ae46;<br />}<br />#article-main .article-footer{<br />display: block;<br />line-height: 200%;<br />}<br />#article-main .article-footer a:hover{<br />color: #82ae46;<br />}<br />#article-main .article-footer li:before{<br />content: “▸”;<br />color: #82ae46;<br />padding-right: 5px;<br />}<br />#article-main .article-footer .back-to-top{<br />display: none;<br />}<br />/* —————————————————————————————————————————— 文章分類 */<br />.article-area-title{<br />padding: 20px 0px 5px 0px ;<br />text-align: center;<br />color: #82ae46;<br />font-size: 13pt;<br />font-weight: bold;<br />}<br />#display{<br />text-align: center;<br />padding: 10px 0px 20px 0px;<br />border-bottom: 1px #82ae46 dotted;<br />}<br />#display a:hover{<br />color: #82ae46;<br />}<br />.main-list{<br />padding: 50px 50px;<br />}<br />.main-list table{<br />width: 100%;<br />}<br />.main-list table tr{<br />border-bottom: 1px dotted #aaa;<br />}<br />.main-list table tr:hover{<br />background: #eee;<br />}<br />.main-list table th{<br />padding: 8px 5px;<br />}<br />.main-list table td{<br />padding: 8px 5px;<br />}<br />/* —————————————————————————————————————————— 側欄 */<br />#links{<br />width: 275px;<br />}<br />#links-row-1{display: none;}<br />.box{<br />}<br />.box:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />/*background: url(http://pic.pimg.tw/weilife/1417766263-147680851.png) center left repeat-x;*/<br />}<br />.box-title{<br />color: #82ae46;<br />font-weight: bold;<br />font-size: 11pt;<br />line-height: 250%;<br />}<br />.box-title:before{<br />content: “▩”;<br />padding-right: 10px;<br />}<br />.box-text{<br />line-height: 200%;<br />padding-top: 10px;<br />font-size: 9pt;<br />}<br />/*—————————————-文章分類*/<br />#category{<br />position: relative;<br />}<br />#category .box-more{<br />text-align: right;<br />position: absolute;<br />top: 10px;<br />right: 10px;<br />}<br />#category h6 img{<br />padding-right: 10px;<br />}<br />#category .inner-box ul{<br />padding-left: 20px;<br />}<br />#category .inner-box ul li:before{<br />content: “├”;<br />padding-right: 10px;<br />color: #82ae46;<br />display: inline-block;<br />}<br />/*—————————————-個人資訊*/<br />#user-info .box-text{<br />padding: 10px 0px 0px 0px;<br />}<br />#user-info .box-text .user-img{<br />padding-bottom: 15px;<br />}<br />/*—————————————-日曆*/<br />#calendar table{<br />width: 100%;<br />}<br />#calendar th,<br />#calendar td{<br />text-align:center;<br />}<br />#calendar td a{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background:#82ae46;<br />color:#ffffff;<br />display:block;<br />}<br />#calendar td a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />/*—————————————-近期文章與熱門文章有圖示時*/<br />.d_thum{<br />width: 60px !important;<br />}<br />.d_txt_link{<br />width: 190px !important;<br />}<br />/*—————————————-近期文章*/<br />#recent-article li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#recent-article li:hover a{<br />color: #82ae46;<br />}<br />#recent-article li a:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #82ae46;<br />}<br />/*—————————————-熱門文章*/<br />#hot-article li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#hot-article li:hover a{<br />color: #82ae46;<br />}<br />#hot-article li a:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #82ae46;<br />}<br />/*—————————————-最新留言*/<br />#latest-comment li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#latest-comment li:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #82ae46;<br />}<br />#latest-comment li a:hover{<br />color: #82ae46;<br />}<br />/*—————————————-自訂連結*/<br />#mylink li:before{<br />content: “▸”;<br />color: #82ae46;<br />padding-right: 10px;<br />}<br />#mylink li a:hover{<br />color: #82ae46;<br />}<br />/*—————————————-文章彙整*/<br />#archive .box-text select{<br />display: inline-block;<br />}<br />#archive .box-text .box-more{<br />display: inline-block;<br />padding-left: 20px;<br />}<br />#archive .box-text .box-more:hover a{<br />color: #82ae46;<br />}<br />/*—————————————-文章搜尋*/<br />#search li{<br />display: inline-block;<br />}<br />#search #search-target{<br />width: 210px;<br />border: 0px;<br />}<br />#search #search-submit{<br />background: transparent;<br />border: 0px;<br />padding-left: 10px;<br />}<br />#search #search-submit:hover{<br />color: #82ae46;<br />}<br />/*—————————————-我去誰家*/<br />#crumb li{<br />display: inline-block;<br />padding: 1px;<br />}<br />#crumb li img{<br />border-radius: 5px;<br />}<br />#crumb .box-more{<br />text-align: center;<br />}<br />/*—————————————-誰來我家*/<br />#visitor li{<br />display: inline-block;<br />padding: 1px;<br />}<br />#visitor li img{<br />border-radius: 5px;<br />}<br />#visitor .box-more{<br />text-align: center;<br />}<br />/* —————————————————————————————————————————— 頁尾 */<br />#footer{<br />background: url(http://pic.pimg.tw/weilife/1417766263-147680851.png) top left repeat-x;<br />width: 275px;<br />line-height: 200%;<br />font-size: 9pt;<br />padding: 30px 0px;<br />}<br />#footer #bottom:before{<br />display: block;<br />content: “© CSS @ http://www.dribs-drabs.com/”;<br />color: #82ae46;<br />font-size: 9pt;<br />padding-bottom: 10px;<br />}<br />#footer #bottom{<br />color: #82ae46;<br />text-align: center;<br />padding-top: 10px;<br />}<br />#footer #bottom a{<br />color: #82ae46;<br />font-size: 9pt;<br />padding-right: 5px;<br />}<br />#footer #bottom a:hover{<br />color: #726d40;<br />}<br />#footer #bottom a:nth-child(-n+3){display: none;}<br />/* —————————————————————————————————————————— 留言區塊 */<br />#user-post{<br />width:600px;<br />background: #ffffff;<br />padding: 50px;<br />}<br />/* —————————————————————————————————————————— 留言區塊 */<br />/*–引用–*/<br />#trackback-box{}<br />#trackback-box h3{display: none;}<br />#trackback-url{display: none;}<br />#trackback-text{display: none;}<br />#comment-box{}<br />#comment-box h3:before{<br />content: “”;<br />}<br />#comment-box h3{<br />margin: 0px;<br />padding: 10px 0px;<br />}<br />.post-comment{<br />padding: 10px 0px;<br />border-bottom: #bbb dotted 1px;<br />}<br />.post-comment a:before{<br />content: “► “;<br />font-size: 10px;<br />}<br />.post-comment:hover a{<br />color: #777;<br />}<br />/*–單一留言–*/<br />/*–單一引用+單一回應–*/<br />.single-post{<br />padding: 20px;<br />min-height: 55px;<br />-webkit-transition: background 0.5s ease-out;<br />-moz-transition: background 0.5s ease-out;<br />-o-transition: background 0.5s ease-out;<br />transition: background 0.5s ease-out;<br />border-bottom: dotted #aaa 1px;<br />position: relative;<br />}<br />.single-post:hover{<br />background: #f4f4f4;<br />}<br />.secret{<br />min-height: 0px;<br />}<br />.secret li:before{<br />content: “- “;<br />padding-right: 5px;<br />}<br />.secret li:after{<br />content: “- “;<br />padding-left: 5px;<br />}<br />.secret li{<br />padding: 0px;<br />}<br />.post-info{<br />font-weight: bold;<br />height: 20px;<br />}<br />.post-info a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />.post-info .floor{<br />display: block;<br />width: 50px;<br />position: absolute;<br />top: 65px;<br />right: 10px;<br />text-align: center;<br />font-size: 14px;<br />font-weight: normal;<br />}<br />.post-photo{<br />text-align: right;<br />position: absolute;<br />top: 10px;<br />right: 10px;<br />}<br />.post-photo img{<br />width: 50px;<br />height: 50px;<br />border-radius: 50%;<br />}<br />.post-text{<br />padding: 0px 80px 10px 0px;<br />line-height: 150%;<br />}<br />.reply-text{<br />color: #888;<br />padding: 0px 80px 0px 10px;<br />line-height: 150%;<br />border-left: #888 solid 5px;<br />}<br />.reply-text p{<br />padding-top: 10px;<br />padding-bottom: 2px;<br />}<br />.reply-text a{<br />color: #888;<br />}<br />.reply-text a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />/*——————–icon————–*/<br />.post-info .user-name a{<br />margin: 0 5px 0px 0px;<br />}<br />.post-info .user-name img{<br />display: none;<br />}<br />.post-info .homepage{<br />background: url(http://pic.pimg.tw/weilife/1381045870-1646743796.png) center center no-repeat;<br />}<br />.post-info .homepage img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .hide-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-893869105.png) center center no-repeat;<br />}<br />.post-info .hide-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .show-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-1392687776.png) center center no-repeat;<br />}<br />.post-info .show-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .delete-message{<br />background: url(http://pic.pimg.tw/weilife/1381045869-3234832763.png) center center no-repeat;<br />}<br />.post-info .delete-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .spam-message{<br />background: url(http://pic.pimg.tw/weilife/1381045869-3826508189.png) center center no-repeat;<br />}<br />.post-info .spam-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .reply-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-4208701959.png) center center no-repeat;<br />}<br />.post-info .reply-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.reply-text .comment-icon{<br />display: none;<br />}<br />/* —————————————————————留言撰寫 —————————————————————*/<br />#container #main #content #user-post #comment-box #comment-area {<br />width: 600px;<br />padding: 0px;<br />}<br />#container #main #content #user-post #comment-box #comment-area-2 {<br />width: 560px;<br />background: #eaeaea;<br />padding: 20px;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box #comment-area iframe{<br />position: absolute ;<br />top:20px;<br />right: 20px;<br />float:right;<br />}<br />#container #main #content #user-post #comment-box .comment-identity{<br />width: 100%;<br />background:url(http://pic.pimg.tw/weilife/1368612429-2456652207.png) repeat-x bottom left;<br />border: 0px;<br />padding: 0px;<br />padding-bottom: 5px;<br />}<br />#container #main #content #user-post #comment-box .identity-login img.photo{<br />border: 0px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .comment-body{<br />border: 0px;<br />padding: 0px;<br />}<br />#container #main #content #user-post #comment-box input.comment-name{<br />background: #F2F2F2;<br />width: 100%;<br />border: 0px;<br />padding: 5px;<br />margin: 0px;<br />margin-bottom: 10px;<br />}<br />#container #main #content #user-post #comment-box .comment-textarea{<br />background: #f5f5f5;<br />width: 100%;<br />border: 0px;<br />padding: 0px;<br />padding-bottom: 2px;<br />margin: 0px;<br />margin-bottom: 5px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .comment-textarea textarea{<br />background: #f5f5f5;<br />width: 98%;<br />padding: 5px;<br />margin-bottom:5px;<br />}<br />#container #main #content #user-post #comment-box .captcha{<br />background: #f5f5f5;<br />width: 100%;<br />border: 0px;<br />padding: 0px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .captcha div{<br />position: absolute;<br />top:5px;<br />left: 210px;<br />}<br />#container #main #content #user-post #comment-box .captcha input{<br />width: 100%;<br />height: 25px;<br />border: 0px;<br />position: absolute;<br />top:0px;<br />left: 120px;<br />}<br />#container #main #content #user-post #comment-box a.reload-captcha{<br />position: absolute;<br />top:22px;<br />left:0px;<br />background: url(http://pic.pimg.tw/weilife/1368619771-4138190912.png) no-repeat right 4px;<br />}<br />#container #main #content #user-post #comment-box a.reload-captcha:hover{<br />position: absolute;<br />top:22px;<br />left:0px;<br />background:url(http://pic.pimg.tw/weilife/1368619770-3632605094.png) no-repeat right 4px;<br />color: #000000<br />}<br />#container #main #content #user-post #comment-box .comment-extra{<br />background:url(http://pic.pimg.tw/weilife/1368612429-2456652207.png) repeat-x top left;<br />margin: 0px;<br />margin-top: 10px;<br />padding: 0px;<br />padding-top: 10px;<br />}<br />#container #main #content #user-post #comment-box #comment-area button{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background: #f5f5f5;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box .extra{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background: #f5f5f5;<br />padding: 0px;<br />padding-top: 5px;<br />padding-bottom: 5px;<br />margin: 0px;<br />margin-top: 10px;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box .extra input {<br />width: 45%;<br />background: #f5f5f5;<br />border: 0px;<br />}<br />/*————————————————————————–*/<br />@media screen and (min-width: 1350px){<br />#container{<br />width: 1300px;<br />}<br />#article-area{<br />width: 1000px;<br />}<br />#navigation{<br />margin-left: 680px;<br />}<br />#user-post{<br />width: 900px;<br />}<br />#container #main #content #user-post #comment-box #comment-area{<br />width: 900px;<br />}<br />#container #main #content #user-post #comment-box #comment-area-2{<br />width: 860px;<br />}<br />}<br />

櫻花粉

/*<br />CSS desinged by Wei @ Dribs & Drabs, http://www.dribs-drabs.com/<br />色碼: #e9546b(桃紅)、#f6bfbc(粉紅)、#726d40(咖啡)<br />*/<br />/* —————————————————————————————————————————— 清空 */<br />#comment-form table{<br />margin: 0 auto ;<br />}<br />#comment-form td , #comment-form th{<br />border: 0px solid #000 ;<br />padding: 0px 0px;<br />}<br />#comment-form input#send-comment{<br />padding: 0px 0px ;<br />}<br />body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {<br />margin:0;<br />padding:0;<br />}<br />table {<br />border-collapse:collapse;<br />border-spacing:0;<br />}<br />fieldset,img {<br />border:0;<br />}<br />address,caption,cite,code,dfn,em,th,var {<br />font-style:normal;<br />font-weight:normal;<br />}<br />ol,ul {<br />list-style:none;<br />}<br />caption,th {<br />text-align:left;<br />}<br />h1,h2,h3,h4,h5,h6 {<br />font-size:100%;<br />font-weight:normal;<br />}<br />q:before,q:after {<br />content:”;<br />}<br />abbr,acronym {<br />border:0;<br />}<br />pre{<br />font-size: 1em ;<br />}<br />.article-content{<br />_height: 1% ;<br />overflow: hidden ;<br />_overflow: none;<br />}<br />.main-container{padding-top: 0px !important;}<br />.navbar{display:none !important;}<br />/* —————————————————————————————————————————— 部落格前置設定 */<br />body{<br />font-size: 11pt ;<br />font-family:”Arial” ;<br />background: #f6bfbc;<br />min-width: 1100px;<br />}<br />a{<br />color:#000000;<br />text-decoration:none ;<br />}<br />a:hover{<br />text-decoration:none ;<br />}<br />textarea{<br />font-size: 10pt;<br />}<br />/* —————————————————————————————————————————— 部落格資訊 */<br />#container{<br />width: 1000px;<br />margin: 0 auto;<br />position: relative;<br />}<br />#header{<br />width: 275px;<br />}<br />#header:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />background: url(http://pic.pimg.tw/weilife/1420961892-3089557808.png) center left repeat-x;<br />}<br />#banner{<br />padding-top: 20px;<br />}<br />#banner h1 a{<br />color: #e9546b;<br />font-weight: bold;<br />font-size: 15pt;<br />}<br />#banner h1{<br />line-height: 300%;<br />}<br />#banner h2{<br />line-height: 170%;<br />font-size: 9pt;<br />}<br />#navigation{<br />position: fixed;<br />top: 35px;<br />left: 50%;<br />margin-left: 530px;<br />z-index: 10;<br />}<br />#navigation a{<br />font-size: 0px;<br />display: block;<br />color: #e9546b;<br />transform-origin:left top;<br />transform:rotate(90deg);<br />}<br />#navigation a:hover{<br />color: #726d40;<br />}<br />#navigation a:before{<br />font-size: 10pt;<br />display: block;<br />}<br />#navigation #link-album a:before{<br />content: “*Album”;<br />height: 60px;<br />}<br />#navigation #link-blog a:before{<br />content: “*Blog”;<br />height: 53px;<br />}<br />#navigation #link-guestbook a:before{<br />content: “*Guestbook”;<br />height: 90px;<br />}<br />#navigation #link-profile a:before{<br />content: “*Profile”;<br />height: 60px;<br />}<br />.skiplink{display: none;}<br />#blog-category{display: none;}<br />/* —————————————————————————————————————————— 公告區塊 */<br />#spotlight{<br />width: 275px;<br />}<br />#spotlight:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />}<br />#spotlight h5{<br />color: #e9546b;<br />font-weight: bold;<br />font-size: 11pt;<br />line-height: 300%;<br />}<br />#spotlight h5:before{<br />content: “▩”;<br />padding-right: 10px;<br />}<br />#spotlight-text{<br />line-height: 170%;<br />font-size: 9pt;<br />}<br />/* —————————————————————————————————————————— 文章內容 */<br />#article-area{<br />width: 700px;<br />position: absolute;<br />top: 0px;<br />right: 0px;<br />background: #ffffff;<br />}<br />.article{<br />position: relative;<br />padding: 50px;<br />border-bottom: 1px dotted #e9546b;<br />}<br />.article .article-head{<br />padding-bottom: 15px;<br />position: relative;<br />}<br />.article .article-head .publish{<br />padding: 2px 8px;<br />color: #ffffff;<br />display: inline-block;<br />text-align: center;<br />line-height: 150%;<br />vertical-align: top;<br />margin-right: 7px;<br />background: #e9546b;<br />border-radius: 8px;<br />}<br />.article .article-head .publish .time{display: none;}<br />.article .article-head .publish .day{display: none;}<br />.article .article-head .publish .year{display: block;}<br />.article .article-head .title{<br />display: inline-block;<br />line-height: 130%;<br />font-size: 11pt;<br />position: absolute;<br />top: 0px;<br />left: 75px;<br />height: 50px;<br />}<br />.article .article-head .title a{<br />font-weight: bold;<br />}<br />.article .article-body{<br />line-height: 200%;<br />}<br />.article .article-content a{<br />color: #e9546b;<br />}<br />.article .article-content img{<br />max-width: 100%;<br />}<br />.article .article-content .more a{<br />font-size: 0px;<br />display: block;<br />width: 100%;<br />height: 100%;<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />z-index: 11;<br />}<br />.article:hover .article-content .more:before{<br />letter-spacing: 2px;<br />text-align: center;<br />width: 120px;<br />height: 30px;<br />line-height: 30px;<br />content: “Read more…”;<br />color: #ffffff;<br />background: #e9546b;<br />font-size: 10pt;<br />position: absolute;<br />top: 50%;<br />right: -120px;<br />margin-top: -90px;<br />transform-origin:left bottom;<br />transform:rotate(90deg);<br />border-top-left-radius: 5px;<br />border-top-right-radius: 5px;<br />}<br />.bookmark{<br />position: absolute;<br />top: 20px;<br />right: 10px;<br />}<br />.article .article-footer{display: none;}<br />.article .article-body .author{display: none;}<br />.article .article-keyword{display: none;}<br />.article .pix-related-post{display: none;}<br />.article #pixblogad{display: none;}<br />.page{<br />padding: 40px 0px;<br />text-align: center;<br />}<br />.page a{<br />color: #e9546b;<br />padding: 0px 3px;<br />}<br />.page a:hover{<br />color: #726d40;<br />}<br />.page span{<br />padding: 0px 3px;<br />}<br />/*————————————-*/<br />#article-main .article-content{<br />padding-bottom: 30px;<br />}<br />#article-main .author:before{<br />content: “▸”;<br />color: #e9546b;<br />padding-right: 5px;<br />}<br />#article-main .author{<br />display: block;<br />position: relative;<br />top: 25px;<br />left: -50px;<br />width: 600px;<br />padding: 50px 50px 0px 50px;<br />border-top: 1px dotted #e9546b;<br />}<br />#article-main .author a:hover{<br />color: #e9546b;<br />}<br />#article-main .article-footer{<br />display: block;<br />line-height: 200%;<br />}<br />#article-main .article-footer a:hover{<br />color: #e9546b;<br />}<br />#article-main .article-footer li:before{<br />content: “▸”;<br />color: #e9546b;<br />padding-right: 5px;<br />}<br />#article-main .article-footer .back-to-top{<br />display: none;<br />}<br />/* —————————————————————————————————————————— 文章分類 */<br />.article-area-title{<br />padding: 20px 0px 5px 0px ;<br />text-align: center;<br />color: #e9546b;<br />font-size: 13pt;<br />font-weight: bold;<br />}<br />#display{<br />text-align: center;<br />padding: 10px 0px 20px 0px;<br />border-bottom: 1px #e9546b dotted;<br />}<br />#display a:hover{<br />color: #e9546b;<br />}<br />.main-list{<br />padding: 50px 50px;<br />}<br />.main-list table{<br />width: 100%;<br />}<br />.main-list table tr{<br />border-bottom: 1px dotted #aaa;<br />}<br />.main-list table tr:hover{<br />background: #eee;<br />}<br />.main-list table th{<br />padding: 8px 5px;<br />}<br />.main-list table td{<br />padding: 8px 5px;<br />}<br />/* —————————————————————————————————————————— 側欄 */<br />#links{<br />width: 275px;<br />}<br />#links-row-1{display: none;}<br />.box{<br />}<br />.box:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />/*background: url(http://pic.pimg.tw/weilife/1420961892-3089557808.png) center left repeat-x;*/<br />}<br />.box-title{<br />color: #e9546b;<br />font-weight: bold;<br />font-size: 11pt;<br />line-height: 250%;<br />}<br />.box-title:before{<br />content: “▩”;<br />padding-right: 10px;<br />}<br />.box-text{<br />line-height: 200%;<br />padding-top: 10px;<br />font-size: 9pt;<br />}<br />/*—————————————-文章分類*/<br />#category{<br />position: relative;<br />}<br />#category .box-more{<br />text-align: right;<br />position: absolute;<br />top: 10px;<br />right: 10px;<br />}<br />#category h6 img{<br />padding-right: 10px;<br />}<br />#category .inner-box ul{<br />padding-left: 20px;<br />}<br />#category .inner-box ul li:before{<br />content: “├”;<br />padding-right: 10px;<br />color: #e9546b;<br />display: inline-block;<br />}<br />/*—————————————-個人資訊*/<br />#user-info .box-text{<br />padding: 10px 0px 0px 0px;<br />}<br />#user-info .box-text .user-img{<br />padding-bottom: 15px;<br />}<br />/*—————————————-日曆*/<br />#calendar table{<br />width: 100%;<br />}<br />#calendar th,<br />#calendar td{<br />text-align:center;<br />}<br />#calendar td a{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background:#e9546b;<br />color:#ffffff;<br />display:block;<br />}<br />#calendar td a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />/*—————————————-近期文章與熱門文章有圖示時*/<br />.d_thum{<br />width: 60px !important;<br />}<br />.d_txt_link{<br />width: 190px !important;<br />}<br />/*—————————————-近期文章*/<br />#recent-article li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#recent-article li:hover a{<br />color: #e9546b;<br />}<br />#recent-article li a:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #e9546b;<br />}<br />/*—————————————-熱門文章*/<br />#hot-article li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#hot-article li:hover a{<br />color: #e9546b;<br />}<br />#hot-article li a:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #e9546b;<br />}<br />/*—————————————-最新留言*/<br />#latest-comment li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#latest-comment li:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #e9546b;<br />}<br />#latest-comment li a:hover{<br />color: #e9546b;<br />}<br />/*—————————————-自訂連結*/<br />#mylink li:before{<br />content: “▸”;<br />color: #e9546b;<br />padding-right: 10px;<br />}<br />#mylink li a:hover{<br />color: #e9546b;<br />}<br />/*—————————————-文章彙整*/<br />#archive .box-text select{<br />display: inline-block;<br />}<br />#archive .box-text .box-more{<br />display: inline-block;<br />padding-left: 20px;<br />}<br />#archive .box-text .box-more:hover a{<br />color: #e9546b;<br />}<br />/*—————————————-文章搜尋*/<br />#search li{<br />display: inline-block;<br />}<br />#search #search-target{<br />width: 210px;<br />border: 0px;<br />}<br />#search #search-submit{<br />background: transparent;<br />border: 0px;<br />padding-left: 10px;<br />}<br />#search #search-submit:hover{<br />color: #e9546b;<br />}<br />/*—————————————-我去誰家*/<br />#crumb li{<br />display: inline-block;<br />padding: 1px;<br />}<br />#crumb li img{<br />border-radius: 5px;<br />}<br />#crumb .box-more{<br />text-align: center;<br />}<br />/*—————————————-誰來我家*/<br />#visitor li{<br />display: inline-block;<br />padding: 1px;<br />}<br />#visitor li img{<br />border-radius: 5px;<br />}<br />#visitor .box-more{<br />text-align: center;<br />}<br />/* —————————————————————————————————————————— 頁尾 */<br />#footer{<br />background: url(http://pic.pimg.tw/weilife/1420961892-3089557808.png) top left repeat-x;<br />width: 275px;<br />line-height: 200%;<br />font-size: 9pt;<br />padding: 30px 0px;<br />}<br />#footer #bottom:before{<br />display: block;<br />content: “© CSS @ http://www.dribs-drabs.com”;<br />color: #e9546b;<br />font-size: 9pt;<br />padding-bottom: 10px;<br />}<br />#footer #bottom{<br />color: #e9546b;<br />text-align: center;<br />padding-top: 10px;<br />}<br />#footer #bottom a{<br />color: #e9546b;<br />font-size: 9pt;<br />padding-right: 5px;<br />}<br />#footer #bottom a:hover{<br />color: #726d40;<br />}<br />#footer #bottom a:nth-child(-n+3){display: none;}<br />/* —————————————————————————————————————————— 留言區塊 */<br />#user-post{<br />width:600px;<br />background: #ffffff;<br />padding: 50px;<br />}<br />/* —————————————————————————————————————————— 留言區塊 */<br />/*–引用–*/<br />#trackback-box{}<br />#trackback-box h3{display: none;}<br />#trackback-url{display: none;}<br />#trackback-text{display: none;}<br />#comment-box{}<br />#comment-box h3:before{<br />content: “”;<br />}<br />#comment-box h3{<br />margin: 0px;<br />padding: 10px 0px;<br />}<br />.post-comment{<br />padding: 10px 0px;<br />border-bottom: #bbb dotted 1px;<br />}<br />.post-comment a:before{<br />content: “► “;<br />font-size: 10px;<br />}<br />.post-comment:hover a{<br />color: #777;<br />}<br />/*–單一留言–*/<br />/*–單一引用+單一回應–*/<br />.single-post{<br />padding: 20px;<br />min-height: 55px;<br />-webkit-transition: background 0.5s ease-out;<br />-moz-transition: background 0.5s ease-out;<br />-o-transition: background 0.5s ease-out;<br />transition: background 0.5s ease-out;<br />border-bottom: dotted #aaa 1px;<br />position: relative;<br />}<br />.single-post:hover{<br />background: #f4f4f4;<br />}<br />.secret{<br />min-height: 0px;<br />}<br />.secret li:before{<br />content: “- “;<br />padding-right: 5px;<br />}<br />.secret li:after{<br />content: “- “;<br />padding-left: 5px;<br />}<br />.secret li{<br />padding: 0px;<br />}<br />.post-info{<br />font-weight: bold;<br />height: 20px;<br />}<br />.post-info a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />.post-info .floor{<br />display: block;<br />width: 50px;<br />position: absolute;<br />top: 65px;<br />right: 10px;<br />text-align: center;<br />font-size: 14px;<br />font-weight: normal;<br />}<br />.post-photo{<br />text-align: right;<br />position: absolute;<br />top: 10px;<br />right: 10px;<br />}<br />.post-photo img{<br />width: 50px;<br />height: 50px;<br />border-radius: 50%;<br />}<br />.post-text{<br />padding: 0px 80px 10px 0px;<br />line-height: 150%;<br />}<br />.reply-text{<br />color: #888;<br />padding: 0px 80px 0px 10px;<br />line-height: 150%;<br />border-left: #888 solid 5px;<br />}<br />.reply-text p{<br />padding-top: 10px;<br />padding-bottom: 2px;<br />}<br />.reply-text a{<br />color: #888;<br />}<br />.reply-text a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />/*——————–icon————–*/<br />.post-info .user-name a{<br />margin: 0 5px 0px 0px;<br />}<br />.post-info .user-name img{<br />display: none;<br />}<br />.post-info .homepage{<br />background: url(http://pic.pimg.tw/weilife/1381045870-1646743796.png) center center no-repeat;<br />}<br />.post-info .homepage img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .hide-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-893869105.png) center center no-repeat;<br />}<br />.post-info .hide-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .show-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-1392687776.png) center center no-repeat;<br />}<br />.post-info .show-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .delete-message{<br />background: url(http://pic.pimg.tw/weilife/1381045869-3234832763.png) center center no-repeat;<br />}<br />.post-info .delete-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .spam-message{<br />background: url(http://pic.pimg.tw/weilife/1381045869-3826508189.png) center center no-repeat;<br />}<br />.post-info .spam-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .reply-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-4208701959.png) center center no-repeat;<br />}<br />.post-info .reply-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.reply-text .comment-icon{<br />display: none;<br />}<br />/* —————————————————————留言撰寫 —————————————————————*/<br />#container #main #content #user-post #comment-box #comment-area {<br />width: 600px;<br />padding: 0px;<br />}<br />#container #main #content #user-post #comment-box #comment-area-2 {<br />width: 560px;<br />background: #eaeaea;<br />padding: 20px;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box #comment-area iframe{<br />position: absolute ;<br />top:20px;<br />right: 20px;<br />float:right;<br />}<br />#container #main #content #user-post #comment-box .comment-identity{<br />width: 100%;<br />background:url(http://pic.pimg.tw/weilife/1368612429-2456652207.png) repeat-x bottom left;<br />border: 0px;<br />padding: 0px;<br />padding-bottom: 5px;<br />}<br />#container #main #content #user-post #comment-box .identity-login img.photo{<br />border: 0px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .comment-body{<br />border: 0px;<br />padding: 0px;<br />}<br />#container #main #content #user-post #comment-box input.comment-name{<br />background: #F2F2F2;<br />width: 100%;<br />border: 0px;<br />padding: 5px;<br />margin: 0px;<br />margin-bottom: 10px;<br />}<br />#container #main #content #user-post #comment-box .comment-textarea{<br />background: #f5f5f5;<br />width: 100%;<br />border: 0px;<br />padding: 0px;<br />padding-bottom: 2px;<br />margin: 0px;<br />margin-bottom: 5px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .comment-textarea textarea{<br />background: #f5f5f5;<br />width: 98%;<br />padding: 5px;<br />margin-bottom:5px;<br />}<br />#container #main #content #user-post #comment-box .captcha{<br />background: #f5f5f5;<br />width: 100%;<br />border: 0px;<br />padding: 0px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .captcha div{<br />position: absolute;<br />top:5px;<br />left: 210px;<br />}<br />#container #main #content #user-post #comment-box .captcha input{<br />width: 100%;<br />height: 25px;<br />border: 0px;<br />position: absolute;<br />top:0px;<br />left: 120px;<br />}<br />#container #main #content #user-post #comment-box a.reload-captcha{<br />position: absolute;<br />top:22px;<br />left:0px;<br />background: url(http://pic.pimg.tw/weilife/1368619771-4138190912.png) no-repeat right 4px;<br />}<br />#container #main #content #user-post #comment-box a.reload-captcha:hover{<br />position: absolute;<br />top:22px;<br />left:0px;<br />background:url(http://pic.pimg.tw/weilife/1368619770-3632605094.png) no-repeat right 4px;<br />color: #000000<br />}<br />#container #main #content #user-post #comment-box .comment-extra{<br />background:url(http://pic.pimg.tw/weilife/1368612429-2456652207.png) repeat-x top left;<br />margin: 0px;<br />margin-top: 10px;<br />padding: 0px;<br />padding-top: 10px;<br />}<br />#container #main #content #user-post #comment-box #comment-area button{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background: #f5f5f5;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box .extra{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background: #f5f5f5;<br />padding: 0px;<br />padding-top: 5px;<br />padding-bottom: 5px;<br />margin: 0px;<br />margin-top: 10px;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box .extra input {<br />width: 45%;<br />background: #f5f5f5;<br />border: 0px;<br />}<br />/*————————————————————————–*/<br />@media screen and (min-width: 1350px){<br />#container{<br />width: 1300px;<br />}<br />#article-area{<br />width: 1000px;<br />}<br />#navigation{<br />margin-left: 680px;<br />}<br />#user-post{<br />width: 900px;<br />}<br />#container #main #content #user-post #comment-box #comment-area{<br />width: 900px;<br />}<br />#container #main #content #user-post #comment-box #comment-area-2{<br />width: 860px;<br />}<br />}<br />

薰衣紫

/*<br />CSS desinged by Wei @ Dribs & Drabs, http://www.dribs-drabs.com/<br />色碼: #907d93(薰衣草紫)、#dcd3dd(淺紫)<br />*/<br />/* —————————————————————————————————————————— 清空 */<br />#comment-form table{<br />margin: 0 auto ;<br />}<br />#comment-form td , #comment-form th{<br />border: 0px solid #000 ;<br />padding: 0px 0px;<br />}<br />#comment-form input#send-comment{<br />padding: 0px 0px ;<br />}<br />body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {<br />margin:0;<br />padding:0;<br />}<br />table {<br />border-collapse:collapse;<br />border-spacing:0;<br />}<br />fieldset,img {<br />border:0;<br />}<br />address,caption,cite,code,dfn,em,th,var {<br />font-style:normal;<br />font-weight:normal;<br />}<br />ol,ul {<br />list-style:none;<br />}<br />caption,th {<br />text-align:left;<br />}<br />h1,h2,h3,h4,h5,h6 {<br />font-size:100%;<br />font-weight:normal;<br />}<br />q:before,q:after {<br />content:”;<br />}<br />abbr,acronym {<br />border:0;<br />}<br />pre{<br />font-size: 1em ;<br />}<br />.article-content{<br />_height: 1% ;<br />overflow: hidden ;<br />_overflow: none;<br />}<br />.main-container{padding-top: 0px !important;}<br />.navbar{display:none !important;}<br />/* —————————————————————————————————————————— 部落格前置設定 */<br />body{<br />font-size: 11pt ;<br />font-family:”Arial” ;<br />background: #dcd3dd;<br />min-width: 1100px;<br />}<br />a{<br />color:#000000;<br />text-decoration:none ;<br />}<br />a:hover{<br />text-decoration:none ;<br />}<br />textarea{<br />font-size: 10pt;<br />}<br />/* —————————————————————————————————————————— 部落格資訊 */<br />#container{<br />width: 1000px;<br />margin: 0 auto;<br />position: relative;<br />}<br />#header{<br />width: 275px;<br />}<br />#header:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />background: url(http://pic.pimg.tw/weilife/1421065682-4024988559.png) center left repeat-x;<br />}<br />#banner{<br />padding-top: 20px;<br />}<br />#banner h1 a{<br />color: #907d93;<br />font-weight: bold;<br />font-size: 15pt;<br />}<br />#banner h1{<br />line-height: 300%;<br />}<br />#banner h2{<br />line-height: 170%;<br />font-size: 9pt;<br />}<br />#navigation{<br />position: fixed;<br />top: 35px;<br />left: 50%;<br />margin-left: 530px;<br />z-index: 10;<br />}<br />#navigation a{<br />font-size: 0px;<br />display: block;<br />color: #907d93;<br />transform-origin:left top;<br />transform:rotate(90deg);<br />}<br />#navigation a:hover{<br />color: #000;<br />}<br />#navigation a:before{<br />font-size: 10pt;<br />display: block;<br />}<br />#navigation #link-album a:before{<br />content: “*Album”;<br />height: 60px;<br />}<br />#navigation #link-blog a:before{<br />content: “*Blog”;<br />height: 53px;<br />}<br />#navigation #link-guestbook a:before{<br />content: “*Guestbook”;<br />height: 90px;<br />}<br />#navigation #link-profile a:before{<br />content: “*Profile”;<br />height: 60px;<br />}<br />.skiplink{display: none;}<br />#blog-category{display: none;}<br />/* —————————————————————————————————————————— 公告區塊 */<br />#spotlight{<br />width: 275px;<br />}<br />#spotlight:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />}<br />#spotlight h5{<br />color: #907d93;<br />font-weight: bold;<br />font-size: 11pt;<br />line-height: 300%;<br />}<br />#spotlight h5:before{<br />content: “▩”;<br />padding-right: 10px;<br />}<br />#spotlight-text{<br />line-height: 170%;<br />font-size: 9pt;<br />}<br />/* —————————————————————————————————————————— 文章內容 */<br />#article-area{<br />width: 700px;<br />position: absolute;<br />top: 0px;<br />right: 0px;<br />background: #ffffff;<br />}<br />.article{<br />position: relative;<br />padding: 50px;<br />border-bottom: 1px dotted #907d93;<br />}<br />.article .article-head{<br />padding-bottom: 15px;<br />position: relative;<br />}<br />.article .article-head .publish{<br />padding: 2px 8px;<br />color: #ffffff;<br />display: inline-block;<br />text-align: center;<br />line-height: 150%;<br />vertical-align: top;<br />margin-right: 7px;<br />background: #907d93;<br />border-radius: 8px;<br />}<br />.article .article-head .publish .time{display: none;}<br />.article .article-head .publish .day{display: none;}<br />.article .article-head .publish .year{display: block;}<br />.article .article-head .title{<br />display: inline-block;<br />line-height: 130%;<br />font-size: 11pt;<br />position: absolute;<br />top: 0px;<br />left: 75px;<br />height: 50px;<br />}<br />.article .article-head .title a{<br />font-weight: bold;<br />}<br />.article .article-body{<br />line-height: 200%;<br />}<br />.article .article-content a{<br />color: #907d93;<br />}<br />.article .article-content img{<br />max-width: 100%;<br />}<br />.article .article-content .more a{<br />font-size: 0px;<br />display: block;<br />width: 100%;<br />height: 100%;<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />z-index: 11;<br />}<br />.article:hover .article-content .more:before{<br />letter-spacing: 2px;<br />text-align: center;<br />width: 120px;<br />height: 30px;<br />line-height: 30px;<br />content: “Read more…”;<br />color: #ffffff;<br />background: #907d93;<br />font-size: 10pt;<br />position: absolute;<br />top: 50%;<br />right: -120px;<br />margin-top: -90px;<br />transform-origin:left bottom;<br />transform:rotate(90deg);<br />border-top-left-radius: 5px;<br />border-top-right-radius: 5px;<br />}<br />.bookmark{<br />position: absolute;<br />top: 20px;<br />right: 10px;<br />}<br />.article .article-footer{display: none;}<br />.article .article-body .author{display: none;}<br />.article .article-keyword{display: none;}<br />.article .pix-related-post{display: none;}<br />.article #pixblogad{display: none;}<br />.page{<br />padding: 40px 0px;<br />text-align: center;<br />}<br />.page a{<br />color: #907d93;<br />padding: 0px 3px;<br />}<br />.page a:hover{<br />color: #000;<br />}<br />.page span{<br />padding: 0px 3px;<br />}<br />/*————————————-*/<br />#article-main .article-content{<br />padding-bottom: 30px;<br />}<br />#article-main .author:before{<br />content: “▸”;<br />color: #907d93;<br />padding-right: 5px;<br />}<br />#article-main .author{<br />display: block;<br />position: relative;<br />top: 25px;<br />left: -50px;<br />width: 600px;<br />padding: 50px 50px 0px 50px;<br />border-top: 1px dotted #907d93;<br />}<br />#article-main .author a:hover{<br />color: #907d93;<br />}<br />#article-main .article-footer{<br />display: block;<br />line-height: 200%;<br />}<br />#article-main .article-footer a:hover{<br />color: #907d93;<br />}<br />#article-main .article-footer li:before{<br />content: “▸”;<br />color: #907d93;<br />padding-right: 5px;<br />}<br />#article-main .article-footer .back-to-top{<br />display: none;<br />}<br />/* —————————————————————————————————————————— 文章分類 */<br />.article-area-title{<br />padding: 20px 0px 5px 0px ;<br />text-align: center;<br />color: #907d93;<br />font-size: 13pt;<br />font-weight: bold;<br />}<br />#display{<br />text-align: center;<br />padding: 10px 0px 20px 0px;<br />border-bottom: 1px #907d93 dotted;<br />}<br />#display a:hover{<br />color: #907d93;<br />}<br />.main-list{<br />padding: 50px 50px;<br />}<br />.main-list table{<br />width: 100%;<br />}<br />.main-list table tr{<br />border-bottom: 1px dotted #aaa;<br />}<br />.main-list table tr:hover{<br />background: #eee;<br />}<br />.main-list table th{<br />padding: 8px 5px;<br />}<br />.main-list table td{<br />padding: 8px 5px;<br />}<br />/* —————————————————————————————————————————— 側欄 */<br />#links{<br />width: 275px;<br />}<br />#links-row-1{display: none;}<br />.box{<br />}<br />.box:after{<br />content: ” “;<br />height: 60px;<br />display: block;<br />/*background: url(http://pic.pimg.tw/weilife/1421065682-4024988559.png) center left repeat-x;*/<br />}<br />.box-title{<br />color: #907d93;<br />font-weight: bold;<br />font-size: 11pt;<br />line-height: 250%;<br />}<br />.box-title:before{<br />content: “▩”;<br />padding-right: 10px;<br />}<br />.box-text{<br />line-height: 200%;<br />padding-top: 10px;<br />font-size: 9pt;<br />}<br />/*—————————————-文章分類*/<br />#category{<br />position: relative;<br />}<br />#category .box-more{<br />text-align: right;<br />position: absolute;<br />top: 10px;<br />right: 10px;<br />}<br />#category h6 img{<br />padding-right: 10px;<br />}<br />#category .inner-box ul{<br />padding-left: 20px;<br />}<br />#category .inner-box ul li:before{<br />content: “├”;<br />padding-right: 10px;<br />color: #907d93;<br />display: inline-block;<br />}<br />/*—————————————-個人資訊*/<br />#user-info .box-text{<br />padding: 10px 0px 0px 0px;<br />}<br />#user-info .box-text .user-img{<br />padding-bottom: 15px;<br />}<br />/*—————————————-日曆*/<br />#calendar table{<br />width: 100%;<br />}<br />#calendar th,<br />#calendar td{<br />text-align:center;<br />}<br />#calendar td a{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background:#907d93;<br />color:#ffffff;<br />display:block;<br />}<br />#calendar td a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />/*—————————————-近期文章與熱門文章有圖示時*/<br />.d_thum{<br />width: 60px !important;<br />}<br />.d_txt_link{<br />width: 190px !important;<br />}<br />/*—————————————-近期文章*/<br />#recent-article li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#recent-article li:hover a{<br />color: #907d93;<br />}<br />#recent-article li a:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #907d93;<br />}<br />/*—————————————-熱門文章*/<br />#hot-article li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#hot-article li:hover a{<br />color: #907d93;<br />}<br />#hot-article li a:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #907d93;<br />}<br />/*—————————————-最新留言*/<br />#latest-comment li{<br />line-height: 200%;<br />padding-bottom: 2px;<br />padding-left: 15px;<br />position: relative;<br />}<br />#latest-comment li:before{<br />position: absolute;<br />top: 0px;<br />left: 0px;<br />content: “▸”;<br />color: #907d93;<br />}<br />#latest-comment li a:hover{<br />color: #907d93;<br />}<br />/*—————————————-自訂連結*/<br />#mylink li:before{<br />content: “▸”;<br />color: #907d93;<br />padding-right: 10px;<br />}<br />#mylink li a:hover{<br />color: #907d93;<br />}<br />/*—————————————-文章彙整*/<br />#archive .box-text select{<br />display: inline-block;<br />}<br />#archive .box-text .box-more{<br />display: inline-block;<br />padding-left: 20px;<br />}<br />#archive .box-text .box-more:hover a{<br />color: #907d93;<br />}<br />/*—————————————-文章搜尋*/<br />#search li{<br />display: inline-block;<br />}<br />#search #search-target{<br />width: 210px;<br />border: 0px;<br />}<br />#search #search-submit{<br />background: transparent;<br />border: 0px;<br />padding-left: 10px;<br />}<br />#search #search-submit:hover{<br />color: #907d93;<br />}<br />/*—————————————-我去誰家*/<br />#crumb li{<br />display: inline-block;<br />padding: 1px;<br />}<br />#crumb li img{<br />border-radius: 5px;<br />}<br />#crumb .box-more{<br />text-align: center;<br />}<br />/*—————————————-誰來我家*/<br />#visitor li{<br />display: inline-block;<br />padding: 1px;<br />}<br />#visitor li img{<br />border-radius: 5px;<br />}<br />#visitor .box-more{<br />text-align: center;<br />}<br />/* —————————————————————————————————————————— 頁尾 */<br />#footer{<br />background: url(http://pic.pimg.tw/weilife/1421065682-4024988559.png) top left repeat-x;<br />width: 275px;<br />line-height: 200%;<br />font-size: 9pt;<br />padding: 30px 0px;<br />}<br />#footer #bottom:before{<br />display: block;<br />content: “© CSS @ http://www.dribs-drabs.com/”;<br />color: #907d93;<br />font-size: 9pt;<br />padding-bottom: 10px;<br />}<br />#footer #bottom{<br />color: #907d93;<br />text-align: center;<br />padding-top: 10px;<br />}<br />#footer #bottom a{<br />color: #907d93;<br />font-size: 9pt;<br />padding-right: 5px;<br />}<br />#footer #bottom a:hover{<br />color: #000;<br />}<br />#footer #bottom a:nth-child(-n+3){display: none;}<br />/* —————————————————————————————————————————— 留言區塊 */<br />#user-post{<br />width:600px;<br />background: #ffffff;<br />padding: 50px;<br />}<br />/* —————————————————————————————————————————— 留言區塊 */<br />/*–引用–*/<br />#trackback-box{}<br />#trackback-box h3{display: none;}<br />#trackback-url{display: none;}<br />#trackback-text{display: none;}<br />#comment-box{}<br />#comment-box h3:before{<br />content: “”;<br />}<br />#comment-box h3{<br />margin: 0px;<br />padding: 10px 0px;<br />}<br />.post-comment{<br />padding: 10px 0px;<br />border-bottom: #bbb dotted 1px;<br />}<br />.post-comment a:before{<br />content: “► “;<br />font-size: 10px;<br />}<br />.post-comment:hover a{<br />color: #777;<br />}<br />/*–單一留言–*/<br />/*–單一引用+單一回應–*/<br />.single-post{<br />padding: 20px;<br />min-height: 55px;<br />-webkit-transition: background 0.5s ease-out;<br />-moz-transition: background 0.5s ease-out;<br />-o-transition: background 0.5s ease-out;<br />transition: background 0.5s ease-out;<br />border-bottom: dotted #aaa 1px;<br />position: relative;<br />}<br />.single-post:hover{<br />background: #f4f4f4;<br />}<br />.secret{<br />min-height: 0px;<br />}<br />.secret li:before{<br />content: “- “;<br />padding-right: 5px;<br />}<br />.secret li:after{<br />content: “- “;<br />padding-left: 5px;<br />}<br />.secret li{<br />padding: 0px;<br />}<br />.post-info{<br />font-weight: bold;<br />height: 20px;<br />}<br />.post-info a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />.post-info .floor{<br />display: block;<br />width: 50px;<br />position: absolute;<br />top: 65px;<br />right: 10px;<br />text-align: center;<br />font-size: 14px;<br />font-weight: normal;<br />}<br />.post-photo{<br />text-align: right;<br />position: absolute;<br />top: 10px;<br />right: 10px;<br />}<br />.post-photo img{<br />width: 50px;<br />height: 50px;<br />border-radius: 50%;<br />}<br />.post-text{<br />padding: 0px 80px 10px 0px;<br />line-height: 150%;<br />}<br />.reply-text{<br />color: #888;<br />padding: 0px 80px 0px 10px;<br />line-height: 150%;<br />border-left: #888 solid 5px;<br />}<br />.reply-text p{<br />padding-top: 10px;<br />padding-bottom: 2px;<br />}<br />.reply-text a{<br />color: #888;<br />}<br />.reply-text a:hover{<br />position: relative;<br />top: 1px;<br />left: 1px;<br />}<br />/*——————–icon————–*/<br />.post-info .user-name a{<br />margin: 0 5px 0px 0px;<br />}<br />.post-info .user-name img{<br />display: none;<br />}<br />.post-info .homepage{<br />background: url(http://pic.pimg.tw/weilife/1381045870-1646743796.png) center center no-repeat;<br />}<br />.post-info .homepage img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .hide-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-893869105.png) center center no-repeat;<br />}<br />.post-info .hide-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .show-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-1392687776.png) center center no-repeat;<br />}<br />.post-info .show-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .delete-message{<br />background: url(http://pic.pimg.tw/weilife/1381045869-3234832763.png) center center no-repeat;<br />}<br />.post-info .delete-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .spam-message{<br />background: url(http://pic.pimg.tw/weilife/1381045869-3826508189.png) center center no-repeat;<br />}<br />.post-info .spam-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.post-info .reply-message{<br />background: url(http://pic.pimg.tw/weilife/1381045870-4208701959.png) center center no-repeat;<br />}<br />.post-info .reply-message img{<br />filter:alpha(opacity=0);<br />-moz-opacity:0;<br />opacity: 0;<br />}<br />.reply-text .comment-icon{<br />display: none;<br />}<br />/* —————————————————————留言撰寫 —————————————————————*/<br />#container #main #content #user-post #comment-box #comment-area {<br />width: 600px;<br />padding: 0px;<br />}<br />#container #main #content #user-post #comment-box #comment-area-2 {<br />width: 560px;<br />background: #eaeaea;<br />padding: 20px;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box #comment-area iframe{<br />position: absolute ;<br />top:20px;<br />right: 20px;<br />float:right;<br />}<br />#container #main #content #user-post #comment-box .comment-identity{<br />width: 100%;<br />background:url(http://pic.pimg.tw/weilife/1368612429-2456652207.png) repeat-x bottom left;<br />border: 0px;<br />padding: 0px;<br />padding-bottom: 5px;<br />}<br />#container #main #content #user-post #comment-box .identity-login img.photo{<br />border: 0px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .comment-body{<br />border: 0px;<br />padding: 0px;<br />}<br />#container #main #content #user-post #comment-box input.comment-name{<br />background: #F2F2F2;<br />width: 100%;<br />border: 0px;<br />padding: 5px;<br />margin: 0px;<br />margin-bottom: 10px;<br />}<br />#container #main #content #user-post #comment-box .comment-textarea{<br />background: #f5f5f5;<br />width: 100%;<br />border: 0px;<br />padding: 0px;<br />padding-bottom: 2px;<br />margin: 0px;<br />margin-bottom: 5px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .comment-textarea textarea{<br />background: #f5f5f5;<br />width: 98%;<br />padding: 5px;<br />margin-bottom:5px;<br />}<br />#container #main #content #user-post #comment-box .captcha{<br />background: #f5f5f5;<br />width: 100%;<br />border: 0px;<br />padding: 0px;<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />}<br />#container #main #content #user-post #comment-box .captcha div{<br />position: absolute;<br />top:5px;<br />left: 210px;<br />}<br />#container #main #content #user-post #comment-box .captcha input{<br />width: 100%;<br />height: 25px;<br />border: 0px;<br />position: absolute;<br />top:0px;<br />left: 120px;<br />}<br />#container #main #content #user-post #comment-box a.reload-captcha{<br />position: absolute;<br />top:22px;<br />left:0px;<br />background: url(http://pic.pimg.tw/weilife/1368619771-4138190912.png) no-repeat right 4px;<br />}<br />#container #main #content #user-post #comment-box a.reload-captcha:hover{<br />position: absolute;<br />top:22px;<br />left:0px;<br />background:url(http://pic.pimg.tw/weilife/1368619770-3632605094.png) no-repeat right 4px;<br />color: #000000<br />}<br />#container #main #content #user-post #comment-box .comment-extra{<br />background:url(http://pic.pimg.tw/weilife/1368612429-2456652207.png) repeat-x top left;<br />margin: 0px;<br />margin-top: 10px;<br />padding: 0px;<br />padding-top: 10px;<br />}<br />#container #main #content #user-post #comment-box #comment-area button{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background: #f5f5f5;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box .extra{<br />-webkit-border-radius: 5px;<br />-moz-border-radius: 5px;<br />border-radius: 5px;<br />background: #f5f5f5;<br />padding: 0px;<br />padding-top: 5px;<br />padding-bottom: 5px;<br />margin: 0px;<br />margin-top: 10px;<br />border: 0px;<br />}<br />#container #main #content #user-post #comment-box .extra input {<br />width: 45%;<br />background: #f5f5f5;<br />border: 0px;<br />}<br />/*————————————————————————–*/<br />@media screen and (min-width: 1350px){<br />#container{<br />width: 1300px;<br />}<br />#article-area{<br />width: 1000px;<br />}<br />#navigation{<br />margin-left: 680px;<br />}<br />#user-post{<br />width: 900px;<br />}<br />#container #main #content #user-post #comment-box #comment-area{<br />width: 900px;<br />}<br />#container #main #content #user-post #comment-box #comment-area-2{<br />width: 860px;<br />}<br />}<br />