累積人次:
ＩＤ：lovesea暱稱：雨靈＊Yuling
生日：1992/02/14
地區：屏東縣
- tony8510:
借我溝 ... - 路人P:
BlogUpp可以用只... - rosaura:
首章，已經很精彩了... - gjoxumjo:
最後一段看不懂&myf... - joey:
妳這沒辦法使用右鍵 ...
之前為了做ＰｏｓｔＢａｎｎｅｒ，努力的找，中國結流蘇，找來找去就是只有一張德珍的，可是是藍色的，我要的是紅色呀──可是我懶了，加上很想改一改，然後，等我寫完舞伶，就換上新版面。（遙遠的願望呀ＸＤ）
新版面的靈感來自某位超厲害畫者的ＢＬＯＧ和慶光在禾馬發的新圖，不過想做那模樣的版面，恐怕得摸久一點ＣＳＳ，不過我很沒把握，哈哈哈（汗）。至於為什麼是寫完舞伶呢？嗯哼，不可言之ＸＤ。（被毆飛）
話題繞回來ＰｏｓｔＢａｎｎｅｒ上。
原本預定是紅色中國結配上紅色流蘇，因為找不到圖（我的圖源好像不很廣ＸＤ），還曾想過自己畫，不過想想還是作罷，我中國結畫得很生硬，流蘇就更不用說了，更何況是上彩，最最不可能做得好的就是上彩了（汗笑）。
最後呢，因為今天心情好，所以不管圖還沒找到，開始做啦。總之，做圖果然是要心情好時做呢。（←好爛的說法）
鵝黃微綠的小花是截自Ｂａｎｎｅｒ那張圖，紅粉色的牡丹是截自御香飄渺的廣告圖（愛存廣告圖是很好的呢，呵），其實我本來想流蘇配牡丹就好了，但因為圖裁的不好，加上有缺的地方我不會修（汗），所以就多裁那幾朵小花，呵呵。
然後為了讓ＰｏｓｔＢａｎｎｅｒ全貌現出，就調整了一下設定。
ＰｏｓｔＢａｎｎｅｒ的高度拉大，Ｔｉｔｔｌｅ往右拉，然後就出現了很大的空白呢。（大笑）
可是這樣另有意思吧。（←亂掰）
然後把背景弄掉，哈，全白背景，一開始有點不習慣，不過看著看著覺得很開心。
希望下次想改的版能讓我很順利，但是也要我能上彩成功才行呀──最最最困難的一點呀。
@charset utf-8;
/* --------------------------------------
* For All
* --------------------------------------
*/
/*拉霸設定 HTML{
SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #789ABB; SCROLLBAR-SHADOW-COLOR: #789ABB; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #789ABB; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}*/
A:link
{
COLOR: #844614; TEXT-DECORATION: none;
}
A:visited
{
COLOR: #844614; TEXT-DECORATION: none;
}
A:hover
{
COLOR: #333333; TEXT-DECORATION: none;
}
A:active
{
COLOR: #83B6DE; TEXT-DECORATION: none;
}
hr
{
COLOR: #DE7F4F; HEIGHT: 1px;
}
BODY
{
BACKGROUND: #ffffff url() repeat-x;
MARGIN: 0px; F
COLOR: #525C35;
FONT-FAMILY: Verdana, Arial, Georgia, Helvetica, sans-serif;
FONT-SIZE: 12px;
letter-spacing:0.05em;
}
A IMG
{
color:#CCCCCC;
BORDER-TOP-WIDTH: 0px ;
BORDER-LEFT-WIDTH: 0px ;
BORDER-BOTTOM-WIDTH: 0px ;
BORDER-RIGHT-WIDTH: 0px ;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
PADDING-TOP: 3px;
}
IMG.profile
{
BORDER-TOP-WIDTH: 0px;
BORDER-LEFT-WIDTH: 0px;
BORDER-BOTTOM-WIDTH: 0px;
MARGIN-BOTTOM: 5px;
BORDER-RIGHT-WIDTH: 0px;
}
/*#mainFrame｜部落格整體框架設定*/
#mainFrame {
BACKGROUND: url() repeat-y #ffffff;
MARGIN: 0px auto;
WIDTH: 960px;
POSITION: relative;
TEXT-ALIGN: right;
}
/* topbar */
#topbar{
height:30px;
padding: 5 55 5 5;
width: 100%;
font-size: 12px;
background-image: url();
background-repeat: repeat;
}
#topbar a:link, a:visited, a:hover, a:active{ color: #CB1C20; }
#companyBar {
position: relative;
top: 7px;
z-index: 10;
color: #999999;
width: 150px;
float: left;
padding-left: 30px;
}
#companyBar A
{
COLOR: #999999;
BACKGROUND: none transparent scroll repeat 0% 0%;
}
#companyBar SPAN.logo
{
display:none;
}
#companyBar A:link
{
COLOR: #999999;
TEXT-DECORATION: none;
}
#companyBar A:hover
{
COLOR: #1B5D7F
TEXT-DECORATION: none;
}
#adText
{
position: absolute;
top: 7px;
left: 250px;
}
#adText a
{
color: #CB1C20;
}
#commend{
width:200px;
float: right;
text-align: center;
color: #CB1C20;
}
#linkLogin {
float:right;
position: relative;
top: 7px;
display: block;
font: #fff;
padding-right: 65px;
}
#linkLogin A
{
COLOR: #615E5E;
BACKGROUND: none transparent scroll repeat 0% 0%;
}
#linkLogin A:link
{
COLOR: #333333;
TEXT-DECORATION: none;
}
#linkLogin A:visited
{
COLOR: #333333;
TEXT-DECORATION: none;
}
#linkLogin A:hover
{
COLOR: #000000;
TEXT-DECORATION: underline;
}
/* topbar end */
/* banner｜上方banner設定*/
#banner {
BORDER-LEFT: medium none;
WIDTH: 960px;
BORDER-BOTTOM: medium none;
HEIGHT: 450px;
background-color:;
background-image: url(http://i232.photobucket.com/albums/ee55/yfy2007/i047-1.png);
background-repeat: no-repeat;
background-position: right top;
}
#banner a:link{
color: #000000;
text-decoration: underline;
}
#banner a:visited {
color: #000000;
text-decoration: underline;
}
#banner a:hover{
color: #692C0E;
text-decoration: none;
}
#banner a:active {
color: #692C0E;
text-decoration: none;
}
h1 {
FONT-SIZE: 24px;
text-align:right;
left:511px;
WIDTH: 436px;
COLOR: #FFF;
FONT-FAMILY: Arial Black;
POSITION: absolute;
TOP: 207px;
LETTER-SPACING:0.03em;
LINE-HEIGHT: 120%;
height: 82px;
}
h1 A
{
COLOR: #000;
}
h2 {
FONT-SIZE: 13px;
WIDTH: 438px;
left:511px;
COLOR: #525252;
LINE-HEIGHT: 170%;
FONT-FAMILY: Georgia, Verdana,Helvetica, Arial,sans-serif;
POSITION: absolute;
TOP: 290px;
height: 59px;
background-position: bottom;
text-align: right;
vertical-align: bottom;
}
/* banner end */
/* navBar｜選擇頻道 */
#navBar
{
padding-LEFT: 25px;
WIDTH: 491px;
LETTER-SPACING: 0.1em;
POSITION: absolute;
TOP: 392px;
LINE-HEIGHT: 180%;
left: 433px;
color:#666666;
padding-top: 3px;
height: 68px;
}
{
padding-LEFT: 25px;
WIDTH: 600px;
LETTER-SPACING: 0.1em;
POSITION: absolute;
TOP: 288px;
LINE-HEIGHT: 180%;
left: 55px;
color:#666666;
padding-top: 3px;
}
#navBar A:link
{
color:#525252;
MARGIN-RIGHT: 0px;
PADDING-LEFT:5px;
PADDING-right:2px;
PADDING-top:3px;
PADDING-bottom:3px;
LETTER-SPACING: 4px;
}
#navBar A:visited
{
color:#525252;
MARGIN-RIGHT: 0px;
PADDING-LEFT:5px;
PADDING-right:2px;
PADDING-top:3px;
PADDING-bottom:3px;
LETTER-SPACING: 4px;
}
#navBar A:hover
{
MARGIN-RIGHT: 0px;
PADDING-LEFT:5px;
PADDING-right:2px;
PADDING-top:3px;
PADDING-bottom:3px;
LETTER-SPACING: 4px;
background-color:#000000;
color:#ffffff;
}
#navBar A:active
{
MARGIN-RIGHT: 0px;
PADDING-LEFT:5px;
PADDING-right:2px;
PADDING-top:3px;
PADDING-bottom:3px;
LETTER-SPACING: 4px;
color:#000000;
background-color:#000000;
text-align: right;
}
/* navBar end */
/* contentBlock｜中間大區塊設定 */
#contentBlock
{
BACKGROUND: url (http://pics.blog.yam.com/themes/2n_streetdance/images/bg-ps.gif) no-repeat;
WIDTH: 960px;
TEXT-ALIGN: left;
padding-top:0px;
height:100%;
}
/* MainSide ｜旁邊大區塊設定*/
#MainSide
{
BORDER-RIGHT: medium none;
PADDING-RIGHT: 20px;
BORDER-TOP: medium none;
margin-LEFT: 0px;
FONT-SIZE: 12px;
Z-INDEX: 2;
BORDER-LEFT: medium none;
WIDTH: 210px;
COLOR: #FF6600;
LINE-HEIGHT: 1.4em;
PADDING-top: 0px;
PADDING-bottom: 20px;
BORDER-BOTTOM: medium none;
float: right;
}
#MainSide A:link
{
COLOR: #666666; TEXT-DECORATION: underline;
}
#MainSide A:visited
{
COLOR: #666666; TEXT-DECORATION: underline;
}
#MainSide A:hover
{
COLOR: #ffffff; TEXT-DECORATION: none;background-color:#666666;
}
#MainSide A:active
{
COLOR: #ffffff; TEXT-DECORATION: none;background-color:#666666;
}
.sideColumn /*旁邊小區塊*/
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
BACKGROUND: none transparent scroll repeat 0% 0%;
MARGIN-BOTTOM: 0px;
BORDER-LEFT: medium none;
BORDER-BOTTOM: medium none;
LETTER-SPACING: 1px;
}
.sideTitle {
FONT-SIZE: 13px;
COLOR: #000000;
BACKGROUND: url() no-repeat left;
height: 20px;
MARGIN-BOTTOM: 0px;
PADDING-bottom: -12px;
LETTER-SPACING: 3px;
text-align:left;
FONT-WEIGHT: normal;
padding-top: 8px;
padding-left: 30px;
vertical-align: bottom;
}
.sideContent
{
PADDING-RIGHT: 7px;
PADDING-LEFT: 7px;
PADDING-BOTTOM: 20px;
COLOR: #9b9b9b;
LINE-HEIGHT: 18px;
PADDING-TOP: 7px;
FONT-FAMILY: Arial,sans-serif;
background-image: url();
background-repeat: no-repeat;
background-position: bottom;
}
/*行事曆*/
span.calendar
{
FONT-SIZE: 10px;
FONT-FAMILY: Verdana;
MARGIN-LEFT: 3px;
MARGIN-RIGHT: 3px;
TEXT-ALIGN: center;
}
span.calendar a
{
COLOR: #000000;
text-decoration:underline;
}
/*訂閱浮動視窗標題*/
#MainSide ul
{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
}
#navmenu LI
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 1px;
FLOAT: left;
PADDING-TOP: 2px;
POSITION: relative;
color:#f3f3f3;
}
#navmenu LI A
{
PADDING-RIGHT: 2px;
PADDING-LEFT: 1px;
FLOAT: left;
PADDING-TOP: 2px;
POSITION: relative;
}
#navmenu LI UL
{
DISPLAY: none;
LEFT: 0px;
COLOR: #818C92;
PADDING-TOP: 5px;
POSITION: absolute;
TOP: 1em;
}
#navmenu LI UL LI
{
CLEAR: left;
BACKGROUND: #e3e3e3;
WIDTH: 130px;
PADDING-TOP: 5px;
}
#navmenu LI UL LI A:link
{
COLOR: #525252;
text=-decoration:none;
}
#navmenu LI UL LI A:hover
{
COLOR: #ffffff;
text-decoration:underline;
}
#navmenu LI UL LI.title
{
BACKGROUND: #525252;
TEXT-ALIGN: center;
}
#navmenu LI:hover UL
{
DISPLAY: block;
}
/* 網誌頁面 */
#articleBlock
{
PADDING-LEFT: 2px;
PADDING-BOTTOM: 150px;
OVERFLOW: hidden;
WIDTH: 600px;
BORDER-TOP-STYLE: none;
LINE-HEIGHT: 1.7em;
BORDER-RIGHT-STYLE: none;
BORDER-LEFT-STYLE: none;
BORDER-BOTTOM-STYLE: none;
}
#articleBlock
{
LINE-HEIGHT: normal;
float: left;
padding-left: 25px;
width: 668px;
position: relative;
}
#articleBlock A:link
{
COLOR: #000000; TEXT-DECORATION: none;
}
#articleBlock A:visited
{
COLOR: #000000; TEXT-DECORATION: none;
}
#articleBlock A:hover
{
COLOR: #E95B1C; TEXT-DECORATION: none;
}
.post
{
MARGIN-BOTTOM: 20px;
BORDER-BOTTOM: #000 0px dotted;
BACKGROUND:no-repeat;
PADDING-TOP: 6px;
}
.post_title
{
PADDING-LEFT: 100px;
FONT-SIZE: 20px;
FONT-WEIGHT: bold;
COLOR: #333333;
LETTER-SPACING: 0px;
background-image: url(http://i232.photobucket.com/albums/ee55/yfy2007/post_banner2.gif);
background-repeat: no-repeat;
padding-top: 16px;
height: 150px;
padding-bottom: -8px;
}
.post_title A:link {
COLOR: #4E7EC0;
TEXT-DECORATION: none
}
.post_title A:hover {
COLOR: #364A6F;
TEXT-DECORATION: none
}
.post_date
{
MARGIN-LEFT: 500px;
FONT-WEIGHT: normal;
FONT-SIZE: 10px;
COLOR: #070202;
PADDING-TOP: 0px;
PADDING-BOTTOM: 0px;
TEXT-ALIGN: left;
FONT-FAMILY: Verdana;
LETTER-SPACING: 0px;
width:100px;
padding-left: 20px;
background-image: url();
background-repeat: no-repeat;
}
.post_time
{
PADDING-LEFT: 20px;
PADDING-top: 3px;
PADDING-bottom: 8px;
LINE-HEIGHT: 1.8em;
HEIGHT: 100%;
FONT-SIZE: 11px;
border: #DFDFDF 0px solid;
background-repeat: repeat-x;
background-position: left top;
}
.post_time A:link
{
color:#CB1C20;
text-decoration:none;
}
.post_time A:visited
{
color:#CB1C20;
text-decoration:none;
}
.cheer{
PADDING-LEFT: 15px;
PADDING-right: 15px;
PADDING-top: 6px;
PADDING-bottom: 6px;
LINE-HEIGHT: 1.8em;
HEIGHT: 100%;
FONT-SIZE: 13px;
border: #DFDFDF 0px solid;
background-image: url();
background-repeat: repeat-y;
}
.post_body{
float:left;
width: 100%;
}
.post_content {
PADDING-LEFT: 15px;
PADDING-top: 15px;
PADDING-bottom: 15px;
LINE-HEIGHT: 1.8em;
HEIGHT: 100%;
FONT-SIZE: 13px;
border: #DFDFDF 0px solid;
background-image: url();
}
.post_info {
FONT-SIZE: 11px;
BACKGROUND:url(http://pics.blog.yam.com/themes/2n_streetdance/images/a-t.gif) no-repeat left bottom;
height: 25px;
CLEAR: both;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 5px;
PADDING-TOP: 15px;
BORDER-BOTTOM: 0px solid;
TEXT-ALIGN:center;
}
.post_info A:link {
COLOR: #789ABB;
TEXT-DECORATION: none
}
.post_info A:visited {
COLOR: #78AEBB;
TEXT-DECORATION: none
}
.post_info A:hover {
COLOR: #31608C;
TEXT-DECORATION: none
}
.post_info A:active {
COLOR: #789ABB;
TEXT-DECORATION: none
}
.post_tail
{
}
input.text, textarea {
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
FONT-SIZE: 11px;
BACKGROUND: #f6f6f6 url(none) repeat scroll 0% 0%;
PADDING-BOTTOM: 2px;
COLOR: #333333;
PADDING-TOP: 2px;
FONT-FAMILY: Georgia, Verdana, Arial, serif;
border: 1px solid #f6f6f6;
}
form {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
COLOR: #666666;
PADDING-TOP: 0px;
FONT-FAMILY: georgia, verdana, arial;
}
select {
FONT-SIZE: 10px;
COLOR: #888;
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
input.btn {
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 1px;
PADDING-TOP: 1px;
FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif;
}
/* trackback 引用區塊 */
.trackback{
width:100%
}
.trackbackURL
{
BORDER-RIGHT: #789ABB 0px dotted;
PADDING-RIGHT: 5px;
BORDER-TOP: #789ABB 0px dotted;
MARGIN-TOP: 10px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 8px;
BORDER-LEFT: #789ABB 0px dotted;
PADDING-TOP: 5px;
BORDER-BOTTOM: #789ABB 0px dotted;
}
.trackbackTitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
padding-left: 15px;
padding-bottom: 6px;
}
.trackbackTitle a
{
COLOR: #800000;
}
.trackbackBody
{
FONT-SIZE: 12px;
padding-left: 15px;
padding-bottom: 6px;
}
.trackbackDate
{
FONT-SIZE: 12px;
padding-left: 15px;
padding-bottom: 6px;
}
span.trackbackBodyTitle
{
FONT-WEIGHT: bold;
COLOR: #404040;
}
/*留言文字區塊*/
.commentbody{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-SIZE: 11px;
PADDING-BOTTOM: 8px;
PADDING-TOP: 8px;
}
.blockquote{
PADDING-LEFT: 25px;
PADDING-top: 15px;
color:#D00000;
background:#eee; border:0
}
.commentNote
{
COLOR: #525252;
BORDER-BOTTOM: #789ABB 0px dotted;
TEXT-ALIGN: right;
font-size:11px;
background-repeat: repeat-x;
background-position: top;
}
.commentNote A
{
COLOR: #810F11;
text-decoration:underline;
}
.commentNote A:visited
{
COLOR: #810F11;
}
.post_commentbody{
PADDING-LEFT: 15px;
PADDING-right: 15px;
PADDING-top: 15px;
PADDING-bottom: 15px;
LINE-HEIGHT: 1.8em;
HEIGHT: 100%;
FONT-SIZE: 13px;
border: #FFF6E5 0px solid;
BACKGROUND:url() left top no-repeat;
}
span.highlight {
font-weight: normal;
color:#7C7C7C;
}
span.highlight a:link {
font-weight: bold;
color:#cb1c20;
border-bottom:1px solid #cb1c20;
}
.rightPage {
text-align:center;
margin-bottom: 10px;
}
/*rss訂閱頁*/
.rssmain{
padding-top:10px;
}
.rssbody{
height:auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #D0D0CF;
border-bottom-color: #D0D0CF;
border-left-color: #D0D0CF;
margin-top: 0px;
position: relative;
width: 98%;
padding-left: 10px;
}
.rssmenu
{
color: #a66;
font-size: 16px;
font-weight: bold;
line-height: 30px;
text-align: center;
}
.rss{
width:98%;
position: relative;
}
.rss_content{
margin-top:10px;
}
.rss_content ul{
margin-left:10px;
}
.rss_title, .rss_content {
width:97%;
}
.rssphoto{
width:110px;
height:110px;
float: left;
}
.rss_view {
margin:10px;
margin-left:30px;
border: 1px solid #CCCCCC;
padding: 5px;
}
.rss_view ul{
list-style-type:none;
}
.rss_view img{
border:1px solid #cccccc;
}
/* 個人資料 Profile */
#profile
{
MARGIN-BOTTOM: 10px;
COLOR: #666666;
BACKGROUND:url();
}
#profile table
{
WIDTH: 100%;
font-size:13px;
PADDING-LEFT: 10px;
PADDING-BOTTOM: 25px;
}
.th_title
{
PADDING-RIGHT: 5px;
PADDING-LEFT: 5px;
FONT-WEIGHT: normal;
PADDING-BOTTOM: 5px;
WIDTH: 90px;
COLOR: #666666;
PADDING-TOP: 5px;
TEXT-ALIGN: center;
border-bottom:1px dotted #e8e8e8;
}
.td_desc
{
COLOR: #333333;
border-bottom:1px dotted #e8e8e8;
}
.profile_title
{
CLEAR: both;
PADDING-LEFT: 16px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
BACKGROUND: #EFF8D2;
WIDTH: 650px;
COLOR: #333333;
LINE-HEIGHT: 140%;
margin-top:10px;
PADDING-TOP: 3px;
margin-BOTTOM: 10px;
LETTER-SPACING:0.08em;
}
.introduce
{
PADDING-LEFT: 33px;
COLOR: #ffffff;
LINE-HEIGHT: 22px;
font-size:13px;
PADDING-BOTTOM: 30px;
}
/*頁數選擇*/
.pageCtrl{
width: 98%;
margin: 3px;
text-align: right;
padding-top: 2px;
padding-right: 30px;
padding-bottom: 2px;
float: left;
}
.pageCtrl ul{
margin: 0;
padding: 0;
text-align: right;
font-size: 10px;
}
.pageCtrl li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.pageCtrl a, .pageCtrl a:visited{
padding: 0 5px;
text-decoration: none;
color: #666;
}
.pageCtrl a:hover, .pageCtrl a:active{
color: #B4D3EA;
text-decoration:underline;
}
.pageCtrl li.currentpage{
font-weight: bold;
padding: 0 5px;
color: #B4D3EA;
}
.pageCtrl li.disablepage{
padding: 0 5px;
color: #57453E;
}
.pageCtrl li.nextpage{
font-weight: bold;
}
* html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{
margin-right: 5px;
padding-right: 0;
color: #78AEBB;
}
/*相簿首頁設定*/
#albumBlock
{
width: 710px;
text-align: left;
padding-bottom: 30px;
float: left;
padding-right: 20px;
}
#albumbody
{
}
h3
{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
COLOR: #525252;
LINE-HEIGHT: 30px;
LETTER-SPACING: 2px;
}
.album{
font-size: 11px;
color: #000;
text-align:center;
width:255px;
float: left;
height: 270px;
margin-left: 40px;
margin-top: 15px;
margin-right: 15px;
margin-bottom: 20px;
}
.albumimg {
height: 200px;
width:200px;
}
.albumList_title
{
FONT-SIZE: 12px;
WIDTH: 100%;
COLOR: #525252;
PADDING-TOP: 8px;
FONT-FAMILY: Georgia, Verdana, Arial, serif;
HEIGHT: 14px;
TEXT-ALIGN: center;
}
.albumList_date{
FONT-SIZE: 11px;
COLOR: #aaa;
PADDING-TOP: 5px;
FONT-FAMILY: Arial, Georgia, Verdana, serif;
}
.albumList_info{
}
.album IMG
{
BORDER:#cccccc 1px solid;
BACKGROUND: #fff;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
PADDING-TOP: 3px;
}
#albumList{
width:668px;
}
/*相簿內頁設定*/
#photobody{
}
.albumDesc{
color:#333333;
font-size:12px;
margin: 5px;
}
.albumCategory
{
FONT-SIZE: 12px;
PADDING-BOTTOM: 17px;
COLOR: #888;
LINE-HEIGHT: 150%;
LETTER-SPACING: 0.05em;
}
.photo{
text-align:center;
float: left;
height: 150px;
margin: 10px;
FONT-SIZE: 12px;
BACKGROUND: none transparent scroll repeat 0% 0%;
WIDTH: 125px;
COLOR: #666666;
TEXT-ALIGN: center;
}
.photo IMG
{
BORDER:#cccccc 1px solid;
BACKGROUND: #fff;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
PADDING-TOP: 3px;
}
.photoimg {
height: 100px;
width:100px;
}
.photoList_desc
{
width: 100%;
color: #F088A5;
height: 14px;
font-size: 13px;
text-align: center;
}
.albumview
{
text-align: right;
width: 665px;
}
/*相簿內頁設定 End*/
/*單一瀏覽頁面設定*/
.backindex{
float:right;
position: relative;
top: 7px;
display: block;
COLOR: #789ABB
padding-right: 10px;
}
#viewPicDiv {
width: 100%;
text-align: left;
position: relative;
border: 1px solid #000;
margin: 0px auto;
}
#viewPicDiv a:link, a:visited { color: #844614; text-decoration: none;}
#viewPicDiv a:hover, a:active { color: #844614; text-decoration: none;}
.viewalbumTitle{
FONT-WEIGHT: bold;
FONT-SIZE: 16px;
COLOR: #333333;
LINE-HEIGHT: 30px;
LETTER-SPACING: 2px;
padding-left: 20px;
}
.viewalbumTitle a:link, a:visited { color: #844614; text-decoration: none;}
.viewalbumTitle a:hover, a:active { color: #844614; text-decoration: underline;}
.photoviewTitle{
width: 100%;
color: #666;
height: 20px;
text-align: center;
float: left;
}
#photoViewbody{
text-align:center;
}
.album_pageCtrl{
padding: 2px;
width: 90%;
float: left;
margin: 10px 10px;
text-align: right;
}
.photoview
{
text-align: center;
width: 100%;
}
.photoview img {
border: 1px solid #333;
}
#photomsg{
padding-left:10px;
width: 960px;
margin-bottom: 20px;
}
.photomsg_title{
font-size: 18px;
font-weight: bold;
line-height: 30px;
color: #2e2e2e;
}
.photomsg_comment{
font-size:13px;
padding: 8px 0 8px 0;
}
.photomsg_Body
{
font-size:13px;
line-height: 22px;
}
.photomsg_info
{
color: #999;
text-align: right;
border-bottom: 1px dotted #e5e5e5;
}
.photoviewDesc{
width:100%;
}
table.photoList
{
margin-top: 20px;
margin-bottom: 20px;
}
td.photoList
{
color: blue;
height: 125px;
width: 125px;
font-size: 13px;
}
td.photoList img {
BORDER-RIGHT: #2e2e2e 0px solid;
BORDER-TOP: #2e2e2e 0px solid;
BORDER-LEFT: #2e2e2e 0px solid;
BORDER-BOTTOM: #2e2e2e 0px solid;
}
/*留言板設定*/
#imsg{
FONT-WEIGHT: bold;
FONT-SIZE: 15px;
TEXT-DECORATION: none;
BORDER-bottom: #789ABB 0px dotted;
LETTER-SPACING: 0.15em;
color:#FF961B;
BACKGROUND: none;
MARGIN:12PX;
width:100px;
text-align:center;
}
/*好友列表*/
.friendlist{
width:120px;
height:150px;
float:left;
margin:10px 5px;
padding:5px;
text-align:center;
}
.buddyicon{
color:#CCCCCC;
BORDER-TOP-WIDTH: 0px ;
BORDER-LEFT-WIDTH: 0px ;
BORDER-BOTTOM-WIDTH: 0px ;
BORDER-RIGHT-WIDTH: 0px ;
BACKGROUND: #fff;
PADDING-RIGHT: 3px;
PADDING-LEFT: 3px;
PADDING-BOTTOM: 3px;
PADDING-TOP: 3px;
}
.friend_dest{
float:left;
width: 98%;
padding-left: 10px;
}
.friend_select{
float:right;
display:block;
}
/*播客設定*/
#articleBlock2
{
line-height: 1.7em;
width: 698px;
padding-left: 20px;
overflow: hidden;
padding-bottom: 30px;
position: relative;
float:left;
}
/*頁籤設定*/
.shadetabs{
border-bottom: 1px solid #D0D0CF;
width: 668px;
}
.shadetabs ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: normal 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}
.shadetabs li{
display: inline;
margin: 0;
}
.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #D0D0CF;
color: #2d2b2b;
background: #f6f6f6 url();
}
.shadetabs li a:visited{
color: #2d2b2b;
}
.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}
.shadetabs li.selected{
color:#000000;
top: 1px;
}
.shadetabs li.selected a{ /*selected main tab style */
color:#000000;
background: #ffffff url();
border-bottom-color: white;
}
.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}
.mediamain{
padding-top:10px;
}
.mediabody{
height:auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #778;
border-bottom-color: #778;
border-left-color: #778;
margin-top: 0px;
position: relative;
width: 655px;
padding-left: 10px;
}
.medialist{
height:100%;
float: left;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
margin-bottom: 10px;
width: 100%;
padding-bottom: 10px;
}
.mediaimg{
padding: 5px;
}
.mediamdig{
display:block;
width: 60px;
float: left;
background-color: #e6e6e6;
border: 1px dotted #CCCCCC;
font-weight: bold;
}
.mediaid {
float: left;
margin: 0px 3px 10px 0px;
width: 150px;
text-align:center;
}
.mediacontent{
float: left;
margin: 0px 0px 10px 0px;
width: 100%;
height: auto;
}
.mediatitle{
padding: 5px;
}
.mediadesc{
width: 95%;
background-color: #EFF8D2;
padding: 5px;
float: left;
}
.mediainfo {
text-align:left;
padding: 5px;
float: left;
width: 60%;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
.mediamdy2{
text-align:left;
padding: 5px;
}
/*頁數選擇(RSS、media頁面共用)*/
.mediapageCtrl{
width: 98%;
text-align: right;
display: block;
padding-top: 8px;
padding-bottom: 8px;
}
.mediapageCtrl ul{
margin: 0;
padding: 0;
text-align: right;
font-size: 10px;
}
.mediapageCtrl li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}
.mediapageCtrl a, .pageCtrl a:visited{
padding: 0 5px;
text-decoration: none;
color: #666;
}
.mediapageCtrl a:hover, .pageCtrl a:active{
color: #57453E;
}
.mediapageCtrl li.currentpage{
font-weight: bold;
padding: 0 5px;
color: #000000;
}
.mediapageCtrl li.disablepage{
padding: 0 5px;
color: #57453E;
}
.mediapageCtrl li.nextpage{
font-weight: bold;
}
* html .mediapageCtrl li.currentpage, * html .mediapageCtrl li.disablepage{
margin-right: 5px;
padding-right: 0;
color: #990000;
}
/*我的俱樂部設定*/
.myclublist{
height:100%;
padding: 10px;
float: left;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
margin-bottom: 10px;
width: 630px;
}
.myclubimg{
padding: 5px;
width: 155px;
float: left;
}
.myclubid {
float: left;
margin: 0px 0px 10px 0px;
width: 630px;
height: auto;
}
.myclubinfo{
text-align:left;
padding: 5px;
float: left;
width: 70%;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #CCCCCC;
}
.myclubcontent{
width: 610px;
font-size: 12px;
float: left;
padding: 10px;
background-color: #EBF1F1;
}
.myclubtitle{
padding: 5px;
}
.myclubdesc{
padding: 5px;
}
.myclubdesch3 {
font-size: 14px;
color:#57453E;
}
.cletemp {display: inline-block;}
.clearboth {
clear:both;
}
/*Meaid rss*/
.mediarss{
margin:10px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999999;
padding-bottom: 5px;
height: 120px;
width: 95%;
}
.mediarss_ID{
text-align:center;
width:120px;
float: left;
}
.mediarss_view{
float: left;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #999999;
}
.mediarss_list{
text-align:center;
width:160px;
float: left;
}
/* --------------------- float fix ------------------------ */
.clx {
clear: both;
}
不知道還有沒有其他的顏色?
程的那個是蝴蝶，我的版子是昆蟲版面了 (大汗
靈的版真的很有古典味 (大心
要加油喔