❂不合時宜的青春

自製版型紀錄:

7月/Just Another Girl-Jaejoong

CSS語法複製⇓

   * { margin:0; padding:0; } * html body { position:static; width:expression((document.documentElement.offsetWidth) < 980px 980px : auto); } body { background:#f3f3f5; font:normal 13px/160% Arial, Helvetica, sans-serif; color:#535354; bottom:0; left:0; min-width:980px; position:absolute; right:0; top:0; background-image:url(none); background-color:#fff; background-repeat:no-repeat; background-position:undefined; background-attachment:fixed; } a:hover { color:#535354; text-decoration:underline; } table { border-collapse:collapse; } fieldset,img { border:none; vertical-align:-3px; } 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 { overflow:hidden; font-size:13px; line-height:160%; text-align:left; letter-spacing:.05em; width:100%; margin:10px 0; } .article-content p { margin-bottom:1em; } br { letter-spacing:normal; } input { font:11px verdana; letter-spacing:0; background:#fff; border:1px solid #ccc; color:#666; margin:0; padding:3px 5px; } #container { background:url() repeat-x 0 0; width:100%; } #container2 { background:url() no-repeat 17px 0; } #authority { background:#ccc; text-align:center; padding:5px 0; } #authority a { background:#989c9d; color:#fff; border:none; margin:0 1px; padding:5px 5px 0; } html>/**/body #authority a { padding:1px 5px 3px; } #authority a:hover { color:#989c9d; background:#fff; } #header { height:291px; position:relative; background-image:url(http://pic.pimg.tw/aikokim0517/1406447188-1200511741.jpg); background-position:center; background-repeat:no-repeat; } #login-bar { color:#8b8b8c; left:160px; position:absolute; top:8px; } #login-bar a:hover { color:#8b8b8c; text-decoration:underline; } #login-bar .separator { color:#fff; padding:0 5px; } #banner { position:absolute; right:20px; top:46px; width:600px; } #banner h1 { margin-bottom:3px; } #banner h1 a { font:30px/100% 微軟正黑體,Simhei; overflow:hidden; border:none; } #navigation { right:21px; position:absolute; top:245px; } #navigation li { float:left; padding-left:10px; } #navigation a { background:#fff; border:1px solid #ccc; color:#535354; display:inline-block; font:15px arial,helvetica,sans-serif; height:27px; padding-top:13px; text-align:center; width:120px; overflow:hidden; } #navigation a:hover { background:#777; border:1px solid #ccc; color:#fff; text-decoration:none; } #main { line-height:150%; overflow:hidden; width:auto; padding:0 20px 13px; } #content { float:right; overflow:hidden; width:70%; background:#fff; border:1px solid #ccc; background-color:#fff; color:#666; } #spotlight { background:#535354; margin:12px; } #spotlight h5 { font:bold 13px Verdana, Geneva, sans-serif; color:#fff; border-bottom:1px dotted #fff; padding:5px 10px; } #spotlight-text { color:#fff; padding:5px 10px; } #article-area { position:relative; z-index:50; padding:7px; } h3.article-area-title,#view-mode { text-align:right; } .article { margin:20px 0; } .article-head { background:#f7f7ef; color:#7a7764; font:bold 15px/1.5 Arial, Helvetica, sans-serif; margin:6px; padding:10px 7px 7px; } .publish { display:inline; float:right; line-height:21px; overflow:hidden; width:auto; color:#999; } .title { width:86%; color:#000; font-size:12pt; font-weight:normal; font-style:normal; } .title a { font:bold 18px Gulim; } .article-body { text-align:right; color:#8b8b8c; margin:10px; } .bookmark { padding:15px 0; } .article-footer { border:1px solid #ccc; overflow:hidden; margin:10px; padding:10px; } .history { float:right; width:47%; } .refer { float:left; width:47%; } .back-to-top { font-size:10px; padding-top:5px; text-align:right; clear:both; } .back-to-top a { color:#666; text-transform:uppercase; border:1px solid #fff; } .back-to-top a:hover { text-transform:uppercase; } .main-list { margin:23px 0; } .main-list table { width:100%; } .main-list th { height:30px; border-bottom:3px solid #ccc; color:#535354; padding:2px 5px; } .main-list td { line-height:25px; padding:2px 5px; } .list-date { width:100px; } .fans-club { border-bottom:1px solid #ccc; margin-bottom:8px; padding-bottom:9px; } .user-post-box { margin:20px 10px; } #comment-box .user-post-title span,#comment-box .user-post-title span { vertical-align:-2px; } .single-post { overflow:hidden; width:80%; border-bottom:1px dotted #ccc; margin:10px auto; padding:10px 0; } .post-info { margin-bottom:5px; color:#be0000; } .post-photo { float:left; width:100px; } .post-photo img { border:1px solid #ccc; height:80px; width:80px; padding:2px; } .post-text { width:80%; color:#888; } .reply-text { background:#929292; border:1px solid #ccc; color:#fff; width:80%; margin:10px 0 0 100px; padding:10px 15px; } .single-post.secret .post-text { float:none; width:auto; } #trackback-box #trackback-url { padding-top:10px; } #trackback-box .post-text { width:auto; float:none; } #comment-form { padding-top:50px; } #comment-form p { background:#929292; color:#fff; text-align:right; margin:0 10px 5px; padding:2px 7px; } #comment-form table { width:450px; margin:auto; } #comment-form table td { vertical-align:top; border:none; padding:3px 5px; } #comment-form table th { color:#666; vertical-align:top; width:70px; border:none; text-align:right; padding:3px 5px; } #comment-form input { height:17px; font-family:Arial; font-size:11px; color:#000; border:none; border-bottom:1px solid #eee; background:none; width:90%; } #comment-form input.radio { border:none; width:auto; background:none; margin:0; padding:0; } #comment-form input#blogcommenttext_name { width:85%; } #comment-form input#send-comment { cursor:pointer; border:0; width:80px; background:#777; height:auto; color:#fff; } #comment-form textarea { width:91%; height:90px; font-family:Arial; font-size:11px; line-height:18px; color:#000; border:1px solid #eee; background:#fff; } .page { margin-bottom:20px; text-align:center; } .page a,.page span { line-height:120%; color:#929292; border:none; margin:0 2px; padding:3px 5px; } .page span { font-size:13px; font-weight:bold; color:#fff; background:#777; } #links { float:left; width:29%; background:#fff; border:1px solid #ccc; margin-top:-295px; background-color:#fff; } .box { margin-bottom:10px; } .box-title { background:#f7f7ef; color:#7a7764; font:bold 15px/1.5 Arial, Helvetica, sans-serif; text-align:center; margin:6px; padding:10px 7px 7px; } .box-text { padding:2px 18px; } .box-more { text-align:right; margin:5px 0; padding:2px; } .box-more a { font-size:11px; border:1px solid #ccc; padding:3px 5px 0; } html>/**/body .box-more a { padding:2px 5px; } .box-more a:hover { background:#929292; border:1px solid #ccc; color:#fff; text-decoration:none; } #headshot ul { overflow:hidden; padding:0 10px; } #headshot li { width:80px; float:right; } #headshot li#headshot-img { float:left; background:none; border:0; width:90px!important; } #calendar table { width:90%; margin:0 auto; } #calendar th,#calendar td { text-align:center; padding:1px; } #calendar td a { font-size:11px; display:block; background:#777; color:#fff; } #calendar td a:hover { background:#ccc; color:#333; } #category li { margin-left:15px; line-height:2em; } #murmur li { background:none; border:0; } .murmur-time { font:bold 12px Century Gothic; margin-bottom:2px; } .murmur-text { line-height:160%; } #visitor li,#crumb li { float:left; height:56px; margin-right:6px; } #visitor li img,#crumb li img { width:48px; height:48px; } body #followed-murmurs li { width:200px; font:11px Tahoma!important; border-bottom:1px solid #eee; padding-top:5px!important; } body #followed-murmurs .murmurs-photo { float:left; width:40px!important; } body #followed-murmurs .murmurs-photo img { border:1px solid #ccc!important; } body #followed-murmurs .murmurs-content { float:right; width:155px; } body #followed-murmurs .murmurs-content a { color:#e78eab; } body #followed-murmurs .murmurs-content span { display:block; color:#666; } body #followed-murmurs .murmurs-functions { float:none!important; clear:both; text-align:right!important; } body #followed-murmurs .murmurs-functions span { margin-right:2px!important; } #search li { float:left; border:0; background:none; margin-right:5px; display:inline; } #search input { border:1px solid #eee; height:22px; padding:3px; } #search input#search-target { height:14px; width:140px; background:#fff; border-top:1px solid #bbb; border-left:1px solid #bbb; } #search input#search-submit { width:40px; font-size:12px; background:#eee; border-right:1px solid #bbb; border-bottom:1px solid #bbb; cursor:pointer; margin:0; } #archive select,#favorite select { width:200px; } #recent-article li,#announce li,#hot-article li { line-height:2em; } #latest-comment li,#latest-trackback li,#subscription li { line-height:200%; padding-bottom:5px; } #latest-comment a,#latest-trackback a,#subscription a { display:block; width:99%; } #mylink .inner-box { margin-bottom:5px; } #mylink .inner-box h6 { font-weight:bold; } #mylink .inner-box li { margin-left:12px; line-height:2em; } #footer { border-top:2px solid #989c9d; clear:both; height:36px; text-align:center; padding:18px 0; } #bottom a { padding:0 5px; } #header h1 a { color:#fff; font-size:18pt; } #header h1 { font-size:18pt; } a,#login-bar a { color:#8b8b8c; text-decoration:none; } #banner h2,#footer p { color:#535354; } * html .article,* html .box { height:1%; } html:root .article-head,html:root .box-title { padding:7px; } * html .article-footer,* html .single-pos,* html #headshot ul,* html #visitor ul,* html #crumb ul,* html body #followed-murmurs ul,* html #search ul { overflow:none; height:1%; } .user-post-title,#comment-box .user-post-title { font-size:15px; background:#929292; border:1px solid #ccc; color:#fff; } #visitor ul,#crumb ul,body #followed-murmurs ul,#search ul { overflow:hidden; } .article-content img { max-width:100%; max-height:100%; } #banner .skiplink,#banner #blog-category,.time,.day,.title img,.list-num,.post-comment,#comment-form table tr.comment-form-title,#comment-form table th font,#recent-article img,#content .recommended-posts3,#pixblogad { display:none; } .reply-text p a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active { color:#fff; } #content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited { color:#999; } #content a:hover,#content a:active,#content a:hover,#content a:active { color:#666; }   

8月/JUST US-Jaejoong

   * { margin:0; padding:0; } * html body { position:static; width:expression((document.documentElement.offsetWidth) < 980px 980px : auto); } body { background:#f3f3f5; font:normal 13px/160% Arial, Helvetica, sans-serif; color:#535354; bottom:0; left:0; min-width:980px; position:absolute; right:0; top:0; background-image:none; background-color:#fff; background-repeat:no-repeat; background-position:top left; background-attachment:scroll; } a:hover { color:#535354; text-decoration:underline; } table { border-collapse:collapse; } fieldset,img { border:none; vertical-align:-3px; } 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 { overflow:hidden; font-size:13px; line-height:160%; text-align:left; letter-spacing:.05em; width:100%; margin:10px 0; } .article-content p { margin-bottom:1em; } br { letter-spacing:normal; } input { font:11px verdana; letter-spacing:0; background:#fff; border:1px solid #ccc; color:#666; margin:0; padding:3px 5px; } #container { background:url() repeat-x 0 0; width:100%; } #container2 { background:url() no-repeat 17px 0; } #authority { background:#ccc; text-align:center; padding:5px 0; } #authority a { background:#989c9d; color:#fff; border:none; margin:0 1px; padding:5px 5px 0; } html>/**/body #authority a { padding:1px 5px 3px; } #authority a:hover { color:#989c9d; background:#fff; } #header { height:291px; position:relative; background-image:url(http://ww4.sinaimg.cn/large/720f0acftw1eiuv94cwadj21kw1miu0x.jpg); background-position:right; background-repeat:no-repeat; } #login-bar { color:#8b8b8c; left:160px; position:absolute; top:8px; } #login-bar a:hover { color:#8b8b8c; text-decoration:underline; } #login-bar .separator { color:#fff; padding:0 5px; } #banner { position:absolute; right:20px; top:46px; width:600px; } #banner h1 { margin-bottom:3px; } #banner h1 a { font:30px/100% 微軟正黑體,Simhei; overflow:hidden; border:none; } #navigation { right:21px; position:absolute; top:245px; } #navigation li { float:left; padding-left:10px; } #navigation a { background:#fff; border:1px solid #ccc; color:#535354; display:inline-block; font:15px arial,helvetica,sans-serif; height:27px; padding-top:13px; text-align:center; width:120px; overflow:hidden; } #navigation a:hover { background:#777; border:1px solid #ccc; color:#fff; text-decoration:none; } #main { line-height:150%; overflow:hidden; width:auto; padding:0 20px 13px; } #content { float:right; overflow:hidden; width:70%; background:#fff; border:1px solid #ccc; background-color:#fff; color:#666; } #spotlight { background:#535354; margin:12px; } #spotlight h5 { font:bold 13px Verdana, Geneva, sans-serif; color:#fff; border-bottom:1px dotted #fff; padding:5px 10px; } #spotlight-text { color:#fff; padding:5px 10px; } #article-area { position:relative; z-index:50; padding:7px; } h3.article-area-title,#view-mode { text-align:right; } .article { margin:20px 0; } .article-head { background:#f7f7ef; color:#7a7764; font:bold 15px/1.5 Arial, Helvetica, sans-serif; margin:6px; padding:10px 7px 7px; } .publish { display:inline; float:right; line-height:21px; overflow:hidden; width:auto; color:#999; } .title { width:86%; color:#000; font-size:12pt; font-weight:normal; font-style:normal; } .title a { font:bold 18px Gulim; } .article-body { text-align:right; color:#8b8b8c; margin:10px; } .bookmark { padding:15px 0; } .article-footer { border:1px solid #ccc; overflow:hidden; margin:10px; padding:10px; } .history { float:right; width:47%; } .refer { float:left; width:47%; } .back-to-top { font-size:10px; padding-top:5px; text-align:right; clear:both; } .back-to-top a { color:#666; text-transform:uppercase; border:1px solid #fff; } .back-to-top a:hover { text-transform:uppercase; } .main-list { margin:23px 0; } .main-list table { width:100%; } .main-list th { height:30px; border-bottom:3px solid #ccc; color:#535354; padding:2px 5px; } .main-list td { line-height:25px; padding:2px 5px; } .list-date { width:100px; } .fans-club { border-bottom:1px solid #ccc; margin-bottom:8px; padding-bottom:9px; } .user-post-box { margin:20px 10px; } #comment-box .user-post-title span,#comment-box .user-post-title span { vertical-align:-2px; } .single-post { overflow:hidden; width:80%; border-bottom:1px dotted #ccc; margin:10px auto; padding:10px 0; } .post-info { margin-bottom:5px; color:#be0000; } .post-photo { float:left; width:100px; } .post-photo img { border:1px solid #ccc; height:80px; width:80px; padding:2px; } .post-text { width:80%; color:#888; } .reply-text { background:#929292; border:1px solid #ccc; color:#fff; width:80%; margin:10px 0 0 100px; padding:10px 15px; } .single-post.secret .post-text { float:none; width:auto; } #trackback-box #trackback-url { padding-top:10px; } #trackback-box .post-text { width:auto; float:none; } #comment-form { padding-top:50px; } #comment-form p { background:#929292; color:#fff; text-align:right; margin:0 10px 5px; padding:2px 7px; } #comment-form table { width:450px; margin:auto; } #comment-form table td { vertical-align:top; border:none; padding:3px 5px; } #comment-form table th { color:#666; vertical-align:top; width:70px; border:none; text-align:right; padding:3px 5px; } #comment-form input { height:17px; font-family:Arial; font-size:11px; color:#000; border:none; border-bottom:1px solid #eee; background:none; width:90%; } #comment-form input.radio { border:none; width:auto; background:none; margin:0; padding:0; } #comment-form input#blogcommenttext_name { width:85%; } #comment-form input#send-comment { cursor:pointer; border:0; width:80px; background:#777; height:auto; color:#fff; } #comment-form textarea { width:91%; height:90px; font-family:Arial; font-size:11px; line-height:18px; color:#000; border:1px solid #eee; background:#fff; } .page { margin-bottom:20px; text-align:center; } .page a,.page span { line-height:120%; color:#929292; border:none; margin:0 2px; padding:3px 5px; } .page span { font-size:13px; font-weight:bold; color:#fff; background:#777; } #links { float:left; width:29%; background:#fff; border:1px solid #ccc; margin-top:-295px; background-color:#fff; } .box { margin-bottom:10px; } .box-title { background:#f7f7ef; color:#7a7764; font:bold 15px/1.5 Arial, Helvetica, sans-serif; text-align:center; margin:6px; padding:10px 7px 7px; } .box-text { padding:2px 18px; } .box-more { text-align:right; margin:5px 0; padding:2px; } .box-more a { font-size:11px; border:1px solid #ccc; padding:3px 5px 0; } html>/**/body .box-more a { padding:2px 5px; } .box-more a:hover { background:#929292; border:1px solid #ccc; color:#fff; text-decoration:none; } #headshot ul { overflow:hidden; padding:0 10px; } #headshot li { width:80px; float:right; } #headshot li#headshot-img { float:left; background:none; border:0; width:90px!important; } #calendar table { width:90%; margin:0 auto; } #calendar th,#calendar td { text-align:center; padding:1px; } #calendar td a { font-size:11px; display:block; background:#777; color:#fff; } #calendar td a:hover { background:#ccc; color:#333; } #category li { margin-left:15px; line-height:2em; } #murmur li { background:none; border:0; } .murmur-time { font:bold 12px Century Gothic; margin-bottom:2px; } .murmur-text { line-height:160%; } #visitor li,#crumb li { float:left; height:56px; margin-right:6px; } #visitor li img,#crumb li img { width:48px; height:48px; } body #followed-murmurs li { width:200px; font:11px Tahoma!important; border-bottom:1px solid #eee; padding-top:5px!important; } body #followed-murmurs .murmurs-photo { float:left; width:40px!important; } body #followed-murmurs .murmurs-photo img { border:1px solid #ccc!important; } body #followed-murmurs .murmurs-content { float:right; width:155px; } body #followed-murmurs .murmurs-content a { color:#e78eab; } body #followed-murmurs .murmurs-content span { display:block; color:#666; } body #followed-murmurs .murmurs-functions { float:none!important; clear:both; text-align:right!important; } body #followed-murmurs .murmurs-functions span { margin-right:2px!important; } #search li { float:left; border:0; background:none; margin-right:5px; display:inline; } #search input { border:1px solid #eee; height:22px; padding:3px; } #search input#search-target { height:14px; width:140px; background:#fff; border-top:1px solid #bbb; border-left:1px solid #bbb; } #search input#search-submit { width:40px; font-size:12px; background:#eee; border-right:1px solid #bbb; border-bottom:1px solid #bbb; cursor:pointer; margin:0; } #archive select,#favorite select { width:200px; } #recent-article li,#announce li,#hot-article li { line-height:2em; } #latest-comment li,#latest-trackback li,#subscription li { line-height:200%; padding-bottom:5px; } #latest-comment a,#latest-trackback a,#subscription a { display:block; width:99%; } #mylink .inner-box { margin-bottom:5px; } #mylink .inner-box h6 { font-weight:bold; } #mylink .inner-box li { margin-left:12px; line-height:2em; } #footer { border-top:2px solid #989c9d; clear:both; height:36px; text-align:center; padding:18px 0; } #bottom a { padding:0 5px; } #header h1 a { color:#fff; font-size:18pt; } #header h1 { font-size:18pt; } a,#login-bar a { color:#8b8b8c; text-decoration:none; } #banner h2,#footer p { color:#535354; } * html .article,* html .box { height:1%; } html:root .article-head,html:root .box-title { padding:7px; } * html .article-footer,* html .single-pos,* html #headshot ul,* html #visitor ul,* html #crumb ul,* html body #followed-murmurs ul,* html #search ul { overflow:none; height:1%; } .user-post-title,#comment-box .user-post-title { font-size:15px; background:#929292; border:1px solid #ccc; color:#fff; } #visitor ul,#crumb ul,body #followed-murmurs ul,#search ul { overflow:hidden; } .article-content img { max-width:100%; max-height:100%; } #banner .skiplink,#banner #blog-category,.time,.day,.title img,.list-num,.post-comment,#comment-form table tr.comment-form-title,#comment-form table th font,#recent-article img,#content .recommended-posts3,#pixblogad { display:none; } .reply-text p a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active { color:#fff; } #content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited { color:#999; } #content a:hover,#content a:active,#content a:hover,#content a:active,#content a:hover,#content a:active { color:#666; } /* PIXNET文章標題前小圖 */ .title h2 {background:url(http://www.logomaker.com/logo-images/e7ab98e0d8231264.gif) no-repeat 100% 47%;} .fbbox{background: url("http://pic.pimg.tw/aikokim0517/1406996692-2621564981.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 600px;padding: 0 5px 0 109px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:30%;} .fbbox div{border:none;position:relative;display:block;} .fbbox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .fbbox span a{color: #808080;text-decoration:none;} .fbbox span a:hover{text-decoration:underline;} #topbar:hover { top: 0px; } #topbar { top: -35px; right:0px; position: fixed; width:100%; display:block!important; }