/* 再見,我的顏色 ( Blog ) Design by DENGZI @ DOUBLE # ZERO From : http://www.wretch.cc/blog/h30131 請勿隨意散撥 • 請勿任意修改後分享 */ /* General Set ------------------------------------------*/ html { overflow: hidden; } #text { overflow: auto; scrollbar-face-color: #fff; scrollbar-track-color: #fff; scrollbar-3dlight-color: #fff; scrollbar-darkshadow-Color: #fff; scrollbar-arrow-color: #444; scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff; } body { font-size: 7pt; /* 字體大小 */ font-family: verdana; /* 字體樣式 */ color: #555; /* 字體顏色 */ background: #fff; /* 背景顏色 */ line-height: 17px; letter-spacing : 1pt; margin: 0px; } input,select{ background: #fff; color: #000; font-size: 7pt; font-family: verdana; line-height: 17px; letter-spacing : 1pt; border: none; padding: 3px 1px 1px 1px ; } a { color: #999; text-decoration: none; } a:hover { color: #000; text-decoration: none; } /* container ------------------------------------------*/ #container1 { width: 867px; position: relative; /* fix IE6 bug */ margin: 10px auto; border: 1px solid #333; } #container2 {} /* banner and pageheader ------------------------------------------*/ #banner { background: #fff url(http://blog.roodo.com/dengzi/3b02ff1b.jpg); height: 200px; width: 600px; border-bottom: 1px solid #000; } #pageheader {} /* banner第二層,實質上只設定#banner即可 */ #pageheader h1 a { /* 主標題(網誌名稱) */ position: absolute; top: 20px; left: 15px; color:#fff; font-size: 14pt; font-family: verdana; line-height: 17px; letter-spacing : 1pt padding: 5px; } #pageheader h1 a:hover{ color: #000; } #pageheader .description { /* 網誌目前動態描述 */ position: absolute; top: 5px; left: 30px; color:#fff; font-size: 7pt; font-family: verdana; font-weight: normal; } #pageheader #description2 .description { /* 網誌個人描述列 */ position: absolute; top: 50px; left: 30px; width: 600px; text-align: left; color: #fff; } #pageheader #description2 .description a{ color: #ddd; } #pageheader #description2 .description a:hover{ color: #000; } /* main ------------------------------------------*/ #main2 { /* 包含content、links */ height: 370px; width: 867px; overflow: auto; scrollbar-face-color: #ddd; scrollbar-track-color: #ddd; scrollbar-3dlight-color: #ddd; scrollbar-darkshadow-Color: #ddd; scrollbar-arrow-color: #444; scrollbar-shadow-color: #ddd; scrollbar-highlight-color: #ddd; } /* content ------------------------------------------*/ #content { width: 570px; float: left; margin-top: 5px; margin-left: 7px; } .date { color: #000; font-size: 9pt; font-family: verdana; background: #eee; text-align: left; width: 250px; padding: 2px; padding-left: 10px; margin-top: 10px; margin-bottom: 5px; border: 1px solid #333; } .datediv {} /* 第二層date */ .blogbody { /* 包含 .articletext .posted .total-comments-div */ padding: 8px; margin-bottom: 15px; border: 1px solid #333; } .blogbody2 {} /*第二層blogbody*/ .articletext {} /*包含 .title .extended .innertext .extended */ .articletext .title { color: #000; font-size: 9pt; font-family: verdana; margin-top: 5px; padding-left: 10px; } .articletext .innertext { color: #666; padding-left: 10px; } .articletext .extended {} .posted { text-align: center; } /* comments ------------------------------------------*/ .total-comments-div { border-top: 1px dotted #999; padding: 5px; padding-top: 10px; margin-top: 10px; } .total-comments-div .trackbacks-head {} .total-comments-div .trackbacks-head .comments-head { /* 引用列的title */ padding: 5px; padding-left: 8px; width: 200px; background: #ddd; margin-bottom: 10px; margin-top: 10px; } .total-comments-div .comments-head { /* 回應列的title */ padding: 5px; padding-left: 8px; width: 200px; background: #ddd; margin-top: 10px; margin-bottom: 10px; } .total-comments-div .comments-bottom .comments-head { /* 編寫回應列的title */ padding: 5px; padding-left: 8px; width: 200px; background: #ddd; margin-top: 10px; margin-bottom: 10px; } .total-comments-div .comments-body { /* 回應區的留言區塊 */ border: 1px solid #aaa; padding: 2px; padding-left: 8px; } .total-comments-div .comments-body .comments-post { /* 回應者資訊 */ text-align: right; color: #888; padding: 5px; } .total-comments-div .comments-body form { /* 編寫回應欄 */ } #name_id { width: 350px; border-bottom: 1px solid #aaa; } #email { width: 350px; border-bottom: 1px solid #aaa; } #url { width: 350px; border-bottom: 1px solid #aaa; } #text { width: 350px; border: 1px solid #aaa; } /* divThird 第三欄式設定,若兩欄式則不需設定 #divThird 的 position ------------------------------------------*/ #divThird {} #divThird2 {} /* 第二層divThird */ /* links 選單 ------------------------------------------*/ #links { width: 238px; float: right; background: #ddd; border-left: 1px solid #333; } #links2 {} /* 第二層links */ .sidetitle { /* 每個blog的標題列 */ padding-left: 10px; background: #fff; border-top: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; color: #333; width: 100%; padding: 3px; padding-left: 8px; } .side { /* 每個block的內容 */ padding: 10px; color: #666; } .side a{ color: #333; } .side a:hover{ color: #fff; } /* links 選單進階設定 ------------------------------------------*/ .calendar { /* 行事曆 */ color: #666; line-height: 17px; letter-spacing : 1pt; margin-bottom: 10px; } .calendar a{ color: #333; } .calendar a:hover{ color: #fff; } #boxMySpace { /* xxxxxx的地盤 */ position: absolute; top: 0px; left: 600px; width: 256px; height: 190px; padding: 5px; background: #eee; border-left: 1px solid #333; border-bottom: 1px solid #333; overflow: auto; overflow-x: hidden; scrollbar-face-color: #eee; scrollbar-track-color: #eee; scrollbar-3dlight-color: #eee; scrollbar-darkshadow-Color: #eee; scrollbar-arrow-color: #444; scrollbar-shadow-color: #eee; scrollbar-highlight-color: #eee; } #boxMySpace .boxMySpace0 {} #boxMySpace .boxMySpace0 .sidetitle {display:none} #boxMySpace .boxMySpace1 {} #boxMySpace .boxMySpace1 .side {} #boxMySpace .boxMySpace1 .side .boxMySpaceImg { display:none; }/* 個人封面照片縮圖 */ #boxMySpace .boxMySpace1 .side .boxMySpaceLink {} /* 四個連結:xxx的個人資料、xxx的網誌首頁、xxx的相簿、xxx的留言版 */ #boxMySpace .boxMySpace1 .side select {display:none} /* 好友名單 */ #boxSlideShow {} /* 播放中的相簿 */ #boxSlideShow .boxSlideShow0 {} #boxSlideShow .boxSlideShow0 .sidetitle {} #boxSlideShow .boxSlideShow1 {} #boxSlideShow .boxSlideShow1 .side {} #boxNewArticle {} /* 最新的文章 */ #boxNewArticle .boxNewArticle0 {} #boxNewArticle .boxNewArticle0 .sidetitle {} #boxNewArticle .boxNewArticle1 {} #boxNewArticle .boxNewArticle1 .side {} #boxCategory {} /* 文章分類 */ #boxCategory .boxCategory0 {} #boxCategory .boxCategory0 .sidetitle {} #boxCategory .boxCategory1 {} #boxCategory .boxCategory1 .side {} #boxDate {} /* 文章彙集 */ #boxDate .boxDate0 {} #boxDate .boxDate0 .sidetitle {} #boxDate .boxDate1 {} #boxDate .boxDate1 .side {} #boxSearch {} /* 搜尋這個網誌的文章 */ #boxSearch .boxSearch0 {} #boxSearch .boxSearch0 .sidetitle {} #boxSearch .boxSearch1 {} #boxSearch .boxSearch1 .side {} #scupioSearch {} /* 搜尋 */ #scupioSearch .scupioSearch0 {} #scupioSearch .scupioSearch0 .sidetitle {} #scupioSearch .scupioSearch1 {} #scupioSearch .scupioSearch1 .side {} #boxNewComment {} /* 最新的回應 */ #boxNewComment .boxNewComment0 {} #boxNewComment .boxNewComment0 .sidetitle {} #boxNewComment .boxNewComment1 {} #boxNewComment .boxNewComment1 .side {display:block !important;} #boxNewComment .boxNewComment1 .side a{display:block !important;} #boxNewTrackback {} /* 最新的引用 */ #boxNewTrackback .boxNewTrackback0 {} #boxNewTrackback .boxNewTrackback0 .sidetitle {} #boxNewTrackback .boxNewTrackback1 {} #boxNewTrackback .boxNewTrackback1 .side {display:block !important;} #boxNewTrackback .boxNewTrackback1 .side a{display:block !important;} #boxRssList {} /* 我的訂閱 */ #boxRssList .boxRssList0 {} #boxRssList .boxRssList0 .sidetitle {} #boxRssList .boxRssList1 {} #boxRssList .boxRssList1 .side {display:block !important;} #boxRssList .boxRssList1 .side a{display:block !important;} #boxFolder {} /* 自訂資料夾 */ #boxFolder .boxFolder0 {} #boxFolder .boxFolder0 .sidetitle {} #boxFolder .boxFolder1 {} #boxFolder .boxFolder1 .side {} #boxCounter {} /* 參觀人氣統計 */ #boxCounter .boxCounter0 {} #boxCounter .boxCounter0 .sidetitle {} #boxCounter .boxCounter1 {} #boxCounter .boxCounter1 .side {} .syndicate {padding: 10px;} /*RSS*/ /* powered 無論如何請不要隱藏無名小站的logo ------------------------------------------*/ .powered { position: absolute; top: 570px; left: 600px; width: 260px; height: 35px !important; padding: 1px; padding-left: 5px; border-left: 1px solid #333; border-top: 1px solid #333; } .powerlogo{background:none;} .powerlogo{display:none} .total-comments-div .powered {} /* 若文章僅開放給會員留言時未登入的區塊顯示 */ /* footer ------------------------------------------*/ #footer { background: #fff url(http://blog.roodo.com/dengzi/b001c039.jpg); height: 35px; width: 600px; border-top: 1px solid #333; }