跳到主文
部落格全站分類:視覺設計
不能被理解的悲傷 (網誌-痞客模板) 世界上有不能流淚的哀傷存在。 那是對誰也無法說明的,就算能夠說明,誰也不會理解的哪種東西。 那哀傷既不能改變成任何形式, 只能像無風之夜的雪那樣靜靜地逐漸累積在心裡而已。 by 村上春樹※預覽:※下載:/*------------------------------ #Generate By Pixnet ------------------------- */ /*------------------------------ #comment-table ------------------------------ */ #comment-form table { width: 96% ; margin: 0 auto ;} #comment-form td , #comment-form th { border: 1px solid #555 ; padding: 3px 5px; } #comment-form input#send-comment { padding: 3px 5px ; } .article-content p{ margin-bottom:1em; } /*------------------------------ #Generate End ------------------------------- */ 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; } html{} body{ BACKGROUND: url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a7d87422e380.gif) #2E2E2E fixed repeat; MARGIN:0px auto; font-family:verdana,arial,sans-serif; COLOR: #666666; font-size:12px; cursor:crosshair; text-align:center; } p{font-family:verdana,arial,sans-serif;font-size:12px;} a {color:#909090;text-decoration:none;} a:hover {color:#333333;text-decoration:none;cursor:help } #authority {text-align:right;margin-top:5px;} #authority a {margin-right:5px;} #authority a:hover {} #container{ background:#303030 url() repeat-y scroll 50%; width:856px; margin-top:10px; text-align:center; margin:auto; } #container2{ } #header{ background:#303030 url(http://pic.pimg.tw/cloud621/4b2c4811b3e4f.jpg?v=1261193235) no-repeat top left; color:#FFFFFF; height:480px; text-align:left; padding-right:20px; padding-top:20px; } #banner a{} #banner h1 {text-align:left;} #banner h1 a{ display:block; width:250px; height:40px; margin-left:100px; font-size:30px;color:#ccc } #banner h1 a:hover{color:#fff} #banner .skiplink{display:none} #banner {width:600px;display:bolck;float:left;} #banner h2{margin-left:100px;color:#666} #banner h2 { line-height:160%;padding:5px;} #blog-category{display:none} #login-bar{display:none} #navigation{ float:right; width:180px; margin:65px auto auto 10px; background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a7d97a57b48d.jpg) no-repeat top left; } #navigation a{display:block;height:16px;margin-left:3px;font-size:0px;color:#111;letter-spacing: -5000px;} #navigation a:hover{color:#111} #navigation a:focus{outline:none ;} #navigation li{display:inline ;float:left ;} #link-album{width:40px} #link-blog{width:38px} #link-guestbook{width:60px} #link-profile{width:38px} #main{} #content{ float:left; line-height:180%; width:605px; overflow:hidden; text-align:left; } /*spotlight*/ #spotlight{ color:#666; font-size:12px; line-height:180%; width:569px; background:#fff url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868bddd5dad.jpg) no-repeat left bottom; margin:15px;margin-left:20px; padding-bottom:60px; } #spotlight-text {padding:10px;} #spotlight li{ list-style-type: disc ; margin-left:45px ; } #spotlight h5{ height:45px; padding-top:11px; width:539px; padding-left:30px; background:#303030 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868b28a3de5.jpg) no-repeat 0px -15px; text-align:left; } #view-mode{} .article{ color:#666; font-size:12px; line-height:180%; width:569px; background:#fff url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868bddd5dad.jpg) no-repeat left bottom; margin:15px;margin-left:20px; padding-bottom:25px; } .article-head{ background:#303030;color:#999;text-align:right } .title{ height:45px; padding-top:11px; width:539px; padding-left:30px; background:#303030 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a868b28a3de5.jpg) no-repeat 0px -15px; text-align:left; } .title a{ color:#fff; font-family:SimHei; font-size:16px; font-weight:normal; } .title a:hover{color:#666;} .article-body{display:block;clear:both} .article-content{ width:530px; margin-left:5px;margin-right:5px;margin-bottom:15px; overflow:hidden; } .article-body a {color:#A30401} .article-body p{line-height:180% ;} .publish{} .month{} .date{} .day{} .year{} .time{} .bookmark{text-align:right;padding-left:10px;} .bookmark span{display:none} .bookmark a img{width:12px;height:12px;} .author { TEXT-ALIGN:center; color:#999;height:20px; } .author A {COLOR: #666;} .author A:hover {COLOR: #000} .author span{display:none} .more {text-align:right;float:right;} .more a { color:#5D5D5D;font-size:0px;font-weight:normal; width:47px;height:17px; display:block; background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a8fe24433a5d.gif) no-repeat left top; } .more a:hover {color:#5D5D5D} #links{ padding:0px; float:right; padding-right:15px; width:235px; } #links a{color:#666;padding-left:3px;} #links a:hover{color:#ddd;background:#000;} .box{ font-size:12px; color:#999; line-height:200%; overflow:hidden; background:#171717 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86c84501085.jpg) no-repeat left bottom; padding-bottom:30px; width:235px; font-size:12px; line-height:180%; text-align:left; } .box-text {overflow:hidden;width:215px;margin-left:10px;margin-right:10px} .box-text a:hover{} .box-more{text-align:center;clear:both} px; #links .box-more a{color:#999 ;display:inline;} .box-text{padding: 0px;} .box-text li{} .box-title{ text-align:center; font-size:12px; color:#808080; font-weight:bold; background:#171717 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86c845d5ff8.jpg) no-repeat left top; height:30px; padding-top:15px; width:235px; } #search .box-text a{display:inline ;} #search ,#change-theme ,#feed,#archive ,#favorite{text-align:center ;} #counter,#powered{text-align:left} #my-photo{float:left ;margin-right:5px ;} #my-status p{clear:both ;text-align:center ;font-weight:bold ;} /*calendar*/ #calendar{text-align:center ;} #calendar table{width:95% ;color:#999;font-size:11px;} #calendar th{text-align:center ;} /*category*/ #category .box-text a{display:inline ;} #category .box-text h6 { padding-left:5px;color:#808080;padding-top:5px; } #category .box-text h6 img {filter: Xray} #category .box-text li a {display:block;} .box-more img{display:none} #category .box-text {padding-top:5px;padding-bottom:5px} #latest-trackback .box-text li{display:block} #latest-comment .box-text a {display:block ;} #subscription .box-text a {display:block ;} #mylink .box-text a {display:block ;} #recent-article .box-text a {display:block ;} #hot-article .box-text a {display:block ;} #recent-article .box-text img {filter:gray} #trackback-box .single-post{} #trackback-url{text-align:right ;padding-right:10px;margin-top:-20px;} .user-post-title{margin-top:10px;padding-left:15px;} .user-post-title img {display:none} #trackback-title{} #comment-title {display:none} .forward{text-align:center} .forward a {color:#999} .refer li{ display:none } .history{text-align:center;} .article-footer{text-align:left;padding-bottom:25px;} .back-to-top{display:none;} /*broadcast*/ #broadcast {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;} #broadcast ul {list-style-image:none;list-style-position:outside;list-style-type:none;margin-top:5px;} #broadcast li {float:left;margin-left:5px;} /*Murmur*/ #Murmur{} #murmur .box-text {color:#808080} #murmur .box-more {CLEAR: both} #murmur .box-more A {MARGIN: 5px 3px 3px 5px; FLOAT: left; } .murmur-time {font-size: 10px;color:#B8B8B8 } /*headshot*/ #headshot{overflow:hidden ;} #headshot-img{width:90px;text-align:center ;float:left ;} #headshot-img img{width:75px ;border:3px solid #fff ;} #headshot a{display:inline ;} .article-list TABLE {} .main-list { color:#666; font-size:12px; line-height:180%; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#F7F7F7; margin:10px; padding:10px; } .main-list table a {margin-left:5px;font-size:12px;color:#666} .main-list TD {BORDER-BOTTOM: #ddd 1px solid;color:#666;} .main-list TH {font-size:12px;color:#808080;TEXT-ALIGN: center;padding-top:10px;BORDER-BOTTOM: #ddd 1px solid;} .list-num {display:none;} #display{padding-right:10px;} .list-date { TEXT-ALIGN: center;color:#B8B8B8;font-size:11px;width:80px;} .list-title {PADDING-LEFT: 10px; TEXT-ALIGN: left;color:#333; width:320px;font-size:12px;} .main-list table a:hover{background:#000;color:#ddd} .main-list table img{filter:gray} .article-area-title{display:none} /*VISITOR*/ #visitor .box-text{} #visitor IMG {} #visitor .box-text li a{ height:22px;width:20px; display:block; MARGIN: 1px; background:#E8E8E8; } #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:20px;width:20px;} #visitor .box-text li a:hover img {visibility:visible;height:20px;width:20px} #visitor .box-text li { float: left; } #visitor .box-text ul{} #visitor .box-more {clear:both;} /*crumb*/ #crumb .box-text{} #crumb IMG {} #crumb .box-text li a{ height:22px;width:20px; display:block; MARGIN: 1px; background:#E8E8E8; } #crumb .box-text li a:hover {background:none;} #crumb .box-text li a img{visibility:hidden;height:20px;width:20px;} #crumb .box-text li a:hover img {visibility:visible;height:20px;width:20px} #crumb .box-text li { float: left; } #crumb .box-text ul{} #crumb .box-more {clear:both;} input,select{ font-family: "Arial";font-size: 12px; } input { letter-spacing: 1px; height: 18px; border: 1px solid #E3E3E3; background: #eee; padding: 0px 2px 0px 2px ; } #footer{ clear:both ; text-align:center ; margin-top:20px ; } #bottom{ background:url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86c720e3558.jpg) no-repeat scroll 50% 100%; bottom:0pt; height:139px; left:10px; width:100%; z-index:8; text-align:center; font-size:12px; width:856px; } #bottom a { color:#666; padding-left:5px; } /*--------------------------comment-form */ #comment-form { background: url() left top no-repeat; padding: 5px 5px 5px; width: 530px; margin: 10px auto;text-align:right; } #comment-form p { color: #bbb; margin: 0px 10px 5px; padding-left: 100px; } #comment-form table { margin-top: 20px; 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;text-align:left; } #comment-form table th { vertical-align: top; width: 80px; border: none; padding: 2px 5px; text-align: right; color:#999; } #comment-form table th font { display: none; } #comment-form input { height: 17px; font-family: Arial; font-size: 11px; color: #eee; border: none; border-bottom: 1px solid #999;background:none; width: 95%; } #comment-form input.radio { border: none; width: auto; background: none;margin:0; padding:0; } #comment-form input#blogcommenttext_name{ width: 86%; } #comment-form input#send-comment{ width: 80px;height:20px; float:right; color:#fff; background:#171717; border:1px solid #333; } #comment-form textarea { width: 95%; height: 90px; font-family: Arial; font-size: 11px; line-height: 18px; color: #fff; border: 1px solid #999999; background: #2A2A2A;margin-top:8px;padding:5px; } /*--------------------------post-box*/ .user-post-box{ width: 590px; margin-left: 25px; } .user-post-title{ background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a967611eff79.jpg) no-repeat; width: 200px; height: 30px; font-size:0; text-indent:-5000px; } #trackback-box .user-post-title{} #comment-box .user-post-title{ background-position: left bottom; } .post-comment{ width:297px; height: 67px; background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a96757653f24.jpg) left top no-repeat; margin: 20px auto; font-size:0; text-indent: -5000px; } #content .post-comment a{ display:block; width: 100%; height:100%; } .single-post{ overflow: hidden; _overflow: none; _height: 1%; width: 550px; background:#171717 url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86cd4fd3eb7.jpg) no-repeat left bottom; line-height:160%;padding-bottom:20px; } .post-info{ height:35px; line-height:15px; margin-bottom:5px; color:#eee;width:520px;padding-left:30px;padding-top:15px; background:url(http://p2.p.pixnet.net/albums/userpics/2/3/101623/4a86cd4f0d6c8.jpg) no-repeat left top; } .post-photo{ float: left; width: 60px; padding-top:5px;margin-left:10px; } .post-photo img{ width: 50px; height: 50px; padding:2px; border:1px solid #ccc; } .post-text, .reply-text{ float: right; width:460px; } .post-text{ float: right;overflow:hidden; width:460px;} .reply-text{ margin-top:5px; color:#a48e53;background:url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a967ed545f9b.jpg) no-repeat left top ; padding-top:35px; padding-left:10px;padding-bottom:10px; } .single-post.secret{} .single-post.secret .post-text{ width: 550px;height:60px; background:#171717 url(http://p8.p.pixnet.net/albums/userpics/8/0/226180/4a9688e9a8e3a.jpg) no-repeat left top; font-size:0px ; color:#171717; } #trackback-box {} #trackback-box h3 {} #trackback-box SPAN {} #trackback-box #trackback-url{ margin: 20px 25px; } #trackback-box #trackback-url input{ border:0; padding:2px; background:#171717; color:#666; font-size:11px; font-family:arial; margin-right:3px; } #trackback-box input#trackback-input{ width:300px; padding: 3px 3px 4px 3px; margin:0; } #trackback-text {} #trackback-text .single-post {} #trackback-text .post-info {} #trackback-box .post-text{ width:auto ; float:none ; }
沉迷。失速。
bamcloud 發表在 痞客邦 留言(49) 人氣()