分享 || 極簡-變奏 @ Ｏｎ,ｌｙ’　ＢＬ*Ａ‧ＣＫ；

哈哈~00~

時間沒有很多...

這個禮拜沒有設計很多東西...

感覺很對不起XD

其實我在禮拜五在學校的時候就開始想了...

我決定這次我要挑戰比較難的CSS

~00~[果然要花很多時間]

摸了還蠻久的= =|||

禮拜五晚上就馬上動工...

你知道的...

上完8節課

回來再看很像亂碼的東西= =|||

哈^00^

不過我還是耐著性子做完了...

來看看我的成品吧

極簡-變奏

看了你會覺得傻眼...

因為網誌名稱、描述、碎碎念

全部都是0644306513243[哈XD]

我懶得打啦

這三天我都一直埋在那裏面歐...= =|||

累死我了0.0

我已經上傳到PIXNET樣式貢獻啦^0^

不知道會不會過耶...

[一想到會不會過就想到藝術總監]

他有這麼嚴麻= =??

CSS複製:

/*-- ========================================================================== CSS by 【Black】 嚴禁修改，嚴禁另貼 禁止修改CSS、圖片、修改圖片上傳 可放游標CSS 如果真的很想很想非常想... 沒有改到會想死掉的話 請到我的留言板留言... ========================================================================== --*/ 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{SCROLLBAR-FACE-COLOR: #fcfcfc;SCROLLBAR-HIGHLIGHT-COLOR: #fcfcfc;SCROLLBAR-SHADOW-COLOR: #fcfcfc;SCROLLBAR-3DLIGHT-COLOR: #000000;SCROLLBAR-ARROW-COLOR: #000000;SCROLLBAR-TRACK-COLOR: #fcfcfc;SCROLLBAR-DARKSHADOW-COLOR: #000000;SCROLLBAR-BASE-COLOR: #fcfcfc} body{font-size: 11px; *font-size: 10px; letter-spacing: 0.6pt; font-family: "Comic Sans MS"; color: #000;} #body-div{width: 900px; margin: 0 auto; } a{color: #8F8F8F; text-decoration: none; } a:hover{color: #000; } br{letter-spacing: 0; } input#search-target{text-align: center; width: 180px; color: #000; background: #fff; border: 1px solid #e1e1e1; color: #5A5A5A; padding: 0px 2px; margin-bottom: 4px; } input#search-submit{width: 50px; color: #000; font-size: 11px; background: #fff; border: 1px solid #e1e1e1; padding: 0px 2px; } #search li{display: block; text-align: center; } #authority{position: absolute; top: 198px; margin-left: 390px; } #authority a{font-size: 10px; margin: 5px;margin-left: 0px; } #login-bar{position: absolute; top: 1px; margin-left: 80px; } #container{width: 900px; margin: 0 auto; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137759.gif) repeat-y; } #header{width: 900px;height: 230px; background: #fff url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137756.gif) ; no-repeat bottom} #banner{text-align: left; width: 580px; } #banner h2{width: 580px; } #banner h2{position:absolute ; margin-top: 8px; margin-left: 12px; color: #000; font-size: 10px;*font-size: 10px} #banner h1{padding-top: 14px; padding-left: 15px; } #banner h1 a{color: #000000; font-size: 20px; FONT-WEIGHT:normal;} #navigation{overflow:hidden ;_overflow:none  ;position:absolute;top:143px;left:50px;background:url no-repeat;width:350px;height:60px;} #navigation a{display:block ;width:350px ;text-align:left ;color:#fff ;height:60px;font-size: 0px;_text-indent: -9999px;*text-indent: -9999px;} #navigation li{float:left ;margin: 0px 0px 0px 0px ;} #link-album a{width: 80px;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137766.gif) no-repeat top; text-indent: -5000px;} #link-album a:hover{width: 80x;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217138089.gif) no-repeat top; text-indent: -5000px;} #link-blog a{width: 80px;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137765.gif) no-repeat top } #link-blog a:hover{width: 80px;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137769.gif) no-repeat top; text-indent: -5000px; } #link-guestbook a{width: 80px;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137767.gif) no-repeat top } #link-guestbook  a:hover{width: 80px;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217138090.gif) no-repeat top; text-indent: -5000px; } #link-profile a{width: 80px;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137768.gif) no-repeat top } #link-profile a:hover{width: 80px;height:60 px; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217138091.gif) no-repeat top; text-indent: -5000px; } #content{width: 600px; float: left; padding-left: 8px; margin-top:50px;line-height: 18px; overflow: hidden} #spotlight{display:none} #spotlight h5{display: none } #spotlight-text{displaynone} #article-area{} .article{margin: 0px 5px 35px 5px; border-bottom: 5px dashed #555; } .article-head{background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137763.gif) no-repeat left top; height: 44px; } .publish{color: #000; font-size: 12px; margin-top: 1px; padding: 0px 0px 2px 90px; *padding: 0px 0px 5px 90px; } .title h2{padding: 0px 50px 0px 120px; } .title h2 a{font-size: 16px; font-weight: bold;color: #5E5E5E} .title h2 a:hover{font-size: 18px ; color: #B7770D} .bookmark{text-align: right; margin: 25px 0px 4px 0px; } .bookmark a img{width: 10px; height: 10px; } .article-content a{text-decoration: underline:; } .more{margin: 5px 0px 0px 480px ;} .more a{display:block ;} .article-content{ border-bottom: 1px dashed #a1a1a1;} .author{padding: 1px 20px 1px 0px; text-align: right; font-size: 11px; *font-size: 10px; background: url() no-repeat right; } .forward, .refer li, .history{padding: 1px 0px 1px 0px; text-align: right; margin-bottom: 3px; font-size: 11px; *font-size: 10px; } .page{text-align: center; } #display{text-align: left; margin-bottom: 20px; } #display span{} #display a{} #trackback-input{width: 200px; color: #000; background: #fff;color:#5A5A5A;} #comment-text{margin: 5px; } .user-post-text{margin: 5px; } .single-post{width: 450px; position: relative; margin-bottom: 25px; overflow: hidden; _overflow: none; _height: 1%; } #comment-text .post-info{width: 500px; float: left;padding:5px;color:#000; } #comment-text .post-photo{float: left;left top; width: 63px; height: 53px;} #comment-text .post-info a{color: #999; } .floor{font-size: 18px; font-weight: bold; color: #C8C8C8 ; } #comment-text .post-photo img{position: absolute; top: 34px; left: 8px; width: 53px; height: 53px; overflow: hidden; } #comment-text .post-text p{color: #000; } #comment-text  .post-text{width: 340px; float: left; background: #EBEBEB; color: #666; display: inline;border: 5px dashed #e0e0e0 } #trackback-box .post-text{width: auto; float: none; } #comment-text .reply-text{width: 500px; float: left;padding-right:0; color: #b0b0b0;background: #F6F6F6; display: inline;border: 2px dashed #000;} .post-comment a{display: block; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217138092.gif) no-repeat 0px; width: 300px; height: 30px;text-indent: -5000px; margin: 0px auto; } .post-comment a:hover{display: block; background: url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217138093.gif) no-repeat 0px; width: 300px; height: 30px;text-indent: -5000px; margin: 0px auto; } #links{width:265px ;float:right ;padding:-30px ;} .box {color: #000000;font-size: 12px;line-height: 22px;background: url();padding: 0px 0px 0px;margin: 0px auto 12px;} .box-title {font-size: 15px;color: #000000;text-align: center;background:url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137764.gif) no-repeat right;padding:5px 0px 0px 0px;width: 290px;height: 53px;} .box-text {FONT-WEIGHT:normal;background: url() no-repeat 0px bottom;padding: 0px 40px 30px;text-align: left;} .box-text a { color: #8F8F8F; }.box-text a:hover { color: #000;padding:2 } .box-text li a { display: block; }} #announce .box-title{text-align: center} #announce .box-text{text-align: center} #recent-article .box-text li, #hot-article .box-text li,  #mylink .box-text li, #subscription .box-text li{width: 100%; } #recent-article .box-text a, #hot-article .box-text a,  #latest-trackback .box-text a, #subscription .box-text a, #recent-article .box-text a,  #recent-article .box-text a:hover,  #latest-trackback .box-text li, #subscription .box-text li{font-size: 12px; *font-size: 12px; color: #555; text-align: left; } #headshot{} #headshot .box-text{text-align: center;} #headshot .box-text img{border: 2px dashed #000} #visitor ul, #crumb ul{_height: 0%; overflow: hidden; _overflow: none; } #visitor li, #crumb li{float: left; } #visitor .box-text li a, #crumb .box-text li a{height: 35px; width: 35px; display: block; margin: 0px; width: 35px height: 35px;border: 2px dashed #555 ; } #visitor .box-text li a:hover, #crumb .box-text li a:hover{background:none; } #visitor .box-text li a img,  #crumb .box-text li a img{filter: alpha(opacity=0); -moz-opacity: .0; opacity: .0; width: 0px; height: 0px; height: 32px; width: 32px; } #visitor .box-text li a:hover img, #crumb .box-text li a:hover img{filter: alpha(opacity=120); -moz-opacity: 1; opacity: 1; height: 32px; width: 32px; padding: 1px; } #calendar table{width: 90%;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: 1px;} #calendar td a{background:#ccc;color:#fff;display: block;} #murmur{position: absolute; top: 18px; margin-left: -10px; width: 280px; } #murmur .box-title{display: none; } #murmur .box-text{background: url()} #murmur .box-more{margin-top: -7px; text-align: right; } .murmur-time{margin-bottom: 0px; } .murmur-text{font-size: 15px } #archive .box-text select{width: 200px; font-size: 8pt; } #archive .box-more{margin-top: 10px; text-align: right; } #favorite .box-text select{width: 200px; font-size: 8pt; } #counter .box-text li{display: inline; font-size: 11px; *font-size: 10px; } #footer{clear: both; text-align: left; height: 80px; background: #fff url(http://p0.p.pixnet.net/albums/userpics/7/8/497078/1217137761.gif) no-repeat bottom; margin-top: 20px; padding-top: 10px; padding-left: 10px; color: #999;font-size:10px;} #footer p{display:none} #footer p, #bottom{padding-top: 30px; text-align: left; padding-left: 10px; color: #999;a hover(color:#000000); font-size: 10px; } #banner .skiplink, #blog-category, .title h2 img, #hot-article .box-text img, #recent-article .box-text img, .reply-text p{display: none; } #latest-comment .box-text li a{style;border:1px dashed; border-color:#555} #latest-comment span{display: none;}  #latest-comment .broadcast-text a { color: #EAEAEA;) #latest-comment .broadcast-text a:hover { color:#FFFFFF; } #broadcast ul{_height: 1%; overflow: hidden; _overflow: none; margin-bottom: 5px; padding: 2px; height: 28px; } .broadcast-photo{float: left; padding: 1px; margin-bottom: 3px; width: 25px; height: 25px; } .broadcast-photo img{width: 25px; height: 25px; } .broadcast-time {display: none} .broadcast-text{float: right; width: 200px;} .broadcast-text{border:1px dashed; border-color:#000000;background:#e0e0e0} .broadcast-text{height: 15px; *height: 13px; overflow: hidden; padding: 1px; color: #777; }