跳到主文
部落格全站分類:收藏嗜好
►樣式預覽
/*--------------------------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:#5d5d5d;background:url(https://imagizer.imageshack.us/v2/500x310q90/708/bhj4.png) FIXED #000000 no-repeat center;} a {color:#5d5d5d;} a:hover {color:#360C09;} #body-div { } /*--------------------------authority*/ #authority{margin:5px;background:nOne;text-align:center;} #authority a{padding:3px;background:nOne;color:#5d5d5d;} #authority a:hover{background:nOne;color:#360C09;} #authority a#newpost {position:relative;top:3px;right:285px;padding:2px;background:#360C09;color:#ffffff;} #authority a#backstage {position:relative;top:3px;right:280px;padding:2px;background:#360C09;color:#ffffff;} /*--------------------------container*/ #container2 {position:relative;width:720px;background:nOne;margin:20px auto;padding-left:5px;} /*--------------------------header*/ #header {background:nOne;} #login-bar {position:absolute;top:0px;left:230px;font:12px MS gothic;color:#5d5d5d;letter-spacing:0px;text-align:left;} #login-bar a {color:#5d5d5d;} #login-bar a:hover {color:#360C09;} #login-bar .separator {color:#360C09;letter-spacing:0px;} #banner{HEIGHT:0px;background:nOne;margin:0px;} #banner H1 {} #banner H1 a {position:absolute;top:25px;left:225px;height:25px;font:25px MS gothic;color:#360C09;TEXT-DECORATION:none;} #banner H1 a:hover {color:#220605;} #banner H2{ overflow-y:auto; SCROLLBAR-FACE-COLOR:#360C09; SCROLLBAR-HIGHLIGHT-COLOR:#360C09; SCROLLBAR-SHADOW-COLOR:#360C09; SCROLLBAR-3DLIGHT-COLOR:#360C09; SCROLLBAR-ARROW-COLOR:#000000; SCROLLBAR-TRACK-COLOR:#360C09; SCROLLBAR-DARKSHADOW-COLOR:#360C09; position:absolute;top:55px;left:225px;width:500px;height:29px;padding:3px;color:#ffffff;font:12px MS gothic;letter-spacing:1px;line-height:15px; background:#360C09;border:nOne;filter:alpha(opacity=30);opacity:0.3;} #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;left:20px;top:75px;width:100px;height:20px;letter-spacing:1px;} #navigation li {flOat:left;height:20px;} #navigation a {display:block;line-height:20px;padding:0px 0px 0px 3px;font:10pt MS gothic;color:#5d5d5d;} #navigation a:hover {background:nOne;color:#7d7d7d;} #navigation #link-album{} #navigation #link-blog{display:nOne;} #navigation #link-guestbook{} #navigation #link-profile{display:nOne;} /*--------------------------main*/ #main {} /*--------------------------content*/ #content {overflow:hidden;float:right;width:500px;margin-top:100px;} #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:#360C09;height:15px;line-height:15px;letter-spacing:0px;} .day, .time{display:nOne;} .month{} .date{} .year{} .title{background:nOne;padding:0px 0px 0px 0px;} .title a{font:12px MS gothic;color:#5d5d5d;} .article-body {text-align:right;line-height:15px;} .bookmark,.author,.forward {color:#5d5d5d;} .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:#360C09;background:nOne;letter-spacing:0.5px;line-height:15px;} .more a:hover {color:#220605;} .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:#360C09;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:#5d5d5d;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:large trebuchet ms;color:#360C09;} .reply-text{text-align:left;width:490px;padding:2px 2px 0px 0px;background:#360C09;color:#ffffff;line-height:15px;} .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:#360C09;} /*--------------------------links*/ #links {overflow:hidden;float:left;width:200px;margin-top:0px;background:url(https://imageshack.com/a/img31/6139/psw.gif) no-repeat left bottom;padding-bottom:10px;} /*--------------------------user*/ #user-info {posittion:absolute;height:100px;} #user-info .box-title {display:nOne;} #user-info .box-text {} #user-info IMG{posittion:absolute;width:60px;height:60px;top:0px;left:0px;padding:3px;padding-bottom:30px;border:1px SOLID #360C09;} #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:#ffffff;background:#360C09;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:#360C09;} .box-text {padding-left:3px;border-bottom:0px SOLID #ffe8eb;} .box-more {display:nOne;} .box-more a {padding:0px;background:nOne;border:nOne; } #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: 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:#5d5d5d;} #bottom {display:nOne;} .inner-box img{display:nOne;} #toolbar-box{display:none;}
/*--------------------------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:#ffffff; SCROLLBAR-TRACK-COLOR:#ffffff; SCROLLBAR-DARKSHADOW-COLOR:#ffffff;} Body {font:12px MS gothic;color:#5d5d5d;background:url(https://imageshack.com/a/img59/1139/ntei.png) FIXED #ffffff no-repeat center;} a {color:#5d5d5d;} a:hover {color:#e2695e;} #body-div { } /*--------------------------authority*/ #authority{margin:5px;background:nOne;text-align:center;} #authority a{padding:3px;background:nOne;color:#5d5d5d;} #authority a:hover{background:nOne;color:#e2695e;} #authority a#newpost {position:relative;top:3px;right:285px;padding:2px;background:#e2695e;color:#ffffff;} #authority a#backstage {position:relative;top:3px;right:280px;padding:2px;background:#e2695e;color:#ffffff;} /*--------------------------container*/ #container2 {position:relative;width:720px;background:nOne;margin:20px auto;padding-left:5px;} /*--------------------------header*/ #header {background:nOne;} #login-bar {position:absolute;top:0px;left:230px;font:12px MS gothic;color:#5d5d5d;letter-spacing:0px;text-align:left;} #login-bar a {color:#5d5d5d;} #login-bar a:hover {color:#e2695e;} #login-bar .separator {color:#e2695e;letter-spacing:0px;} #banner{HEIGHT:0px;background:nOne;margin:0px;} #banner H1 {} #banner H1 a {position:absolute;top:25px;left:225px;height:25px;font:25px MS gothic;color:#e2695e;TEXT-DECORATION:none;} #banner H1 a:hover {color:#e14a3c;} #banner H2{ overflow-y:auto; SCROLLBAR-FACE-COLOR:#e2695e; SCROLLBAR-HIGHLIGHT-COLOR:#e2695e; SCROLLBAR-SHADOW-COLOR:#e2695e; SCROLLBAR-3DLIGHT-COLOR:#e2695e; SCROLLBAR-ARROW-COLOR:#ffffff; SCROLLBAR-TRACK-COLOR:#e2695e; SCROLLBAR-DARKSHADOW-COLOR:#e2695e; position:absolute;top:55px;left:225px;width:500px;height:29px;padding:3px;color:#000000;font:12px MS gothic;letter-spacing:1px;line-height:15px; background:#e2695e;border:nOne;filter:alpha(opacity=60);opacity:0.6;} #banner H2 a:hover {color:#ffffff;} #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:20px;top:75px;width:100px;height:20px;letter-spacing:1px;} #navigation li {flOat:left;height:20px;} #navigation a {display:block;line-height:20px;padding:0px 0px 0px 3px;font:10pt MS gothic;color:#5d5d5d;} #navigation a:hover {background:nOne;color:#7d7d7d;} #navigation #link-album{} #navigation #link-blog{display:nOne;} #navigation #link-guestbook{} #navigation #link-profile{display:nOne;} /*--------------------------main*/ #main {} /*--------------------------content*/ #content {overflow:hidden;float:right;width:500px;margin-top:100px;} #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:#e2695e;height:15px;line-height:15px;letter-spacing:0px;} .day, .time{display:nOne;} .month{} .date{} .year{} .title{background:nOne;padding:0px 0px 0px 0px;} .title a{font:12px MS gothic;color:#5d5d5d;} .article-body {text-align:right;line-height:15px;} .bookmark,.author,.forward {color:#5d5d5d;} .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:#e2695e;background:nOne;letter-spacing:0.5px;line-height:15px;} .more a:hover {color:#e14a3c;} .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:#360C09;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:#5d5d5d;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:large trebuchet ms;color:#e2695e;} .reply-text{text-align:left;width:490px;padding:2px 2px 0px 0px;background:#e2695e;color:#000000;line-height:15px;} .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:#e2695e;} /*--------------------------links*/ #links {overflow:hidden;float:left;width:200px;margin-top:0px;background:url(https://imageshack.com/a/img31/6139/psw.gif) no-repeat left bottom;padding-bottom:10px;} /*--------------------------user*/ #user-info {posittion:absolute;height:100px;} #user-info .box-title {display:nOne;} #user-info .box-text {} #user-info IMG{posittion:absolute;width:60px;height:60px;top:0px;left:0px;padding:3px;padding-bottom:30px;border:1px SOLID #e2695e;} #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:#ffffff;background:#e2695e;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:#e2695e;} .box-text {padding-left:3px;border-bottom:0px SOLID #ffe8eb;} .box-more {display:nOne;} .box-more a {padding:0px;background:nOne;border:nOne; } #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: 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:#5d5d5d;} #bottom {display:nOne;} .inner-box img{display:nOne;} #toolbar-box{display:none;}
【夯】彩妝保養●人氣食玩、扭蛋、小物開箱分享 ᵔᴥᵔ
姿姿 發表在 痞客邦 留言(0) 人氣()
留言列表