【夯】彩妝保養●人氣食玩、扭蛋、小物開箱分享 ᵔᴥᵔ

►樣式預覽

來到痞客邦第一次的分享，

不知道大家喜不喜歡，

這蝴蝶結或許對有些人來說太可愛不太適合自己的風格，

之後有時間我還是會再製作更多不一樣的樣式。

/*--------------------------reset*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} pre{font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} /*Css by zih314*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} table {border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;} q:before,q:after {content:'';} abbr,acronym {border:0;} pre{font-size: 1em ;} .article-content{ _height: 1% ; overflow: hidden ; _overflow: none;} .article-content p{margin-bottom: 1em;} a {text-decoration: none;} br{letter-spacing: normal;} HTML { SCROLLBAR-FACE-COLOR:#ffe8eb; SCROLLBAR-HIGHLIGHT-COLOR:#ffe8eb; SCROLLBAR-SHADOW-COLOR:#ffe8eb; SCROLLBAR-3DLIGHT-COLOR:#ffe8eb; SCROLLBAR-ARROW-COLOR:#ffe8eb; SCROLLBAR-TRACK-COLOR:#ffe8eb; SCROLLBAR-DARKSHADOW-COLOR:#ffe8eb;} Body {font:12px MS gothic;color:#333333;background:url(https://imagizer.imageshack.us/v2/324x414q90/259/kvf.png) FIXED #ffe8eb CENTER;} a {color:#333333;} a:hover {color:#ff95a5;} #body-div { } /*--------------------------authority*/ #authority{margin:5px;background:nOne;text-align:center;} #authority a{padding:3px;background:nOne;color:#333333;} #authority a:hover{background:nOne;color:#ff95a5;} #authority a#newpost {position:relative;top:0px;left:0px;padding:2px;background:#ff95a5;color:#ffffff;} #authority a#backstage {position:relative;top:0px;left:0px;padding:2px;background:#ff95a5;color:#ffffff;} /*--------------------------container*/ #container2 {position:relative;width:720px;background:#ffffff;margin:20px auto;padding-left:5px;} /*--------------------------header*/ #header {background:nOne;} #login-bar {position:absolute;top:0px;right:0px;font:12px MS gothic;color:#aaaaaa;letter-spacing:1px;text-align:right;} #login-bar a {color:#aaaaaa;} #login-bar a:hover {color:#ff95a5;} #login-bar .separator {color:#ffe8eb;} #banner{HEIGHT:100px;background:nOne;margin:0px;} #banner H1 {} #banner H1 a {position:absolute;top:20px;left:5px;height:25px;font:25px MS gothic;TEXT-DECORATION:none;} #banner H1 a:hover {color:#dddddd;} #banner H2{ overflow-y:auto; SCROLLBAR-FACE-COLOR:#eeeeee; SCROLLBAR-HIGHLIGHT-COLOR:#eeeeee; SCROLLBAR-SHADOW-COLOR:#eeeeee; SCROLLBAR-3DLIGHT-COLOR:#eeeeee; SCROLLBAR-ARROW-COLOR:#dddddd; SCROLLBAR-TRACK-COLOR:#eeeeee; SCROLLBAR-DARKSHADOW-COLOR:#eeeeee; position:absolute;top:55px;left:5px;width:493px;height:27px;padding:3px;color:#666666;font:12px MS gothic;letter-spacing:1px;line-height:15px; background:#ffe8eb;border:1px SOLID #ffdde2;filter:alpha(opacity=100);opacity:1;} #banner H2 a:hover {color:#4B873C;} #banner .skiplink {display:nOne;} #banner #blog-category {display:nOne;position:absolute;width:0px;height:0px;top:0px;left:0px;font:0pt MS gothic;color:#ffffff;} /*--------------------------navigation*/ #navigation {position:absolute;left:525px;top:115px;width:200px;height:20px;letter-spacing:1px;} #navigation li {flOat:left;height:20px;} #navigation a {display:block;line-height:20px;padding:0px 0px 0px 3px;font:12pt MS gothic;color:#fc8694;} #navigation a:hover {background:nOne;color:#ffe8eb;} #navigation #link-album{border-bottom:2px SOLID #fc8694;} #navigation #link-blog{border-bottom:2px SOLID #ffe8eb;} #navigation #link-guestbook{border-bottom:2px SOLID #fc8694;} #navigation #link-profile{border-bottom:2px SOLID #fc8694;} /*--------------------------main*/ #main {} /*--------------------------content*/ #content {overflow:hidden;float:left;width:500px;} #spotlight {background:#eee;margin: 0 0 10px 0;padding:10px;border-bottom:2px solid #ccc;} #view-mode {margin-bottom:20px;} .article {margin-bottom:20px;border:nOne;padding:1px;padding-top:5px;} .publish {float:right;text-transform:uppercase;font:large trebuchet ms;color:#eeeeee;height:15px;line-height:15px;letter-spacing:0px;} .day, .time{display:nOne;} .month{} .date{} .year{} .title{background:url(https://imagizer.imageshack.us/v2/25x21q90/821/nafv.png) no-repeat left center;padding:9px 0px 0px 27px;} .title a{font:12px MS gothic;color:#fc8694;} .article-body {text-align:left;line-height:15px;} .bookmark,.author,.forward {color:#333333;} .article-content {text-align:left;font:12px MS gothic;color:#888888;letter-spacing:1px;line-height:12px;margin:25px 0px 0px 0px;} .article-content a {} .more a {display:block;float:left;font:12px MS gothic;color:#cccccc;background:nOne;letter-spacing:0.5px;} .more a:hover {color:#ffe8eb;} .article-footer {display:nOne;} .article-footer a {font:0pt Verdana;color:#ffffff;} .article-footer a:hover {color:#ffffff;} .back-to-top {text-transform:uppercase;text-align:right;} .back-to-top a {padding:0px 3px;font:12px MS gothic;color:#ff95a5;background:nOne;} /*--------------------------list*/ .main-list table {width: 100%;margin: 10px 0; } .main-list th {background:#eee;color:#333;padding:3px;} .list-num { width: 30px; } .list-date { width: 120px; } .list-comment {width: 50px;background: #ccc; } .list-visit {width: 70px;background: #ddd; } .main-list td {padding: 3px;border-bottom: 1px solid #fff; } /*--------------------------post-box*/ .user-post-box{height:1%;margin-bottom:20px;} #trackback-box{} #comment-box{} .user-post-title{height:0px;font:0px Verdana;text-indent:-5000px;margin-bottom:10px;background:nOne;} .user-post-text{} #comment-box .user-post-title{background:nOne;} .post-comment{display:none;} .post-comment a{} .single-post{overflow:hidden;overflow:none;margin-top:20px;background:nOne;} .post-info{color:#333333;background:nOne;padding:5px;margin-bottom:5px;} .post-photo{text-align:left;width:52px;height:52px;background:nOne;padding-left:5px;margin-bottom:5px;} .post-photo img{width:50px;height:50px;} .post-text{width:480px;color:#83706a;padding:5px;line-height:15px;} .post-time{font:0px Verdana;color:#ffffff;} .floor{float:right;font:7pt Verdana;color:#ff95a5;} .reply-text{text-align:left;width:490px;padding:2px 2px 0px 0px;background:#ffe8eb;color:#333333;line-height:15px;} .reply-text p{text-align:right;font:0px Verdana;color:#ffe8eb;} .single-post.secret{padding:5px;background:nOne;} .single-post.secret .post-text{} /*--------------------------comment-form */ #comment-form {background:#eeeeee;padding:5px;width:640px;margin:10px auto;} #comment-form p {color:#aaaaaa;text-align:right;margin:0px 10px 5px;} #comment-form table {width:100%;border:nOne;} #comment-form table tr.comment-form-title {display:nOne;} #comment-form table td {color: #999;vertical-align: top;border: none;padding: 2px 5px; } #comment-form table th {color: #666;vertical-align: top;width: 80px;border: none;padding: 2px 5px;text-align: right; } #comment-form input {height: 17px;font-family: Arial;font-size: 11px;color: #000;border: none;border-bottom: 1px solid #ccc;background: none;width: 90%; } #comment-form input.radio {border: none;width: auto;background: none;margin: 0;padding: 0; } #comment-form input#blogcommenttext_name { width: 87%; } #comment-form input#send-comment {border: 0;width: 80px;background: #999;color: #fff; } #comment-form textarea {width: 99%;height: 90px;font-family: Arial;font-size: 11px;line-height: 18px;color: #000;border: 1px solid #ccc;background: #000; } /*--------------------------pages*/ .page {margin-top:30px;} .page a {padding:5px;} .page SPAN {background:#ffe8eb;padding:3px;color:#333333;} /*--------------------------links*/ #links {overflow:hidden;float:right;width:200px;margin-top:40px;background:url(https://imageshack.com/a/img31/6139/psw.gif) no-repeat left bottom;padding-bottom:10px;} /*--------------------------user*/ #user-info {position:absolute;top:55px;right:0px;} #user-info .box-title {display:nOne;} #user-info .box-text {} #user-info IMG{position:absolute;width:50px;height:50px;top:0px;right:145px;padding:2px;border:1px SOLID #ffdde2;} #user-info a:hover IMG {filter:alpha(opacity=80);opacity:0.8;} #user-info dl{} #user-info dt, #user-info dd{display:nOne;} input,textarea {font:12px MS gothic;color:#000000;background:#ffe8eb;border:1px SOLID #ffdde2;padding:2px;} /*--------------------------MIB AD*/ #links-row-1{margin-top:-300PX;} .box {background:nOne;border:nOne;padding:0px;line-height:18px;} .box-title {background:nOne;padding:3px;font:12px Verdana;color:#fcbdc3;} .box-text {padding:3px;border-bottom:0px SOLID #ffe8eb;} .box-more {display:nOne;} .box-more a {padding: 2px 5px;background: #ddd;border: 1px solid #bbb; } #visitor ul, #crumb ul {overflow:hidden;overflow:none;height:1%;} #visitor li, #crumb li {float:left;line-height:0px;} #visitor li a, #crumb li a {border:nOne;} #visitor li img, #crumb li img {margin:0px 2px 0px 2px;display:inline;width:25px;height:25px;} #broadcast ul { overflow: hidden; _overflow: none; _height: 1%; margin-bottom: 10px; } #broadcast .broadcast-photo { float: left; width: 40px; margin-right: 5px; display: inline; line-height: 20px; } #broadcast .broadcast-time, #broadcast .broadcast-text { float: right; width: 160px; line-height: 20px !important; } #broadcast .broadcast-text a { color:#767676; line-height: 20px } #broadcast .broadcast-time a { color: #fff; padding: 2px 3px; background: #999; font: 10px verdana; line-height: 20px; } #broadcast .broadcast-time span { display: none; } #headshot ul { overflow: hidden; _overflow: none; _height: 1%; } #headshot li { width: 100px; float: right; } #headshot li a { padding: 2px; } #headshot-img { float: left !important; width: 110px !important; } #headshot-img img { border: 3px solid #eee; } #search ul { overflow: hidden; _overflow: none; _height: 1%; } #search li { float: left; } #search li input { border: 1px solid #ddd; border-left: 1px solid #999; border-top: 1px solid #999; background: none; margin-right: 5px; height: 20px; width: 120px; } #search li input#search-submit { border: 1px solid #ddd; border-right: 1px solid #999; border-bottom: 1px solid #999; height: 22px; width: 50px; padding: 0; color: #666; } #feed a { margin-bottom: 5px; padding: 5px; width: 90%; } #calendar table { width: 80%; margin: 0 auto; } #calendar table th { text-align: center; } #calendar table td { font-size: 10px; text-align: center; border: 2px solid #ccc; line-height: 20px; } #calendar table td a { background: #999; display: block; color: #fff; border: 0; -khtml-border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } #category li { margin-left: 15px; } #archive select { width: 200px; margin-bottom: 5px; background: #fff; border: 1px solid #ccc; font: 11px arial; } #murmur .murmur-time { color: #666; font: 11px Century Gothic; } #murmur .murmur-text { padding: 5px 0; } #latest-comment li, #subscription li, #latest-trackback li { margin-bottom: 2px; color: #666; font-size: 12px; } #latest-comment a, #subscription a, #latest-trackback a { display: block; width: 99%; } /*--------------------------footer*/ #footer {clear:both;height:8px;background:nOne;padding:0px;text-align:center;} #footer p{color:#333333;} #bottom {display:nOne;} .inner-box img{display:nOne;} #toolbar-box{display:none;}