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

►樣式預覽

這是去年2014畢業前做的樣式吧，

一直都沒開放...

至從開始工作就沒有多餘心思可以做樣式，

只剩目前正在使用的樣式還沒開放，

不知道大家還喜歡嗎?

喜歡的幫忙按個【推】!

/*--------------------------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:#ffffff; SCROLLBAR-HIGHLIGHT-COLOR:#ffffff; SCROLLBAR-SHADOW-COLOR:#ffffff; SCROLLBAR-3DLIGHT-COLOR:#ffffff; SCROLLBAR-ARROW-COLOR:#dfded9; SCROLLBAR-TRACK-COLOR:#ffffff; SCROLLBAR-DARKSHADOW-COLOR:#ffffff;} Body {font:12px MS gothic;color:#d2424b;background:#ffffff;} a {color:#d2424b;} a:hover {color:#d0686f;transition: all 0.0s ease;margin-left:0px;} #body-div { } /*--------------------------authority*/ #authority{margin:5px;background:nOne;text-align:center;} #authority a{padding:3px;background:nOne;color:#464646;} #authority a:hover{background:nOne;color:#d0686f;} #authority a#newpost {position:relative;top:3px;left:0px;padding:2px;background:#dfded9;color:#ffffff;} #authority a#backstage {position:relative;top:3px;left:0px;padding:2px;background:#dfded9;color:#ffffff;} /*--------------------------container*/ #container2 {position:relative;width:720px;background:url(http://i.imgur.com/iJvYD04.png) no-repeat bottom CENTER;margin:0px auto;padding-left:5px;} /*--------------------------header*/ #header {height:0px;background:nOne;} #login-bar {display:nOne;position:absolute;top:0px;left:0px;font:12px MS gothic;color:#aaaaaa;letter-spacing:0px;text-align:left;} #login-bar a {color:#aaaaaa;} #login-bar a:hover {color:#d0686f;} #login-bar .separator {color:#999999;} #banner{HEIGHT:0px;background:nOne;border:nOne;margin-top:0px;} #banner H1 {} #banner H1 a {position:absolute;width:313px;top:260px;left:190px;height:15px;font:15px MS gothic;color:#d2424b;border:nOne;padding-top:5px;padding-bottom:2px;TEXT-DECORATION:none;text-align:center;} #banner H1 a:hover {color:#d0686f;} #banner H2{ overflow-y:auto; SCROLLBAR-FACE-COLOR:#d6d5d1; SCROLLBAR-HIGHLIGHT-COLOR:#d6d5d1; SCROLLBAR-SHADOW-COLOR:#d6d5d1; SCROLLBAR-3DLIGHT-COLOR:#d6d5d1; SCROLLBAR-ARROW-COLOR:#cf888c; SCROLLBAR-TRACK-COLOR:#d6d5d1; SCROLLBAR-DARKSHADOW-COLOR:#d6d5d1; position:absolute;top:303px;left:190px;width:300px;height:27px;padding:3px;color:#000000;font:12px MS gothic;letter-spacing:1px;line-height:15px; background:#d6d5d1;border:nOne;filter:alpha(opacity=100);opacity:1;} #banner H2 a {padding:5px;color:#ffffff;font:10px Verdana;} #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;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:#d2424b;} #navigation a:hover {background:nOne;color:#464646;} #navigation #link-album{position:absolute;left:500px;top:205px;width:40px;height:15px;background:#dfded9;padding:5px;} #navigation #link-blog{display:nOne;} #navigation #link-guestbook{position:absolute;left:500px;top:240px;width:40px;height:15px;background:#dfded9;padding:5px;} #navigation #link-profile{display:nOne;} /*--------------------------main*/ #main {} /*--------------------------content*/ #content {overflow:hidden;float:left;width:500px;padding-top:355px;background:url(https://imagizer.imageshack.us/v2/500x355q90/819/hohq.png) no-repeat #dfded9 left top;} #content .recommended-posts{display:nOne;} #spotlight {background:nOne;margin: 0 0 10px 0;padding:10px;border:2px solid #cccccc;} #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:10pt;color:#dea0a4;height:15px;line-height:8px;letter-spacing:0px;} .day, .time{display:nOne;} .month{} .date{} .year{} .title h2 img{display:none} .title{background:#cf646b;padding:2px 2px 2px 2px;} .title a{font:15px MS gothic;color:#000000;} .article-body {text-align:right;line-height:15px;} .bookmark,.author,.forward {color:#d2424b;} .article-content {text-align:left;font:12px MS gothic;color:#494949;letter-spacing:1px;line-height:12px;margin:25px 0px 0px 0px;} .article-content a {} .more a {display:block;float:right;width:30px;height:57px;margin-bottom:5px;font:0px MS gothic;color:#dfded9;background:url(https://imagizer.imageshack.us/v2/30x57q90/7/jsf4.png) no-repeat center;letter-spacing:0.5px;line-height:15px;} .more a:hover {color:#dfdes9;background:url(https://imagizer.imageshack.us/v2/30x57q90/46/pvm0.png) no-repeat center;} .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:#464646;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:#464646;background:nOne;padding:5px;margin-bottom:5px;} .post-photo{flOat:right;background:nOne;padding:2px;margin-bottom:5px;border:5px SOLID #dddddd;} .post-photo img{width:40px;height:40px;} .post-photo a:Hover img{width:40px;height:40px;} .post-text{width:480px;color:#494949;font:12px MS gothic;padding:5px;padding-bottom:5px;line-height:200%;} .post-time{font:0px Verdana;color:#eeeeee;} .floor{font:large trebuchet ms;color:#aaaaaa;} .reply-text{clear:both;width:500px;text-align:left;margin-left:0px;top:0px;background:#cfcfcf;color:#464646;padding:5px;font:12px MS gothic;line-height:200%;} .reply-text p{display:none;} .reply-text img{display:none;} .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:#464646;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;display:nOne;} .page a {padding:5px;} .page SPAN {background:nOne;padding:3px;color:#3b2213;} /*--------------------------links*/ #links {overflow:hidden;float:right;width:210px;margin-top:280px;background:#ffffff;border:nOne;padding-bottom:10px; SCROLLBAR-FACE-COLOR:#dfded9; SCROLLBAR-HIGHLIGHT-COLOR:#dfded9; SCROLLBAR-SHADOW-COLOR:#dfded9; SCROLLBAR-3DLIGHT-COLOR:#dfded9; SCROLLBAR-ARROW-COLOR:#cccccc; SCROLLBAR-TRACK-COLOR:#dfded9; SCROLLBAR-DARKSHADOW-COLOR:#dfded9; overflow-y:auto;} /*--------------------------user*/ #user-info {position:absolute;top:210px;right:0px;} #user-info .box-title {display:nOne;} #user-info .box-text {} #user-info IMG{display:nOne;position:absolute;width:50px;height:50px;top:30px;right:0px;padding:0px;border:nOne;filter:alpha(opacity=0);opacity:0;transition: all 0.0s ease;} #user-info a:hover IMG {filter:alpha(opacity=0);opacity:0;} #user-info dl{} #user-info dt, #user-info dd{display:nOne;} input,textarea {font:12px MS gothic;color:#d2424b;background:#dfded9;border:nOne;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:#000000;} .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{height:55px;} #visitor .box-title{} #visitor .box-text{padding:0px;} #visitor li{float:left;} #visitor img{width:20px;height:20px;padding:3px;border:nOne;filter:alpha(opacity=50);opacity:0.5;} #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;}