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

►樣式預覽

/*--------------------------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*/ HTML { SCROLLBAR-FACE-COLOR:#000000; SCROLLBAR-HIGHLIGHT-COLOR:#000000; SCROLLBAR-SHADOW-COLOR:#000000; SCROLLBAR-3DLIGHT-COLOR:#000000; SCROLLBAR-ARROW-COLOR:#000000; SCROLLBAR-TRACK-COLOR:#000000; SCROLLBAR-DARKSHADOW-COLOR:#000000;} Body {font:12px MS gothic;color:#aaaaaa;background:#000000;} a {color:#aaaaaa;} a:hover {color:#c3996b;} #body-div { } /*--------------------------authority*/ #authority{margin:5px;background:nOne;text-align:center;} #authority a{padding:3px;background:nOne;color:#aaaaaa;} #authority a:hover{background:nOne;color:#c3996b;} #authority a#newpost {position:relative;top:3px;left:250px;padding:2px;background:#c3996b;color:#ffffff;} #authority a#backstage {position:relative;top:3px;left:250px;padding:2px;background:#c3996b;color:#ffffff;} /*--------------------------container*/ #container2 {position:relative;width:720px;background:url(https://imageshack.com/a/img197/1794/7y0e.png) no-repeat center 15px;margin:0px auto;padding-left:5px;} /*--------------------------header*/ #header {height:0px;background:nOne;} #login-bar {position:absolute;top:0px;left:50px;font:12px MS gothic;color:#ffffff;letter-spacing:0px;text-align:left;} #login-bar a {color:#ffffff;} #login-bar a:hover {color:#c3996b;} #login-bar .separator {color:#603811;letter-spacing:0px;} #banner{HEIGHT:0px;background:nOne;margin:0px;} #banner H1 {} #banner H1 a {position:absolute;width:425px;top:95px;left:29px;height:25px;font:27px MS gothic;color:#3b2213;border-bottom:1px DASHED #603811;padding-top:5px;padding-bottom:2px;TEXT-DECORATION:none;text-align:center;} #banner H1 a:hover {color:#c3996b;} #banner H2{ overflow-y:auto; SCROLLBAR-FACE-COLOR:#ffffff; SCROLLBAR-HIGHLIGHT-COLOR:#ffffff; SCROLLBAR-SHADOW-COLOR:#ffffff; SCROLLBAR-3DLIGHT-COLOR:#ffffff; SCROLLBAR-ARROW-COLOR:#eeeeee; SCROLLBAR-TRACK-COLOR:#ffffff; SCROLLBAR-DARKSHADOW-COLOR:#ffffff; position:absolute;top:165px;left:47px;width:380px;height:80px;padding:3px;color:#000000;font:12px MS gothic;letter-spacing:1px;line-height:15px; background:nOne;border:nOne;filter:alpha(opacity=100);opacity:1;} #banner H2 a:hover {color:#000000;} #banner .skiplink {display:nOne;} #banner #blog-category {display:nOne;position:absolute;width:0px;height:0px;top:0px;left:0px;font:0pt MS gothic;color:#000000;} /*--------------------------navigation*/ #navigation {position:absolute;letter-spacing:1px;} #navigation li {flOat:left;height:20px;} #navigation a {display:block;line-height:20px;width:101px;height:42px;padding:0px 0px 0px 3px;font:0pt MS gothic;color:#c3996b;} #navigation a:hover {background:nOne;color:#7d7d7d;} #navigation #link-album{position:absolute;width:101px;height:42px;left:495px;top:190px;background:url(https://imagizer.imageshack.us/v2/101x42q90/593/2p8c.png) no-repeat center;} #navigation #link-album:hover{background:url(https://imagizer.imageshack.us/v2/101x42q90/856/v4m1.png);} #navigation #link-blog{display:nOne;} #navigation #link-guestbook{position:absolute;width:101px;height:42px;left:540px;top:255px;background:url(https://imagizer.imageshack.us/v2/101x42q90/823/35e4.png) no-repeat center;} #navigation #link-guestbook:hover{background:url(https://imagizer.imageshack.us/v2/101x42q90/802/d6ak.png);} #navigation #link-profile{display:nOne;} /*--------------------------main*/ #main {} /*--------------------------content*/ #content {overflow:hidden;float:left;width:500px;margin-top:401px;} #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 {text-transform:uppercase;font-family:04b03;font-size:6pt;color:#3b2213;height:15px;line-height:8px;letter-spacing:0px;} .day, .time{display:nOne;} .month{} .date{} .year{} .title h2 img{display:none} .title{float:left;background:nOne;padding:0px 0px 0px 0px;} .title a{font:12px MS gothic;color:#c3996b;} .article-body {text-align:right;line-height:15px;} .bookmark,.author,.forward {color:#aaaaaa;} .article-content {text-align:left;font:12px MS gothic;color:#aaaaaa;letter-spacing:1px;line-height:12px;margin:25px 0px 0px 0px;} .article-content a {} .more a {display:block;float:right;font:12px MS gothic;color:#3b2213;background:nOne;letter-spacing:0.5px;line-height:15px;} .more a:hover {color:#603811;} .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:#3b2213;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;} #comment-text{border:nOne;} .post-comment{display:none;} .post-comment a{} .single-post{overflow:hidden;overflow:none;margin-top:20px;background:nOne;} .post-info{color:#aaaaaa;background:nOne;padding:5px;margin-bottom:5px;} .post-photo{float:right;background:nOne;padding-left:5px;margin-bottom:5px;} .post-photo img{width:30px;height:30px;} .post-photo a:Hover img{width:40px;height:40px;} .post-text{width:450px;color:#83706a;padding-bottom:5px;line-height:15px;} .post-time{font:0px Verdana;color:#000000;} .floor{font:10px Verdana;color:#3b2213;} .reply-text{text-align:left;width:490px;padding:5px;background:nOne;border-top:2px solid #c3996b;color:#ffffff;} .reply-text p{text-align:right;font:0px Verdana;color:#ffffff;} .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 {float:right;margin-top:30px;} .page a {padding:5px;} .page SPAN {background:nOne;padding:3px;color:#3b2213;} /*--------------------------links*/ #links {overflow:hidden;float:right;width:200px;margin-top:401px;background:url(https://imageshack.com/a/img31/6139/psw.gif) no-repeat left bottom;padding-bottom:10px;} /*--------------------------user*/ #user-info {position:absolute;top:270px;left:300px;} #user-info .box-title {display:nOne;} #user-info .box-text {} #user-info IMG{position:absolute;width:60px;height:60px;top:0px;right:323px;padding:0px;border:nOne;} #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:#3b2213;background:nOne;border:1px SOLID #eeeeee;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:#3b2213;} .box-text {padding-left:3px;border-bottom:0px SOLID #ffe8eb;} .box-more {display:nOne;} .box-more a {padding:0px;background:nOne;border:nOne; } /*--------------------------visitor*/ #visitor{position:absolute;left:170px;top:305px;} #visitor .box-title{display: none;} #visitor .box-text{} #visitor li{float:left;} #visitor img{width:20px;height:20px;padding:3px;border:nOne;filter:alpha(opacity=70);opacity:0.7;} #visitor a:hover img{width:20px;height:20px;padding:3px;border:nOne;filter:alpha(opacity=90);opacity:0.9;} #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: 0px; } #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:#aaaaaa;} #bottom {display:nOne;} .inner-box img{display:nOne;} #toolbar-box{display:none;} #archive{display: none;} .refer{display:none;} .history{display:none;}/textarea>