CSS : A:link { COLOR: #ff99cc; TEXT-DECORATION: none; } A:visited { COLOR: #ff99cc; TEXT-DECORATION: none; } A:hover { COLOR: #000000; TEXT-DECORATION: none; } A:active { COLOR: #ff99cc; TEXT-DECORATION: none; } BODY { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BACKGROUND: url(images/.gif) #000000; MARGIN: 0px; BORDER-LEFT: medium none; COLOR: #ff99cc; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial, Helvetica, sans-serif; } A IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; } IMG.profile { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 5px; BORDER-RIGHT-WIDTH: 0px; } HR { COLOR: #e3eaff; HEIGHT: 1px; } DIV#mainFrame { BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 0px solid; BACKGROUND: url(http://pics.webs-tv.net/themes/alley52/images/bg1.jpg); MARGIN: 0px auto; BORDER-LEFT: #ccc 0px solid; WIDTH: 778px; BORDER-BOTTOM: #ccc 0px solid; POSITION: relative; TEXT-ALIGN: left; } DIV#banner { BORDER-RIGHT: medium none; BACKGROUND-POSITION: 0% 0%; BORDER-TOP: medium none; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(http://hk.geocities.com/hebe69s/sky_1.gif); BORDER-LEFT: medium none; WIDTH: 778px; COLOR: #574948; BORDER-BOTTOM: #000 0px solid; BACKGROUND-REPEAT: no-repeat; HEIGHT: 500px; } DIV#companyBar { BORDER-RIGHT: medium none; BORDER-TOP: medium none; Z-INDEX: 10; RIGHT: 10px; LEFT: 665px; BORDER-LEFT: medium none; WIDTH: 135px; COLOR: #fff; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 8px; } #companyBar SPAN.logo { BACKGROUND: url(../../images/logo_b.gif) no-repeat; LEFT: -24px; WIDTH: 19px; COLOR: #fff; POSITION: absolute; TOP: 3px; HEIGHT: 12px; } DIV#companyBar A:link { COLOR: #ffffff; TEXT-DECORATION: none; } DIV#companyBar A:visited { COLOR: #ffffff; TEXT-DECORATION: none; } DIV#companyBar A:hover { COLOR: #ffffff; TEXT-DECORATION: none; } DIV#companyBar A:active { COLOR: #ffffff; TEXT-DECORATION: none; } #banner DIV.bannerTitle { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: bold; FONT-SIZE: 26px; RIGHT: 450px; BORDER-LEFT: medium none; WIDTH: 421px; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 370px; TEXT-ALIGN: right; } #banner DIV.description { BORDER-RIGHT: medium none; BORDER-TOP: medium none; RIGHT: 500px; BORDER-LEFT: medium none; WIDTH: 388px; COLOR: #ff99cc; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 400px; TEXT-ALIGN: right; } #adText { BORDER-RIGHT: medium none; BORDER-TOP: medium none; LEFT: 3px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 8px; } #adText A { COLOR: #ffffff; } #navBar { BORDER-RIGHT: medium none; BORDER-TOP: medium none; LEFT: 20px; BORDER-LEFT: medium none; LINE-HEIGHT: 19px; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 450px; } #linkLogin { DISPLAY: block; LEFT: -589px; FLOAT: right; MARGIN-LEFT: 590px; POSITION: absolute; TOP: -20px; } #navBar A:link { COLOR: #ff99cc; TEXT-DECORATION: none; } #navBar A:visited { COLOR: #ff99cc; TEXT-DECORATION: none; } #navBar A:hover { COLOR: #ff99cc; TEXT-DECORATION: none; } #navBar A:active { COLOR: #ff99cc; TEXT-DECORATION: none; } #navBar SPAN.navLink { COLOR: #000000; MARGIN-RIGHT: 5px; } #contentBlock { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: #000000; BORDER-LEFT: medium none; WIDTH: 778px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left; } #contentBlock2 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; WIDTH: 758px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left; } #sideBlock { BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 10px; Z-INDEX: 2; FLOAT: right; BORDER-LEFT: medium none; WIDTH: 190px; COLOR: #ff99cc; LINE-HEIGHT: 1.4em; BORDER-BOTTOM: medium none; } #sideBlock A:link { COLOR: #ff99cc; TEXT-DECORATION: none; } #sideBlock A:visited { COLOR: #ff99cc; TEXT-DECORATION: none; } #sideBlock A:hover { COLOR: #ff99cc; } #sideBlock A:active { COLOR: #ff99cc; } #sideBlock DIV.sideColumn { BACKGROUND-IMAGE: none; MARGIN-BOTTOM: 10px; LETTER-SPACING: 1px; } #sideBlock DIV.sideTitle { BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: medium none; PADDING-LEFT: 32px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 14px; BACKGROUND: url(http://hk.geocities.com/hebe69s/sky_5.gif); BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 4px; COLOR: #ff99cc; PADDING-TOP: 9px; LETTER-SPACING: 3px; } #sideBlock SPAN.sideTitle { PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(http://pics.webs-tv.net/themes/alley52/images/title2.jpg); PADDING-BOTTOM: 4px; COLOR: #4ea9e5; PADDING-TOP: 10px; LETTER-SPACING: 3px; } #contentBlock DIV.sideContent { BORDER-RIGHT: medium none; PADDING-RIGHT: 7px; BORDER-TOP: medium none; PADDING-LEFT: 7px; BORDER-LEFT-WIDTH: 1px; PADDING-BOTTOM: 7px; LINE-HEIGHT: 18px; PADDING-TOP: 7px; BORDER-BOTTOM: medium none; } DIV#mainFrame2 { BORDER-RIGHT: #e3eaff 1px solid; BORDER-TOP: #e3eaff 1px solid; BACKGROUND: url(images/bg_contentblock.gif) #fff; MARGIN: 25px auto; BORDER-LEFT: #e3eaff 1px solid; WIDTH: 778px; BORDER-BOTTOM: #e3eaff 1px solid; POSITION: relative; TEXT-ALIGN: left; } #mainFrame2 #companyBar { LEFT: 635px; COLOR: #3366cc; TOP: -20px; } #mainFrame2 #companyBar A { LEFT: 635px; COLOR: #3366cc; TOP: -20px; } #mainFrame2 SPAN.cbar { FLOAT: right; } #mainFrame2 SPAN.backMenu { RIGHT: 655px; WIDTH: 110px; POSITION: absolute; TOP: 0px; } DIV.pageCtrl { DISPLAY: block; FONT-SIZE: 12px; MARGIN-RIGHT: 20px; TEXT-ALIGN: right; } SPAN.pageCtrl { DISPLAY: block; FONT-SIZE: 12px; MARGIN-RIGHT: 20px; TEXT-ALIGN: right; } #adFrame { WIDTH: 150px; POSITION: absolute; TOP: 480px; TEXT-ALIGN: left; } #bodyFrame { BACKGROUND: url(images/bean.jpg) no-repeat left bottom; LEFT: 155px; PADDING-BOTTOM: 250px; WIDTH: 410px; POSITION: relative; TEXT-ALIGN: left; } #bodyFrame TABLE.albumList { MARGIN-TOP: 10px; } #bodyFrame TD.albumList { FONT-SIZE: 13px; WIDTH: 200px; HEIGHT: 180px; TEXT-ALIGN: center; } TD.albumList IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } #bodyFrame TD.description { PADDING-BOTTOM: 20px; LINE-HEIGHT: 1.4em; BORDER-BOTTOM: #a9cae9 1px dotted; } #bodyFrame DIV.albumTitle { WIDTH: 100%; COLOR: #99ccff; HEIGHT: 14px; TEXT-ALIGN: center; } #bodyFrame DIV.date { COLOR: #99ccff; } #adFrame DIV.rightColumn { MARGIN: 7px 1px 0px; LETTER-SPACING: 1px; } #adFrame DIV.rightTitle { PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 4px; COLOR: #57453e; PADDING-TOP: 10px; LETTER-SPACING: 3px; } #adFrame DIV.rightContent { PADDING-RIGHT: 7px; PADDING-LEFT: 10px; PADDING-BOTTOM: 7px; LINE-HEIGHT: 18px; PADDING-TOP: 7px; } #rightBlock { BACKGROUND: url(images/bean.jpg) no-repeat left bottom; PADDING-BOTTOM: 200px; MARGIN: 2px 2px 2px 15px; OVERFLOW: hidden; WIDTH: 550px; HEIGHT: 100%; TEXT-ALIGN: left; } DIV.usersAlbumTitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #2e2e2e; LINE-HEIGHT: 30px; LETTER-SPACING: 2px; } SPAN.usersAlbumTitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #2e2e2e; LINE-HEIGHT: 30px; LETTER-SPACING: 2px; } DIV.usersAlbumTitle A:link { COLOR: #c93; } DIV.bigNote { COLOR: #aaa; } TD.albumShow { WIDTH: 125px; COLOR: #2e2e2e; HEIGHT: 120px; TEXT-ALIGN: center; } TD.albumShow IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } TD.albumDes { WIDTH: 125px; COLOR: #808080; BORDER-BOTTOM: #e5e5e5 1px dotted; TEXT-ALIGN: center; } .statistic { TEXT-ALIGN: right; } DIV.albumTitle { FONT-SIZE: 13px; WIDTH: 100%; COLOR: #77aede; HEIGHT: 14px; TEXT-ALIGN: center; } DIV.albumPhoto { TEXT-ALIGN: center; } DIV.albumPhoto IMG { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; BORDER-LEFT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; } TABLE.albumCache { MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px; } TD.albumCache { FONT-SIZE: 13px; WIDTH: 125px; COLOR: blue; HEIGHT: 125px; } TD.albumCache IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } DIV.imageBody { FONT-SIZE: 13px; LINE-HEIGHT: 22px; } DIV.commentBody { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; } DIV.secretMsg { PADDING-LEFT: 16px; FONT-SIZE: 15px; COLOR: red; } DIV.commentNote { COLOR: #999; BORDER-BOTTOM: #e5e5e5 1px dotted; TEXT-ALIGN: right; } DIV.albumMenu { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #77aede; LINE-HEIGHT: 30px; } DIV#articleBlock { BORDER-RIGHT: medium none; BACKGROUND-POSITION: right bottom; BORDER-TOP: medium none; PADDING-LEFT: 9px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(http://hk.geocities.com/hebe69s/sky_4.gif); PADDING-BOTTOM: 190px; OVERFLOW: hidden; BORDER-LEFT: medium none; WIDTH: 560px; LINE-HEIGHT: 1.7em; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: no-repeat; } #articleBlock FONT { LINE-HEIGHT: normal; } #articleBlock DIV.childMenu { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #999; LINE-HEIGHT: 30px; } DIV.articleTop { ; } DIV.articleColumn { BORDER-BOTTOM: #a9cae9 1px dotted; } TABLE.articleColumn { BORDER-BOTTOM: #a9cae9 1px dotted; } DIV.articleColumn TABLE { ; } TD.MsgContent { ; } DIV.articleTitle { CLEAR: both; BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 0% 0%; BORDER-TOP: medium none; PADDING-LEFT: 45px; FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(http://hk.geocities.com/hebe69s/sky_3.gif); PADDING-BOTTOM: 10px; BORDER-LEFT: medium none; PADDING-TOP: 10px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: repeat; } DIV.articleTitle A:link { COLOR: #ff99cc; TEXT-DECORATION: none; } DIV.articleTitle A:visited { COLOR: #ff99cc; TEXT-DECORATION: none; } DIV.articleTitle A:hover { COLOR: #ff99cc; } DIV.articleTitle A:active { COLOR: #ff99cc; } DIV.menuTitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #a66; LINE-HEIGHT: 30px; } DIV.articleCategory { BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-BOTTOM: 3px; MARGIN-LEFT: 5px; BORDER-LEFT: medium none; COLOR: #ff99cc; BORDER-BOTTOM: #e3e3e3 0px dotted; } DIV.articleBody { PADDING-LEFT: 8px; FONT-SIZE: 15px; LINE-HEIGHT: 1.6em; HEIGHT: 100%; } .articleBody FONT { ; } DIV.articleSummary { BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 8px; BACKGROUND-IMAGE: none; BORDER-LEFT: medium none; COLOR: #ff99cc; BORDER-BOTTOM: medium none; HEIGHT: 100%; BACKGROUND-COLOR: #000000; } .articleSummary FONT { ; } DIV.articleInfo { FONT-SIZE: 13px; } DIV.articleLink { CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #5396db 1px dotted; TEXT-ALIGN: right; } DIV.articleTail { ; } #articleBlock DIV.trackbackURL { BORDER-RIGHT: #a0a0a0 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px dotted; MARGIN-TOP: 10px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #a0a0a0 1px dotted; PADDING-TOP: 5px; BORDER-BOTTOM: #a0a0a0 1px dotted; } #articleBlock DIV.trackbackTitle { FONT-WEIGHT: bold; FONT-SIZE: 13px; } #articleBlock DIV.trackbackTitle A { COLOR: #800000; } #articleBlock DIV.trackbackBody { FONT-SIZE: 13px; } #articleBlock SPAN.trackbackBodyTitle { FONT-WEIGHT: bold; COLOR: #404040; } DIV#copyright { CLEAR: both; PADDING-RIGHT: 8px; BORDER-TOP: #bbd7ef 1px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/.jpg); PADDING-BOTTOM: 8px; COLOR: #ff99cc; PADDING-TOP: 8px; LETTER-SPACING: 0.15em; TEXT-ALIGN: center; } DIV#copyright IMG { MARGIN-LEFT: 16px; MARGIN-RIGHT: 2px; } SPAN.highlight { FONT-WEIGHT: bold; } DIV.rightPage { MARGIN-BOTTOM: 10px; TEXT-ALIGN: center; } #articleBlock DIV.articleTopTitle { FONT-SIZE: 18px; COLOR: #6c6063; FONT-FAMILY: georgia, verdana, arial; } FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } SELECT { FONT-SIZE: 12px; COLOR: #888; FONT-FAMILY: sans-serif, arial; } INPUT.btn { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT-FAMILY: sans-serif, arial; } INPUT.text { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: #eee; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: arial, ?s?ө?sans-serif; } TEXTAREA { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: #eee; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: arial, ?s?ө?sans-serif; } H2 { MARGIN-BOTTOM: 0px; } SPAN.calendar { MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; TEXT-ALIGN: center; } SPAN.calendar A { ; } TABLE.album { MARGIN-TOP: 10px; FONT-SIZE: 12px; MARGIN-BOTTOM: 20px; TEXT-ALIGN: center; } TD.album { WIDTH: 200px; HEIGHT: 120px; } TD.album IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } TABLE.album TD.description { WIDTH: 200px; } #sideBlock 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; } #navmenu LI A { PADDING-RIGHT: 2px; PADDING-LEFT: 1px; FLOAT: left; PADDING-TOP: 2px; POSITION: relative; } #navmenu LI UL { DISPLAY: none; LEFT: 0px; COLOR: #444; PADDING-TOP: 5px; POSITION: absolute; TOP: 1em; } #navmenu LI UL LI { CLEAR: left; BACKGROUND: #ffffff; WIDTH: 130px; PADDING-TOP: 5px; } #navmenu LI UL LI A:hover { BACKGROUND: #3177e7; COLOR: #ffffff; } #navmenu LI UL LI.title { BACKGROUND: #ccc; TEXT-ALIGN: center; } #navmenu LI:hover UL { DISPLAY: block; } #navmenu LI.over UL { DISPLAY: block; } #articleBlock DIV#profile { MARGIN-BOTTOM: 100px; } #articleBlock #profile TABLE { WIDTH: 100%; } #articleBlock #profile TH { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; WIDTH: 90px; PADDING-TOP: 5px; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center; } #articleBlock #profile TD { ; } #articleBlock #profile DIV.title { BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 26px; BORDER-TOP: #bbb 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 26px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #bbb 1px solid; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #ddd; } #articleBlock #profile DIV.introduce { LINE-HEIGHT: 22px; } #articleBlock TABLE.reply { MARGIN-LEFT: 15px; } #articleBlock TH { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; WIDTH: 80px; PADDING-TOP: 5px; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center; } #popular2 { FONT-SIZE: 12px; } #popular2 TABLE { WIDTH: 100%; } #popular2 H2 { PADDING-RIGHT: 3px; PADDING-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/period_bg.gif) no-repeat; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } #popular2 #todayPop TH { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #totalPop TH { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #todayPop TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #totalPop TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular TD { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular TH { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular INPUT { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular A:link { TEXT-DECORATION: none; } #popular A:visited { TEXT-DECORATION: none; } #popular A:hover { TEXT-DECORATION: none; } #popular A:active { TEXT-DECORATION: none; } #popular H2 { MARGIN-TOP: 10px; FONT-SIZE: 16px; MARGIN-LEFT: 10px; BORDER-BOTTOM: black 2px solid; } #popular SPAN.rank { MARGIN-LEFT: 260px; } #popular #popNav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnav_bg.gif) repeat-x 50% bottom; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; } #popular #popNav LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavl.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: auto; } #popular #popNav A { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavr.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } #popular #popNav .current { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavl_current.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; } #popular #popNav .current A { BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavr_current.gif) no-repeat right top; PADDING-BOTTOM: 1px; COLOR: #596ac4; } #popular #popBody { CLEAR: left; BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 14px; BORDER-TOP: #b2b2b2 0px solid; PADDING-LEFT: 14px; PADDING-BOTTOM: 14px; BORDER-LEFT: #b2b2b2 1px solid; PADDING-TOP: 14px; BORDER-BOTTOM: #b2b2b2 1px solid; } #popular #periodLink { PADDING-RIGHT: 6px; PADDING-LEFT: 30px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/period_bg.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 3px; WORD-SPACING: 3px; PADDING-TOP: 3px; } #popular #periodLink A { COLOR: #3c3c3c; } #popular #periodLink A.current { COLOR: #556bc1; } #popular #vsBar { BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #b2b2b2 0px solid; PADDING-LEFT: 8px; BACKGROUND: #efefef; PADDING-BOTTOM: 8px; BORDER-LEFT: #b2b2b2 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #b2b2b2 1px solid; TEXT-ALIGN: center; } A { COLOR: #ff99cc; } DIV.articleTitle A { COLOR: #ff99cc; } #navBar #linkLogin { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; TOP: -16px; } #navBar #linkLogin A { COLOR: #ff99cc; } #navBar #linkLogin A:link { COLOR: #ff99cc; } #navBar #linkLogin A:visited { COLOR: #ff99cc; } #navBar #linkLogin A:active { COLOR: #ff99cc; } #navBar #linkLogin A:hover { COLOR: #ff99cc; } #navBar A { COLOR: #ff99cc; } #banner DIV.bannerTitle A { COLOR: #ff99cc; } DIV#companyBar A { COLOR: #ffffff; } #adText A:link { COLOR: #ffffff; } #adText A:visited { COLOR: #ffffff; } #adText A:active { COLOR: #ffffff; } #adText A:hover { COLOR: #ffffff; } #sideBlock A { COLOR: #ff99cc; } DIV#copyright A { COLOR: #ff99cc; } DIV#copyright A:link { COLOR: #ff99cc; } DIV#copyright A:visited { COLOR: #ff99cc; } DIV#copyright A:active { COLOR: #ff99cc; } DIV#copyright A:hover { COLOR: #ff99cc; } body{cursor:url("http://hk.geocities.com/hebe69s/sky.ani")} a:hover{cursor:url("http://hk.geocities.com/hebe69s/sky_go.ani")}
<< 歡度耶誕 樣式
css : @charset "utf-8"; A:link { COLOR: #ff9900; TEXT-DECORATION: none; } A:visited { COLOR: #ff9900; TEXT-DECORATION: none; } A:hover { COLOR: #3399cc; TEXT-DECORATION: none; } A:active { COLOR: #ff9900; TEXT-DECORATION: none; } BODY { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BACKGROUND: url(images/.gif) #fcb325; MARGIN: 0px; BORDER-LEFT: medium none; COLOR: #000000; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial, Helvetica, sans-serif; } A IMG { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; } IMG.profile { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-BOTTOM: 5px; BORDER-RIGHT-WIDTH: 0px; } HR { COLOR: #e3eaff; HEIGHT: 1px; } DIV#mainFrame { BORDER-RIGHT: #ccc 0px solid; BORDER-TOP: #ccc 0px solid; BACKGROUND: url(http://pics.webs-tv.net/themes/alley52/images/bg1.jpg) #ffffff; MARGIN: 0px auto; BORDER-LEFT: #ccc 0px solid; WIDTH: 778px; BORDER-BOTTOM: #ccc 0px solid; POSITION: relative; TEXT-ALIGN: left; } DIV#banner { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: url(http://hk.geocities.com/hebe69s/christmas_1.gif) no-repeat; BORDER-LEFT: medium none; WIDTH: 778px; COLOR: #574948; BORDER-BOTTOM: #000 0px solid; HEIGHT: 500px; } DIV#companyBar { BORDER-RIGHT: medium none; BORDER-TOP: medium none; Z-INDEX: 10; RIGHT: 10px; LEFT: 665px; BORDER-LEFT: medium none; WIDTH: 135px; COLOR: #fff; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 8px; } #companyBar SPAN.logo { BACKGROUND: url(../../images/logo_b.gif) no-repeat; LEFT: -24px; WIDTH: 19px; COLOR: #fff; POSITION: absolute; TOP: 3px; HEIGHT: 12px; } DIV#companyBar A:link { COLOR: #ffffff; TEXT-DECORATION: none; } DIV#companyBar A:visited { COLOR: #ffffff; TEXT-DECORATION: none; } DIV#companyBar A:hover { COLOR: #ffffff; TEXT-DECORATION: none; } DIV#companyBar A:active { COLOR: #ffffff; TEXT-DECORATION: none; } #banner DIV.bannerTitle { BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: bold; FONT-SIZE: 25px; LEFT: 250px; BORDER-LEFT: medium none; WIDTH: 500px; COLOR: #fc0000; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 100px; TEXT-ALIGN: right; } #banner DIV.description { BORDER-RIGHT: medium none; BORDER-TOP: medium none; RIGHT: 20px; LEFT: 5px; BORDER-LEFT: medium none; WIDTH: 310px; COLOR: #fc0000; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 10px; TEXT-ALIGN: right; } #adText { BORDER-RIGHT: medium none; BORDER-TOP: medium none; LEFT: 3px; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 8px; } #adText A { COLOR: #ffffff; } #navBar { BORDER-RIGHT: medium none; BORDER-TOP: medium none; LEFT: 20px; BORDER-LEFT: medium none; LINE-HEIGHT: 19px; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 450px; } #linkLogin { DISPLAY: block; LEFT: -589px; FLOAT: right; MARGIN-LEFT: 590px; POSITION: absolute; TOP: -20px; } #navBar A:link { COLOR: #ffffff; TEXT-DECORATION: none; } #navBar A:visited { COLOR: #ffffff; TEXT-DECORATION: none; } #navBar A:hover { COLOR: #ffffff; TEXT-DECORATION: none; } #navBar A:active { COLOR: #ffffff; TEXT-DECORATION: none; } #navBar SPAN.navLink { COLOR: #000000; MARGIN-RIGHT: 5px; } #contentBlock { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BACKGROUND: url(images/bg_contentblock.gif); BORDER-LEFT: medium none; WIDTH: 778px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left; } #contentBlock2 { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; WIDTH: 758px; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: left; } #sideBlock { BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-LEFT: 10px; Z-INDEX: 2; FLOAT: right; BORDER-LEFT: medium none; WIDTH: 190px; COLOR: #999999; LINE-HEIGHT: 1.4em; BORDER-BOTTOM: medium none; } #sideBlock A:link { COLOR: #5396db; TEXT-DECORATION: none; } #sideBlock A:visited { COLOR: #5396db; TEXT-DECORATION: none; } #sideBlock A:hover { COLOR: #a9cae9; } #sideBlock A:active { COLOR: #a9cae9; } #sideBlock DIV.sideColumn { BACKGROUND-IMAGE: none; MARGIN-BOTTOM: 10px; LETTER-SPACING: 1px; } #sideBlock DIV.sideTitle { BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: medium none; PADDING-LEFT: 32px; FONT-WEIGHT: bold; BORDER-LEFT-WIDTH: 1px; FONT-SIZE: 14px; BACKGROUND: url(http://pics9.blog.yam.com/7/userfile/s/susan10095/album/14746eebcf33de.gif); BORDER-BOTTOM-WIDTH: 1px; PADDING-BOTTOM: 4px; COLOR: #ff9933; PADDING-TOP: 9px; LETTER-SPACING: 3px; } #sideBlock SPAN.sideTitle { PADDING-LEFT: 35px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(http://pics.webs-tv.net/themes/alley52/images/title2.jpg); PADDING-BOTTOM: 4px; COLOR: #4ea9e5; PADDING-TOP: 10px; LETTER-SPACING: 3px; } #contentBlock DIV.sideContent { BORDER-RIGHT: medium none; PADDING-RIGHT: 7px; BORDER-TOP: medium none; PADDING-LEFT: 7px; BORDER-LEFT-WIDTH: 1px; PADDING-BOTTOM: 7px; LINE-HEIGHT: 18px; PADDING-TOP: 7px; BORDER-BOTTOM: medium none; } DIV#mainFrame2 { BORDER-RIGHT: #e3eaff 1px solid; BORDER-TOP: #e3eaff 1px solid; BACKGROUND: url(images/bg_contentblock.gif) #fff; MARGIN: 25px auto; BORDER-LEFT: #e3eaff 1px solid; WIDTH: 778px; BORDER-BOTTOM: #e3eaff 1px solid; POSITION: relative; TEXT-ALIGN: left; } #mainFrame2 #companyBar { LEFT: 635px; COLOR: #3366cc; TOP: -20px; } #mainFrame2 #companyBar A { LEFT: 635px; COLOR: #3366cc; TOP: -20px; } #mainFrame2 SPAN.cbar { FLOAT: right; } #mainFrame2 SPAN.backMenu { RIGHT: 655px; WIDTH: 110px; POSITION: absolute; TOP: 0px; } DIV.pageCtrl { DISPLAY: block; FONT-SIZE: 12px; MARGIN-RIGHT: 20px; TEXT-ALIGN: right; } SPAN.pageCtrl { DISPLAY: block; FONT-SIZE: 12px; MARGIN-RIGHT: 20px; TEXT-ALIGN: right; } #adFrame { WIDTH: 150px; POSITION: absolute; TOP: 480px; TEXT-ALIGN: left; } #bodyFrame { BACKGROUND: url(images/bean.jpg) no-repeat left bottom; LEFT: 155px; PADDING-BOTTOM: 250px; WIDTH: 410px; POSITION: relative; TEXT-ALIGN: left; } #bodyFrame TABLE.albumList { MARGIN-TOP: 10px; } #bodyFrame TD.albumList { FONT-SIZE: 13px; WIDTH: 200px; HEIGHT: 180px; TEXT-ALIGN: center; } TD.albumList IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } #bodyFrame TD.description { PADDING-BOTTOM: 20px; LINE-HEIGHT: 1.4em; BORDER-BOTTOM: #a9cae9 1px dotted; } #bodyFrame DIV.albumTitle { WIDTH: 100%; COLOR: #99ccff; HEIGHT: 14px; TEXT-ALIGN: center; } #bodyFrame DIV.date { COLOR: #99ccff; } #adFrame DIV.rightColumn { MARGIN: 7px 1px 0px; LETTER-SPACING: 1px; } #adFrame DIV.rightTitle { PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 4px; COLOR: #57453e; PADDING-TOP: 10px; LETTER-SPACING: 3px; } #adFrame DIV.rightContent { PADDING-RIGHT: 7px; PADDING-LEFT: 10px; PADDING-BOTTOM: 7px; LINE-HEIGHT: 18px; PADDING-TOP: 7px; } #rightBlock { BACKGROUND: url(images/bean.jpg) no-repeat left bottom; PADDING-BOTTOM: 200px; MARGIN: 2px 2px 2px 15px; OVERFLOW: hidden; WIDTH: 550px; HEIGHT: 100%; TEXT-ALIGN: left; } DIV.usersAlbumTitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #2e2e2e; LINE-HEIGHT: 30px; LETTER-SPACING: 2px; } SPAN.usersAlbumTitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #2e2e2e; LINE-HEIGHT: 30px; LETTER-SPACING: 2px; } DIV.usersAlbumTitle A:link { COLOR: #c93; } DIV.bigNote { COLOR: #aaa; } TD.albumShow { WIDTH: 125px; COLOR: #2e2e2e; HEIGHT: 120px; TEXT-ALIGN: center; } TD.albumShow IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } TD.albumDes { WIDTH: 125px; COLOR: #808080; BORDER-BOTTOM: #e5e5e5 1px dotted; TEXT-ALIGN: center; } .statistic { TEXT-ALIGN: right; } DIV.albumTitle { FONT-SIZE: 13px; WIDTH: 100%; COLOR: #77aede; HEIGHT: 14px; TEXT-ALIGN: center; } DIV.albumPhoto { TEXT-ALIGN: center; } DIV.albumPhoto IMG { BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; BORDER-LEFT: #333 1px solid; BORDER-BOTTOM: #333 1px solid; } TABLE.albumCache { MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px; } TD.albumCache { FONT-SIZE: 13px; WIDTH: 125px; COLOR: blue; HEIGHT: 125px; } TD.albumCache IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } DIV.imageBody { FONT-SIZE: 13px; LINE-HEIGHT: 22px; } DIV.commentBody { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px; } DIV.secretMsg { PADDING-LEFT: 16px; FONT-SIZE: 15px; COLOR: red; } DIV.commentNote { COLOR: #999; BORDER-BOTTOM: #e5e5e5 1px dotted; TEXT-ALIGN: right; } DIV.albumMenu { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #77aede; LINE-HEIGHT: 30px; } DIV#articleBlock { PADDING-LEFT: 9px; BACKGROUND: url(images/bean.jpg) repeat-y right top; PADDING-BOTTOM: 190px; OVERFLOW: hidden; WIDTH: 560px; LINE-HEIGHT: 1.7em; } #articleBlock FONT { LINE-HEIGHT: normal; } #articleBlock DIV.childMenu { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #999; LINE-HEIGHT: 30px; } DIV.articleTop { ; } DIV.articleColumn { BORDER-BOTTOM: #a9cae9 1px dotted; } TABLE.articleColumn { BORDER-BOTTOM: #a9cae9 1px dotted; } DIV.articleColumn TABLE { ; } TD.MsgContent { ; } DIV.articleTitle { CLEAR: both; BORDER-RIGHT: medium none; PADDING-RIGHT: 5px; BACKGROUND-POSITION: 0% 0%; BORDER-TOP: medium none; PADDING-LEFT: 45px; FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND-ATTACHMENT: scroll; BACKGROUND-IMAGE: url(http://pics9.blog.yam.com/7/userfile/s/susan10095/album/14746eefa52e62.gif); PADDING-BOTTOM: 10px; BORDER-LEFT: medium none; PADDING-TOP: 10px; BORDER-BOTTOM: medium none; BACKGROUND-REPEAT: repeat; } DIV.articleTitle A:link { COLOR: #ffffff; TEXT-DECORATION: none; } DIV.articleTitle A:visited { COLOR: #ffffff; TEXT-DECORATION: none; } DIV.articleTitle A:hover { COLOR: #ffffff; } DIV.articleTitle A:active { COLOR: #ffffff; } DIV.menuTitle { FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #a66; LINE-HEIGHT: 30px; } DIV.articleCategory { BORDER-RIGHT: medium none; BORDER-TOP: medium none; PADDING-BOTTOM: 3px; MARGIN-LEFT: 5px; BORDER-LEFT: medium none; COLOR: #808080; BORDER-BOTTOM: #e3e3e3 0px dotted; } DIV.articleBody { PADDING-LEFT: 8px; FONT-SIZE: 15px; LINE-HEIGHT: 1.6em; HEIGHT: 100%; } .articleBody FONT { ; } DIV.articleSummary { PADDING-LEFT: 8px; BACKGROUND-IMAGE: url(http://pics9.blog.yam.com/7/userfile/s/susan10095/album/14746f22b047e5.gif); HEIGHT: 100%; } .articleSummary FONT { ; } DIV.articleInfo { FONT-SIZE: 13px; } DIV.articleLink { CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #5396db 1px dotted; TEXT-ALIGN: right; } DIV.articleTail { ; } #articleBlock DIV.trackbackURL { BORDER-RIGHT: #a0a0a0 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px dotted; MARGIN-TOP: 10px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #a0a0a0 1px dotted; PADDING-TOP: 5px; BORDER-BOTTOM: #a0a0a0 1px dotted; } #articleBlock DIV.trackbackTitle { FONT-WEIGHT: bold; FONT-SIZE: 13px; } #articleBlock DIV.trackbackTitle A { COLOR: #800000; } #articleBlock DIV.trackbackBody { FONT-SIZE: 13px; } #articleBlock SPAN.trackbackBodyTitle { FONT-WEIGHT: bold; COLOR: #404040; } DIV#copyright { CLEAR: both; PADDING-RIGHT: 8px; BORDER-TOP: #bbd7ef 1px solid; PADDING-LEFT: 8px; BACKGROUND: url(images/.jpg); PADDING-BOTTOM: 8px; COLOR: #5396db; PADDING-TOP: 8px; LETTER-SPACING: 0.15em; TEXT-ALIGN: center; } DIV#copyright IMG { MARGIN-LEFT: 16px; MARGIN-RIGHT: 2px; } SPAN.highlight { FONT-WEIGHT: bold; } DIV.rightPage { MARGIN-BOTTOM: 10px; TEXT-ALIGN: center; } #articleBlock DIV.articleTopTitle { FONT-SIZE: 18px; COLOR: #6c6063; FONT-FAMILY: georgia, verdana, arial; } FORM { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } SELECT { FONT-SIZE: 12px; COLOR: #888; FONT-FAMILY: sans-serif, arial; } INPUT.btn { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; FONT-FAMILY: sans-serif, arial; } INPUT.text { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: #eee; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: arial, ?s?ө?sans-serif; } TEXTAREA { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: #eee; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: arial, ?s?ө?sans-serif; } H2 { MARGIN-BOTTOM: 0px; } SPAN.calendar { MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; TEXT-ALIGN: center; } SPAN.calendar A { ; } TABLE.album { MARGIN-TOP: 10px; FONT-SIZE: 12px; MARGIN-BOTTOM: 20px; TEXT-ALIGN: center; } TD.album { WIDTH: 200px; HEIGHT: 120px; } TD.album IMG { BORDER-RIGHT: #2e2e2e 1px solid; BORDER-TOP: #2e2e2e 1px solid; BORDER-LEFT: #2e2e2e 1px solid; BORDER-BOTTOM: #2e2e2e 1px solid; } TABLE.album TD.description { WIDTH: 200px; } #sideBlock 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; } #navmenu LI A { PADDING-RIGHT: 2px; PADDING-LEFT: 1px; FLOAT: left; PADDING-TOP: 2px; POSITION: relative; } #navmenu LI UL { DISPLAY: none; LEFT: 0px; COLOR: #444; PADDING-TOP: 5px; POSITION: absolute; TOP: 1em; } #navmenu LI UL LI { CLEAR: left; BACKGROUND: #ffffff; WIDTH: 130px; PADDING-TOP: 5px; } #navmenu LI UL LI A:hover { BACKGROUND: #3177e7; COLOR: #ffffff; } #navmenu LI UL LI.title { BACKGROUND: #ccc; TEXT-ALIGN: center; } #navmenu LI:hover UL { DISPLAY: block; } #navmenu LI.over UL { DISPLAY: block; } #articleBlock DIV#profile { MARGIN-BOTTOM: 100px; } #articleBlock #profile TABLE { WIDTH: 100%; } #articleBlock #profile TH { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; WIDTH: 90px; PADDING-TOP: 5px; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center; } #articleBlock #profile TD { ; } #articleBlock #profile DIV.title { BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 26px; BORDER-TOP: #bbb 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 26px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #bbb 1px solid; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #ddd; } #articleBlock #profile DIV.introduce { LINE-HEIGHT: 22px; } #articleBlock TABLE.reply { MARGIN-LEFT: 15px; } #articleBlock TH { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; WIDTH: 80px; PADDING-TOP: 5px; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center; } #popular2 { FONT-SIZE: 12px; } #popular2 TABLE { WIDTH: 100%; } #popular2 H2 { PADDING-RIGHT: 3px; PADDING-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/period_bg.gif) no-repeat; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; } #popular2 #todayPop TH { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #totalPop TH { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #todayPop TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular2 #totalPop TD { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px dotted; } #popular { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular TD { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular TH { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular INPUT { FONT-SIZE: 12px; FONT-FAMILY: sans-serif, arial; } #popular A:link { TEXT-DECORATION: none; } #popular A:visited { TEXT-DECORATION: none; } #popular A:hover { TEXT-DECORATION: none; } #popular A:active { TEXT-DECORATION: none; } #popular H2 { MARGIN-TOP: 10px; FONT-SIZE: 16px; MARGIN-LEFT: 10px; BORDER-BOTTOM: black 2px solid; } #popular SPAN.rank { MARGIN-LEFT: 260px; } #popular #popNav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnav_bg.gif) repeat-x 50% bottom; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 10px 10px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; } #popular #popNav LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavl.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: auto; } #popular #popNav A { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavr.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; } #popular #popNav .current { BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavl_current.gif) no-repeat; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; } #popular #popNav .current A { BACKGROUND: url(http://pics.webs-tv.net/images/admin/gnavr_current.gif) no-repeat right top; PADDING-BOTTOM: 1px; COLOR: #596ac4; } #popular #popBody { CLEAR: left; BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 14px; BORDER-TOP: #b2b2b2 0px solid; PADDING-LEFT: 14px; PADDING-BOTTOM: 14px; BORDER-LEFT: #b2b2b2 1px solid; PADDING-TOP: 14px; BORDER-BOTTOM: #b2b2b2 1px solid; } #popular #periodLink { PADDING-RIGHT: 6px; PADDING-LEFT: 30px; BACKGROUND: url(http://pics.webs-tv.net/images/admin/period_bg.gif) no-repeat; FLOAT: left; PADDING-BOTTOM: 3px; WORD-SPACING: 3px; PADDING-TOP: 3px; } #popular #periodLink A { COLOR: #3c3c3c; } #popular #periodLink A.current { COLOR: #556bc1; } #popular #vsBar { BORDER-RIGHT: #b2b2b2 1px solid; PADDING-RIGHT: 8px; BORDER-TOP: #b2b2b2 0px solid; PADDING-LEFT: 8px; BACKGROUND: #efefef; PADDING-BOTTOM: 8px; BORDER-LEFT: #b2b2b2 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #b2b2b2 1px solid; TEXT-ALIGN: center; } A { COLOR: #ff9900; } DIV.articleTitle A { COLOR: #ffffff; } #navBar #linkLogin { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; TOP: -16px; } #navBar #linkLogin A { COLOR: #00ccff; } #navBar #linkLogin A:link { COLOR: #00ccff; } #navBar #linkLogin A:visited { COLOR: #00ccff; } #navBar #linkLogin A:active { COLOR: #00ccff; } #navBar #linkLogin A:hover { COLOR: #00ccff; } #navBar A { COLOR: #ffffff; } #banner DIV.bannerTitle A { COLOR: #018ead; } DIV#companyBar A { COLOR: #ffffff; } #adText A:link { COLOR: #ffffff; } #adText A:visited { COLOR: #ffffff; } #adText A:active { COLOR: #ffffff; } #adText A:hover { COLOR: #ffffff; } body{cursor:url(游標網址)} a:hover{cursor:url(游標網址)}
<< 中秋,玉兔搗藥
CSS : /********************************************** 此樣板由天空樣板改編而成 Best View: 1024*768 ************************************************/ /* -------------------------------------- * For All * -------------------------------------- */ a:link, a:visited { color: #ffffff; text-decoration: none;} a:hover, a:active { color: #ffffff; text-decoration: none;} body { font-family: georgia,Arial, 新細明體, taipei, Helvetica, sans-serif; font-size: 10px; background: #fff; margin: 0; color:#ffffff; background: url(http://pics9.blog.yam.com/12/userfile/s/susan10095/album/1489a9d4644722.gif) #000000 top ; } a img { border: 0; } img.profile { border: 0px ; margin-bottom: 5px; } hr { height: 1px; color: #ddd; } /*#mainFrame|部落格整體框架設定*/ #mainFrame { background: url() #000000 top right no-repeat; width: 960px; margin: 0 auto; text-align: left; position: relative; border: 0px solid #000; height:100%; } /* topbar */ #topbar{ height:30px; background-color:#000000; padding: 5; width: 100%; } #topbar a:link{ color: #ffffff; } #topbar a:visited{ color: #ffffff; } #topbar a:hover, a:active{ color: #ffffff; } #companyBar { position: relative; top: 7px; z-index: 7; color: #FFFFFF; width: 150px; float: left; padding-left: 10px; } #companyBar span.logo { position: absolute; background: url(../../images/logo_b.gif) no-repeat; width: 19px; height: 12px; left: -25px; } #adText { position: absolute; top: 7px; left: 250px; } #adText a { color: #000; } #commend{ width:150px; float: right; text-align: center; color: #FFFFFF; } #linkLogin { float:right; position: relative; top: 7px; display: block; font: #fff; } /* topbar end */ /* banner|上方banner設定*/ #banner { width: 960px; height: 400px; background: url(http://pics9.blog.yam.com/12/userfile/s/susan10095/album/1489a8c161d1fb.gif) #ffffff top right no-repeat; color: #ffffff; border-bottom: 0px solid #ffffff; } #banner a:link, #banner a:visited { color: #ffffff; text-decoration: none; } #banner a:hover, #banner a:active { color: #ffffff; } h1 { position: absolute; top: 220px; left: 440px; font-size: 18px; font-weight: bold; color: #a4a4a4; font-family: Arial, 新細明體, taipei, Helvetica, sans-serif; width: auto; } h2 { position: absolute; font-weight: normal; top: 260px; left: 450px; width: 500px; font-family: Arial, 新細明體, taipei, Helvetica, sans-serif; font-size: 11px; color: #ffffff; } /* banner end */ /* navBar|選擇頻道 */ #navBar { position: absolute; left: 10px; top: 400px; line-height: 19px; width: 910px; text-align:center; letter-spacing: 2px; font-size: 12px; } #linkLogin { float:right; position: relative; top: 7px; display: block; font: #fff; } #navBar a:link, #navBar a:visited { color: #ffffff; text-decoration: none; } #navBar a:hover, #navBar a:active { color: #a4a4a4; text-decoration: none; } #navBar span.navLink { margin-right: 5px; } /* navBar end */ /* contentBlock|中間大區塊設定 */ #contentBlock { text-align: left; width: 960px; padding-top:10px; } /*#contentBlock a:link, #contentBlock a:visited { color: #000; text-decoration: none; } #contentBlock a:hover, #contentBlock a:active { color: #ffffff; }*/ /* MainSide |旁邊大區塊設定*/ #MainSide { float:left; padding-left: 10px; line-height: 1.4em; width: 190px; color: #ffffff; z-index: 2; /*position: absolute; top:35px; */ background: url() #000000 top left no-repeat; padding-top:5px; padding-bottom:5px; } #SubSide{ /*right:0;position: absolute;*/ float:right; padding:0 10px; line-height: 1.4em; width: 190px; color: #ffffff; z-index: 2; background: url() #000000 top right no-repeat; } .sideColumn /*旁邊小區塊*/ { margin-bottom: 10px; letter-spacing: 1px; } .sideContent A:link { COLOR: #a4a4a4; TEXT-DECORATION: none } .sideContent A:visited { COLOR: #a4a4a4; TEXT-DECORATION: none } .sideContent A:hover { COLOR: #fff; TEXT-DECORATION: none } .sideContent A:active { COLOR: #fff; TEXT-DECORATION: none } .sideTitle { font-size: 12px;margin-top:15px; color: #ffffff; border-bottom-width: 0px; border-bottom-style: dashed; border-bottom-color: #ffffff; padding-left: 50px; background: url(http://pics9.blog.yam.com/12/userfile/s/susan10095/album/1489a8c13f40b3.gif) #000000 top left no-repeat; padding-top:10px; padding-bottom:5px; } .sideContent {color: #ffffff; text-decoration: none; line-height: 15px; padding: 7px; } /*行事曆*/ span.calendar { margin-left:5px; margin-right:5px; text-align:center; } span.calendar a { } /*訂閱浮動視窗標題*/ #MainSide ul { padding: 0; margin: 0; list-style: none; } #SubSide ul { padding: 0; margin: 0; list-style: none; } #navmenu li, #navmenu li a { float: left; padding-right: 2px; padding-left: 1px; padding-top: 2px; position: relative; } #navmenu li ul { /* second-level lists */ display: none; position: absolute; padding-top: 5px; color: #444; top: 1em; left: 0; } #navmenu li ul li { clear: left; width: 130px; background: #FFFFFF; padding-top: 5px; } #navmenu li ul li a:hover { background: #000000; color: #FFFFFF; } #navmenu li ul li.title { text-align: center; background: #ccc; } #navmenu li:hover ul, #navmenu li.over ul { /* lists nested under hovered list items */ display: block; } /* 網誌頁面 */ #articleBlock { line-height: 1.7em; width: 500px; padding-left: 10px; overflow: hidden; padding-bottom: 30px; /*border-right-width: 1px; border-right-style: solid; border-right-color: #000000;*/ padding-right: 20px; position: absolute; left: 203px; } .post { padding-bottom: 30px; padding-left: 5px; } /*#articleBlock a:link, a:visited { color: #ffffff; text-decoration: none;} #articleBlock a:hover, a:active { color: #a4a4a4; text-decoration: none;}*/ .postbody { height:100%; padding-left: 8px; font-size: 11px; line-height: 1.6em; } .post_title a:link { font-size: 15px;color: #ffffff; text-decoration: none;} .post_title a:visited { font-size: 15px;color: #ffffff; text-decoration: none;} .post_title a:hover, a:active { font-size: 18px;color: #ffffff; text-decoration: none;} .post_title { clear: both; font-size: 16px; font-weight: bold; padding: 10px 5px 5px 5px; } .post_date { color: #a4a4a4; font-family: georgia,verdana,arial; font-size: 13px; padding-top: 10px; letter-spacing: -1px; font-weight: bold; } .post_time { margin-left: 5px; color: #ffffff; border-bottom: 0px dotted #ffffff; padding-bottom: 3px; float:left; width: 100%; } .cheer{ width: 100%; text-align: right; } .post_content { height:100%; font-size: 13px;letter-spacing: 1px; padding-bottom: 20px;padding:16px;line-height: 175%; background: url(http://pics9.blog.yam.com/12/userfile/s/susan10095/album/1489a9aca1b3a4.gif) #000000 top; border: 1px dotted #ffffff; } .post_info { padding: 10px; text-align: right; clear: both; border-bottom:0px solid #000; } .post_tail { } input.text, textarea { font-size: 12px; color: #ffffff; font-family: Arial, 新細明體, sans-serif; border: 1px solid #ffffff; background: url(http://pics9.blog.yam.com/12/userfile/s/susan10095/album/1489a9aca1b3a4.gif) #000000 top left no-repeat; padding: 2px; } form { padding: 0; margin: 0; } select { font-family: sans-serif, arial; font-size: 11px; color: #ffffff; } input.btn { padding: 1px 3px; font-size: 11px; font-family: sans-serif, arial; } /* trackback 引用區塊 */ .trackback{ width:100% } .trackbackURL { margin-top: 10px; padding: 5px; border: 1px dotted #ffffff; } .trackbackTitle { font-weight: bold; font-size: 12px; } .trackbackTitle a { color: #000000; } /*留言文字區塊*/ #comment{ width:100%; } .blockquote{ background-color:#fff; width:300px;padding:10px; color: #ffffff; } .commentNote { color: #ffffff; text-align: right; border-bottom: 1px dotted #ffffff; } span.highlight { font-weight: bold; } .rightPage { text-align:center; margin-bottom: 10px; } /*rss訂閱頁*/ .rssmenu { color: #a66; font-size: 16px; font-weight: bold; line-height: 30px; text-align: center; } .rss_content{ margin-top:10px; } .rss_content ul{ margin-left:10px; } .rss_view { margin:10px; margin-left:30px; border: 0px solid #773E4C; padding: 5px; } .rss_body { padding: 0px; } .rss_view ul{ list-style-type:none; } .rss_view img{ border:1px solid #773E4C; } /* 個人資料 Profile */ #profile { margin-bottom: 100px; } #profile table {border: 1px solid #eee; width: 100%; background-color: #000000; } .th_title { /*background-color: #eee;*/ padding: 5px; width: 90px; font-weight: normal; text-align: center; } .td_desc { } .profile_title { /*background-color: #fff;*/ font-weight: bold; height: 16px; padding: 5px 26px; color: #ffffff; border: 0px solid #eee; margin-top: 10px; margin-bottom: 10px; } .introduce {border: 1px solid #eee; line-height: 22px; padding: 10px; padding-left: 35px; padding-right : 35px; background-color: #000000; } /*頁數選擇*/ .pageCtrl{ padding: 2px; width: 490px; float: left; margin: 10px; text-align: right; } .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: #a4a4a4; } .pageCtrl a:hover, .pageCtrl a:active{ color: #ffffff; /*background-color: lightyellow;*/ } .pageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #FFF; } .pageCtrl li.disablepage{ padding: 0 5px; color: #000000; } .pageCtrl li.nextpage{ font-weight: bold; } * html .pageCtrl li.currentpage, * html .pageCtrl li.disablepage{ margin-right: 5px; padding-right: 0; color: #000000; } /*相簿首頁設定*/ #albumBlock { width: 500px; padding-left: 10px; padding-bottom: 30px; border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; padding-right: 20px; position: absolute; left: 200px; } #albumbody { } h3 { color: #a4a4a4; font-size: 16px; letter-spacing: 2px; font-weight: bold; line-height: 30px; padding-left: 10px; } #albumList{ margin-bottom: 10px; } .album{ text-align:center; width:200px; float: left; height: 250px; margin: 15px; } .albumimg { height: 200px; width:200px; } .albumList_title { width: 100%; color: #955; height: 14px; font-size: 13px; text-align: center; } .albumList_info{ } /*相簿內頁設定*/ #photobody{ } .albumDesc{ color:#333333; font-size:12px; margin: 5px; } .albumCategory { color: #ffffff; margin: 5px; } .photo{ text-align:center; width:120px; float: left; height: 170px; margin: 10px;; } .photoimg { height: 100px; width:100px; } .photoList_desc { width: 100%; color: #955; height: 14px; font-size: 13px; text-align: center; } .albumview { text-align: right; width: 100%; clear:both; } /*相簿內頁設定 End*/ /*單一瀏覽頁面設定*/ .backindex{ float:right; position: relative; top: 7px; display: block; font: #fff; padding-right: 10px; } #viewPicDiv { width: 100%; text-align: left; position: relative; border: 1px solid #000; margin: 0px auto; background: url() #000000 top right no-repeat; } .viewalbumTitle{ color: #2E2E2E; font-size: 16px; letter-spacing: 2px; font-weight: bold; line-height: 30px; margin-left: 20px; } .photoviewTitle{ width: 90%; color: #773E4C; height: 14px; text-align: center; } #photoViewbody{ text-align:center; } .album_pageCtrl{ padding: 2px; width: auto; float: right; margin: 10px 30px; text-align: right; } .photoview { text-align: center; width: 100%; clear:both; } .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:90%; } table.photoList { margin-top: 20px; margin-bottom: 20px; } td.photoList { color: blue; height: 125px; width: 125px; font-size: 13px; } td.photoList img { border: 1px solid #2e2e2e; } /*留言板設定*/ .msg{ height:auto; } #imsg{ font-size:14px; } .msg_side{ width:20%; float:left; } .msgimg{ text-align:center; } .delmsg{ text-align:center; } .msg_block{ width:80%; float:left; } .msg_title{ width:70%; float:left; } .msg_time{ width:30%; float:left; text-align: center; } .msg_ad{ width:100%; } .msg_content{ width:70%; margin-bottom: 10px; padding-left: 5px; } .msgquotebody { margin-top:10px; background-color: #F2F2F2; } /*好友列表*/ .friendlist{ width:120px; height:150px; float:left; margin:10px 5px; padding:5px; text-align:center; } .buddyicon{ border:0px solid #773E4C; } .friend_dest{ float:left; width: 80%; padding-left: 10px; } .friend_select{ float:right; display:block; } /*頁籤設定*/ .shadetabs{ border-bottom: 1px solid gray; } .shadetabs ul{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 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 #778; color: #2d2b2b; background: white url(http://pics.webs-tv.net/themes/3n_womenthings/shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li.selected{ top: 1px; } .shadetabs li.selected a{ /*selected main tab style */ background-image: url(http://pics.webs-tv.net/themes/3n_womenthings/shadeactive.gif); border-bottom-color: white; } .shadetabs li.selected a:hover{ /*selected main tab style */ text-decoration: none; } .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: #778; border-bottom-color: #778; border-left-color: #778; margin-top: 0px; position: relative; width: 508px; padding-left: 10px;padding-right: 10px; } /*影音Media設定*/ #articleBlock2 { line-height: 1.7em; width: 710px; padding-left: 10px; overflow: hidden; padding-bottom: 30px; float: right; padding-right: 20px; position: relative; } .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: 100%; background: url(http://pics.webs-tv.net/themes/3n_womenthings/mainb.jpg) #EEE3DD top left no-repeat; } .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: #FFFFCC; border: 1px solid #FFCC00; font-weight: bold; } .mediaid { float: left; margin: 0px 3px 10px 3px; width: 150px; text-align:center; } .mediacontent{ float: left; margin: 0px 0px 10px 0px; width: 100%; height: auto; } .mediatitle{ padding: 5px; } .mediadesc{ width: 95%; padding: 5px; float: left; margin: 5px; } .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: 490px; text-align: right; display: block; } .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: #A58A7E; } .mediapageCtrl a:hover, .pageCtrl a:active{ color: #652D18; background-color: lightyellow; } .mediapageCtrl li.currentpage{ font-weight: bold; padding: 0 5px; color: #FFF; } .mediapageCtrl li.disablepage{ padding: 0 5px; color: #ffffff; } .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: #ffffff; margin-bottom: 10px; } .myclubimg{ padding: 5px; width: 155px; float: left; } .myclubid { float: left; margin: 0px 3px 10px 0px; width: 675px; height: auto; } .myclubinfo{ text-align:left; padding: 5px; float: left; width: 490px; border-left-width: 1px; border-left-style: solid; border-left-color: #ffffff; } .myclubcontent{ width: 650px; font-size: 12px; float: left; padding: 10px; background-color: #ffffff; } .myclubtitle{ padding: 5px; } .myclubdesc{ padding: 5px; } .myclubdesch3 { font-size: 12px; color:#ffffff; } .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; } .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:125px; float: left; } /*底層版權宣告建置*/ #footer { clear: both; border-top: 1px solid #000; background: #000; letter-spacing: 0.15em; text-align: center; color: #ffffff; padding: 8px; } #footer a:link, a:visited { color: #a4a4a4; text-decoration: none;} #footer a:hover, a:active { color: #ffffff; text-decoration: none;} #footer img { margin-left: 16px; margin-right: 2px; } /* --------------------- float fix ------------------------ */ .clx { clear: both; } .clxp:after { content: "; display: block; height:750px; clear: both; visibility: hidden; } .clxp {display: inline-block;} /* Hides from IE-mac */ * html .clxp{height:800px;} body{cursor:url("http://hk.geocities.com/liin_811009/bear_7.ani")} a:hover{cursor:url("http://hk.geocities.com/liin_811009/bear_7.ani")} /* End hide from IE-mac */ body{cursor:url("http://hk.geocities.com/lin50310/rabbit.ani")} a:hover{cursor:url("http://hk.geocities.com/lin50310/rabbit.ani")}