跳到主文
部落格全站分類:收藏嗜好
►樣式預覽
我終於回來了,但發現大家好像都不見了?!
可能也跟我一樣不是忙就是沒動力管理部落格,
甚至連臉書都懶的登,
這次回來想分享去年11月的作品,不知道大家喜不喜歡?
/*--------------------------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:#eeeeee; SCROLLBAR-HIGHLIGHT-COLOR:#eeeeee; SCROLLBAR-SHADOW-COLOR:#eeeeee; SCROLLBAR-3DLIGHT-COLOR:#eeeeee; SCROLLBAR-ARROW-COLOR:#eeeeee; SCROLLBAR-TRACK-COLOR:#eeeeee; SCROLLBAR-DARKSHADOW-COLOR:#eeeeee;} Body {font:12px MS gothic;color:#464646;background:#eeeeee;} a {color:#464646;} a:hover {color:#cccccc;} #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:#cccccc;} #authority a#newpost {position:relative;top:3px;left:0px;padding:2px;background:#cccccc;color:#ffffff;} #authority a#backstage {position:relative;top:3px;left:0px;padding:2px;background:#cccccc;color:#ffffff;} /*--------------------------container*/ #container2 {position:relative;width:500px;background:url(https://i.imgur.com/OQ93met.png) no-repeat bottom CENTER;margin:0px auto;padding-left:5px;} /*--------------------------header*/ #header {height:0px;background:nOne;} #login-bar {position:absolute;top:5px;left:60px;font:12px MS gothic;color:#ffffff;letter-spacing:0px;text-align:left;} #login-bar a {color:#ffffff;} #login-bar a:hover {color:#cccccc;} #login-bar .separator {color:#bbbbbb;letter-spacing:0px;} #banner{HEIGHT:500px;background:url(https://imagizer.imageshack.us/v2/500x500q90/845/mhje.png) #dddddd no-repeat top CENTER;border:2px SOLID #cccccc;margin-top:20px;} #banner H1 {} #banner H1 a {position:absolute;width:425px;top:510px;left:80px;height:25px;font:27px MS gothic;color:#000000;border:nOne;padding-top:5px;padding-bottom:2px;TEXT-DECORATION:none;text-align:center;} #banner H1 a:hover {color:#cccccc;} #banner H2{ overflow-y:auto; SCROLLBAR-FACE-COLOR:#eeeeee; SCROLLBAR-HIGHLIGHT-COLOR:#eeeeee; SCROLLBAR-SHADOW-COLOR:#eeeeee; SCROLLBAR-3DLIGHT-COLOR:#eeeeee; SCROLLBAR-ARROW-COLOR:#cccccc; SCROLLBAR-TRACK-COLOR:#eeeeee; SCROLLBAR-DARKSHADOW-COLOR:#eeeeee; position:absolute;top:550px;left:80px;width:417px;height:37px;padding:3px;color:#000000;font:12px MS gothic;letter-spacing:1px;line-height:15px; background:nOne;border-left:3px SOLID #cccccc;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;letter-spacing:1px;} #navigation li {flOat:left;height:20px;} #navigation a {display:block;width:80px;height:20px;line-height:20px;padding:0px 0px 0px 3px;font:0pt MS gothic;color:#eeeeee;} #navigation a:hover {background:nOne;color:#eeeeee;} #navigation #link-album{position:absolute;width:60px;height:20px;right:20px;top:25px;background:url(https://imagizer.imageshack.us/v2/60x20q90/855/ln7v.png) no-repeat center;} #navigation #link-album:hover{background:url(https://imagizer.imageshack.us/v2/60x20q90/18/lyuj.png);} #navigation #link-blog{display:nOne;} #navigation #link-guestbook{position:absolute;width:100px;height:20px;right:20px;top:45px;background:url(https://imagizer.imageshack.us/v2/100x20q90/7/px0x.png) no-repeat center;} #navigation #link-guestbook:hover{background:url(https://imagizer.imageshack.us/v2/100x20q90/31/h73p.png);} #navigation #link-profile{display:nOne;} /*--------------------------main*/ #main {} /*--------------------------content*/ #content {overflow:hidden;float:left;width:500px;background:#ffffff;border:2px SOLID #cccccc;padding-left:3px;margin-top:600px;} #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:6pt;color:#9e9e9e;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:#e3869a;} .article-body {text-align:right;line-height:15px;} .bookmark,.author,.forward {color:#464646;} .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;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:#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:5px;margin-bottom:5px;} .post-photo img{width:30px;height:30px;} .post-photo a:Hover img{width:40px;height:40px;} .post-text{width:480px;color:#494949;padding:5px;padding-bottom:5px;line-height:15px;} .post-time{font:0px Verdana;color:#eeeeee;} .floor{font:10px Verdana;color:#3b2213;} .reply-text{text-align:left;width:480px;padding:5px;background:nOne;border-top:1px solid #eeeeee;color:#e3869a;} .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:#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;} .page a {padding:5px;} .page SPAN {background:nOne;padding:3px;color:#3b2213;} /*--------------------------links*/ #links {overflow:hidden;float:left;width:503px;height:150px;margin-top:0px;background:#aaaaaa;border:2px SOLID #cccccc;padding-bottom:10px;margin-top:20px; SCROLLBAR-FACE-COLOR:#aaaaaa; SCROLLBAR-HIGHLIGHT-COLOR:#aaaaaa; SCROLLBAR-SHADOW-COLOR:#aaaaaa; SCROLLBAR-3DLIGHT-COLOR:#aaaaaa; SCROLLBAR-ARROW-COLOR:#cccccc; SCROLLBAR-TRACK-COLOR:#aaaaaa; SCROLLBAR-DARKSHADOW-COLOR:#aaaaaa; overflow-y:auto;} /*--------------------------user*/ #user-info {position:absolute;top:300px;left:500px;} #user-info .box-title {display:nOne;} #user-info .box-text {} #user-info IMG{position:absolute;width:60px;height:60px;top:223px;right:560px;padding:0px;border:nOne;filter:alpha(opacity=50);opacity:0.5;} #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:#464646;background:#dddddd;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{position:absolute;width:20px;left:520px;top:370px;} #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=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;}
【夯】彩妝保養●人氣食玩、扭蛋、小物開箱分享 ᵔᴥᵔ
姿姿 發表在 痞客邦 留言(0) 人氣()
留言列表