字體:小 中 大 | |
|
|
2009/06/07 01:46:28瀏覽544|回應1|推薦0 | |
/* ---------- 【網誌橫式主選單】連結 -------------- */ #header_menus li a { color: #FF0000; /* 連結文字的顏色 */ font-size: 12px; /* 連結文字的大小 */ padding-left: 5px; /* 左測的內距 */ } #header_menus a:hover { color: #FF0000; /* 滑鼠移到上面時的連結文字顏色 */ } /* -------------- 【直式導覽列】(如需更改浮動定位應與內容區塊配合) ------------- */ /* 直式導覽列區塊 */ #sidebar { float: left; /* 靠左浮動定位 */ left: 15px; position: relative; top: 0px; } /* 直式導覽列區塊居中 */ #sidebar table { position:relative !important; margin: auto !important; } /* 直式導覽列大背景 */ .sidebar-bg { background-color: transparent; /* 背景色 */ } /* 直式導覽列區塊背景 */ .sidebar-panel-bg { background-color: transparent; /* 背景色 */ background: url(http://olkpbq.bay.livefilestore.com/y1pSwlqaEvE58BKTRxQCDx0QwLZcQIUNFa8DrpUkrWa3KhGtVm1FGMwUAdikj0S-liaHobwURvyxm8Cz65j49OjEA/rebeccabox_design_25_13.gif) no-repeat left top; /* 背景圖片 */ } /* 直式導覽列文字 */ .panel-topic { padding-left: 10px !important;/* 離左邊距離 */ color: #F8FE98!important;/* 文字顏色 */ vertical-align: top;/* 垂直對齊 */ } .panel-text { color: #FFFFFF!important;/* 文字顏色 */ } /* ----------------- 【內容區】(如需更改浮動定位應與直式導覽列區塊配合) --------------------- */ /* 內容區塊 */ #content { float: left; /* 靠左浮動定位 */ } /* 對比色大標題 */ #content .main-topic { color: #F8FE98; /* 文字顏色 */ font-weight: bold; /* 文字粗體 */ } #content a.main-topic:link { color: #F8FE98; /* 連結文字的顏色 */ text-decoration: none; /* 連結文字的樣式 */ font-weight: bold; /* 連結文字粗體 */ } #content a.main-topic:visited { color: #F8FE98; /* 連結文字的顏色 */ text-decoration: none; /* 連結文字的樣式 */ font-weight: bold; /* 連結文字粗體 */ } /* 深色大標題 */ #content .main-title { color: #FF8000; /* 文字顏色 */ } #content a.main-title:link, #content a.main-title:visited { text-decoration: none; /* 連結文字的樣式 */ } #content a.main-title:hover { color: red; /* 滑鼠移到上面時的連結文字顏色 */ } /* 附標、內文 */ #content .main-text { color: #FFFFFF; /* 文字顏色 */ } #content a.main-text:link, #content a.main-text:visited { color: #F8FE98; /* 連結文字的顏色 */ text-decoration: none; /* 連結文字的樣式 */ } #content a.main-text:hover { color: #B7FE98; /* 滑鼠移到上面時的連結文字顏色 */ } /* -------------- 【個人相簿】 ------------- */ /* 相簿樣式 */ .photo_album { width: 140px; /* 寬度 */ height: 140px; /* 高度 */ text-align: center; /* 相片水平居中 */ vertical-align: middle; /* 相片垂直居中 */ background: url(https://g.udn.com/community/img/user_all/photo_album.gif) no-repeat; /* 背景圖 */ } #photo_album_list { list-style: none; /* 條列式樣式:無 */ margin: 0px; /* 邊界的間距 */ padding: 0px; /* 內距 */ } #photo_album_list li { margin: auto; padding: 5px 20px; /* 相框間距 */ display: inline; /* 橫式排列 */ float: left; /* 靠左浮動定位 */ width: 140px; /* 給標題折行用,須與相簿框一樣寬 */ height: 280px; /* 調適標題高度 */ table-layout:fixed; /* 強制換行 */ word-wrap:break-word; /* 強制換行 */ word-break:keep-all; /* 強制換行 */ } /* 相片樣式 */ .photo_picture { width: 140px; /* 寬度 */ height: 144px; /* 高度 */ text-align: center; /* 相片水平居中 */ vertical-align: middle; /* 相片垂直居中 */ background: url(https://g.udn.com/community/img/user_all/photo_picture.gif) no-repeat; /* 背景圖 */ } #photo_picture_list { list-style: none; /* 條列式樣式:無 */ margin: 0px; /* 邊界的間距 */ padding: 0px; /* 內距 */ } #photo_picture_list li { margin: auto; /* 邊界的間距 */ padding: 5px 3px; /* 相框間距 */ display: inline; /* 橫式排列 */ float: left; /* 靠左浮動定位 */ width: 140px; /* 給標題折行用,須與相片框一樣寬 */ height: 240px; /* 調適標題高度 */ table-layout:fixed; /* 強制換行 */ word-wrap:break-word; /* 強制換行 */ word-break:keep-all; /* 強制換行 */ } /* -------------- 【訪客簿】 ------------- */ /* 回覆表頭區 */ .gbook-title { color:#810801; /* 文字顏色 */ background-color: #000000; /* 背景顏色 */ padding: 10px 10px 0px; /* 內距 */ } /* 回覆內容區 */ .gbook-content { color: #FFFFFF; /* 文字顏色 */ background-color: # padding: 5px 10px 5px; /* 內距 */ margin: 10px; /* 間距 */ } /* 回覆區塊背景 */ .gbook-bg { background-color: #000000; /* 背景顏色 */ } /* ---------- 【頁尾】 -------------- */ #footer { background: #000000; } 《↑反白複製到這...》
|
|
( 心情隨筆|其他 ) |