詼諧CSS(2) @ Ｏｎ,ｌｙ’　ＢＬ*Ａ‧ＣＫ；

哈!~
今天總算是要把CSS分享出來了
來看一下預覽圖吧

CSS在這兒呢=================================================================

/*----------------------------------------------------------------
	CSS,Photo by Black
		http://s88528.pixnet.net/blog
	09/05/30
	嚴禁修改
----------------------------------------------------------------*/
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;}body{background:#000000;font-size:12px;font-family:"Comic Sans MS" ;}a{color:#939393;text-decoration:none ;}a:hover{color:#000000 ;text-decoration:none;position:relative;left:1px ;top:1px ;}#authority{osition:relative;align:left;padding-left:800px;top:2px;height:10px;}#authority a{color:#ffffff;padding:0px 0px 0px 0px;}#container{background:#000000;position:relative ;margin: 0 auto ;width:900px ;argin:10px auto 10px auto ;background:#eee ;}#container2{margin: 0 auto ;padding-top:0px ;background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a04ede10cb23.jpg)repeat-y #000000;}#header{background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a04ede58bd93.jpg) no-repeat left top ;height:165px;margin-top:0px;}#login-bar{text-align:right ;position:relative;top:2px;right:40px;color:black}#login-bar a{color:black}#banner h1 {position:relative;align:left;top:-17px;left:45px;font-size: 15px ;font-weight:bold ;}#banner .skiplink{display:none} #banner h2 {display:inline;width:700px;font-size:12px;position:relative;text-align:left;top:-17px;left:65px;} #blog-category{display:none;}#navigation{}#navigation{overflow:hidden ;_overflow:none;position:absolute;top:33px; left:40px;width:30px;height:120px;z-index:999;} #navigation a{width:30px ;background:none;display:block;height:30px;font-size: 0px;text-indent: -9999px;} #navigation a:hover{background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a05224908870.png);}#navigation li{float:left ;height:30px;width:30px;}#content{padding-left:45px;width:600px ;float:left ;}#spotlight{padding-left:20px;}#spotlight h5{background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a052e771b9c2.png) no-repeat left top;height:39px;width:529px; color:#d4d4d4; text-align:Center ; font-size:15px; padding:5px 0px 0px 0px; font-weight:bold ; }#display{text-align:right;margin : 5px 0px ;} .article{margin-bottom: 20px ;padding:10px ; }.article-head{height:39px;width:529px;background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a052e771b9c2.png) no-repeat left top;padding: 0px 0px 0px 20px; margin-bottom: 10px ;} .publish{font-size:10px;} .title h2 a{font-size: 13px ;color:#d4d4d4;}.title h2 img{width: 10px; height: 10px;} .article-body{} .bookmark{text-align: right; margin: 25px 0px 4px 0px; } .bookmark a img{width: 10px; height: 10px; } .article-content{ line-height: 140% ; }.more{margin: 0px 20px 0px 0px ;text-align:right}.more a{display:block ;}.author{background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a0539a8e5b74.png)no-repeat left top;text-align:right;border-bottom: 1px solid #cacaca; }.article-footer{text-align:right;align:right;}.refer{display:none;}.history{display:none;}.forward{display:none} .back-to-top{display:none}.main-list{padding:10px ;margin-bottom: 15px ;} .main-list table{width:95% ;margin:10px; } .main-list h3{padding: 5px 10px ;margin-bottom: 10px; } .main-list th{padding: 2px; } .main-list td{padding: 2px; } #links{width:200px ;float:right ;padding-right:50px ;} .box{padding: 10px; margin-bottom: 15px } .box-title{background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a053da16baf9.png) left top; height:38px;widht:250px;text-align:left;padding: 7px 0px 0px 10px ; font-size: 13px ;}#visitor #visitor,#crumb{}#visitor ul,#crumb ul{overflow: hidden;_overflow: none;_height: 1%;} #visitor li,#crumb li{float: left;line-height:0;margin: 1px 1px 0 0;}#visitor li img,#crumb li img {width: 30px;height: 30px;} #visitor .box-more{} #murmur{position:absolute;top:30px;left:270px;}#murmur .box-title{display:none}#murmur .box-text{width:160px;height:90px;} #murmur-text{overflow: hidden;}#murmur .box-more{position: absolute;background: none;top:90px;width:215px;left:50px;} #broadcast .box-text ul{border-bottom: 1px dashed #777 ;_height:1% ;overflow: hidden ;_overflow: none ;} .broadcast-photo{float:left ;width:40px ;}#headshot{background:none;position:absolute;top:35px;left:95px;} #headshot .box-title{background:none;display:none;}#headshot .box-text{font-size:12px;background:none;}#headshot .box-text img{width:60px;height:60px;overflow:hidden;font-size:12px;background:none;} #search{position:absolute;top:70px;left:650px;}#search-target{text-align: center; width: 400px; background:none; border:none; color: #5A5A5A; padding: 0px 2px; margin-bottom: 4px; } input#search-submit{width: 400px; color:none; font-size:0px; background:none; border:none; padding: 0px 2px; } #search li{display: block; text-align: center; }#search .box-title{background:none;display:none} #search .box-text{background:none;}#search .box-text input{width:160px ;height:25px; }#search-target{font-size:15px;} #feed{position:absolute;top:50px;left:165px;} #feed .box-title{display:none}#calendar table{width: 80%;margin: 10px auto;} #calendar th{text-align: center;padding-bottom: 3px;} #calendar td{text-align: center;background:#fff;border:1px solid #fff;font: 11px arial;color:#746a52;padding: 0px;} #calendar td a{background:#ccc;color:#fff;display: block;} #calendar table{width: 80%;margin: 10px auto;} #calendar th{text-align: center;padding-bottom: 3px;} #calendar td{text-align: center;background:#eee;border:1px solid #aaa;font: 11px arial;color:#746a52;padding: 1px;} #calendar td a{background:#ccc;color:#fff;display: block;} #recent-article{position:absolute;top:35px;left:470px;}#recent-article .box-title{display:none}#footer{ clear:both ;background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a0540f0837c4.jpg) ;height:75px; text-align:center ;}.user-post-title{height: 25px;line-height: 25px;padding-left: 10px;color:#000000;margin: 10px 0; }.post-comment{display:none}#content .post-comment a{display:block;font-size:12px;color:#fff;height: 100%;padding-left: 25px;border:1px solid #aaa;}#content .post-comment a:hover{border:1px solid #666;color:#d4d4d4; }.single-post{overflow: hidden;_overflow: none;_height: 1%;margin-bottom: 20px;padding-bottom: 10px;} .post-info{background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a0a4ebb3ae44.png) no-repeat;height:30px;font-size:11px; *font-size:10px;line-height: 27px;margin-bottom: 10px;color:#d4d4d4;position:relative;padding-left: 55px;_padding-top: 5px;} .post-info a{color:#d4d4d4;}.post-info img{vertical-align: middle; }.post-info .floor{width: 40px;height:25px;text-align: center;color:#555;font: bold 13px Century Gothic;line-height:25px; display: block;position: absolute;left:0;top:0;}.post-photo{width: 40px;height:40px;float:right;margin-right:40px;display: inline;}.post-photo img{width: 40px;height:40px;}.post-text{float: left;margin-top:20px;margin-left:45px;width: 400px; margin-bottom: 5px;color:#000;}.reply-text{float: right;width: 400px;background:url(http://p1.p.pixnet.net/albums/userpics/1/2/816912/4a0a51ae7d61c.png) right top no-repeat #bfbfbf;border:1px solid #ddd;margin-right: 80px;display:inline;padding: 5px 5px 5px 5px;color:#777;min-height: 30px;_height: 30px;}.reply-text p{ display:none;}.single-post.secret{background:#dddddd;}.single-post.secret .post-text{float: none;width: auto;padding-left: 70px;font-size:0; color:#fff;}#trackback-box .post-text{width:auto ;float:none ;padding: 0 10px;}#comment-form {padding-left: 20px;width: 500px;}#comment-form p {color: #bbb;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:0;padding: 2px 5px;line-height: 25px;}#comment-form table th {color: #999;vertical-align:top;width: 70px;border:0;padding: 2px 5px;text-align: right;}#comment-form table th font {display: none; }#comment-form input {height: 17px;font-size: 12px;color: #444;border: none;background:#d6d6d6;width: 99%;}#comment-form input.radio {border: 0; width: auto;background:#d6d6d6;margin:0; padding:0;}#comment-form input#blogcommenttext_name{width: 95.5%;background:#d6d6d6}#comment-form input#send-comment{width:20%;background:#ccc;color:#5f5f5f;background:#d6d6d6;border:1px solid #ddd}#comment-form textarea {width: 99%;height: 90px;;font-size: 13px;line-height:12px;color:#000;background: #d6d6d6;border:1px}#user-post{position:relative;left:20px;}#trackback-box{margin-bottom: 20px; }#trackback-input{background:#e8e8e8;color:#cbcbcb;font-size:12px;height:15px;width:120px;border:1px solid 797979;}#trackback-input{width:20%;background:#ccc;color:#5f5f5f;background:#d6d6d6;border:1px solid #ddd} " size="90"/>

Posted by s88528 at 痞客邦 PIXNET Comments(5) Trackback(0) Hits(599)