This is ＭｙＬｉｆｅ♬: ［兩欄式］I love coffeeｘ綠

July 8, 2009

［兩欄式］I love coffeeｘ綠

　熱騰騰的新樣板
規則一樣是不要用我的「I love coffee」投稿
語法如下：

/*----------------------------------------------------------------------
*本樣板為非官方樣式，禁止編輯CSS後再次投稿，其他細部的東西(像滑鼠等…)，可以讓大家修改～ 
Cursor by: http://www.wretch.cc/blog/mane746
Design by: a0923z
----------------------------------------------------------------------*/

HTML{
SCROLLBAR-HIGHLIGHT-COLOR: #57af47;
 SCROLLBAR-SHADOW-COLOR: #57af47;
 SCROLLBAR-ARROW-COLOR: #57af47;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #ffffff
}

A:link
{
  COLOR: #333333; TEXT-DECORATION: none;
}

A:visited
{
  COLOR: #333333; TEXT-DECORATION: none;
}

A:hover
{
  COLOR: #111111; TEXT-DECORATION: none;
}

A:active
{
  COLOR: #111111; TEXT-DECORATION: none;
}

BODY
{
  cursor:url('http://pics18.blog.yam.com/18/attachfile/0/9/2/290731/1/14a881f684891b.ani'); BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a518741c0ace.png) #ffffff left top; MARGIN: 0px; BORDER-LEFT: medium none; COLOR: #333333; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial, 新細明體, taipei, 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: #ddd; HEIGHT: 1px;
}

#mainFrame
{
  BORDER-RIGHT: #019401 3px solid; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a51874143de0.jpg) #ffffff left top; MARGIN: 0px auto; BORDER-LEFT: #019401 3px solid; WIDTH: 960px; POSITION: relative; TEXT-ALIGN: left;
}

#topbar
{
  FONT-SIZE: 12px; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a518743aa638.jpg) #ffffff; BACKGROUND-POSITION-X: -1px; WIDTH: 100%; HEIGHT: 30px;
}

#topbar A:link
{
  COLOR: #C98949; TEXT-DECORATION: none;
}

#topbar A:visited
{
  COLOR: #C98949; TEXT-DECORATION: none;
}

#topbar A:hover
{
  COLOR: #C98949; TEXT-DECORATION: none;
}

#topbar A:active
{
  COLOR: #C98949; TEXT-DECORATION: none;
}

#companyBar
{
  PADDING-LEFT: 10px; Z-INDEX: 10; FLOAT: left; WIDTH: 150px; COLOR: #ffffff; POSITION: relative; TOP: 7px;
}

#companyBar A
{
  COLOR: #ffffff;
}

#companyBar SPAN.logo
{
  BACKGROUND: url(../../images/logo_b.gif) no-repeat; LEFT: -25px; WIDTH: 19px; POSITION: absolute; HEIGHT: 12px;
}

#adText
{
  LEFT: 250px; POSITION: absolute; TOP: 7px;
}

#adText A
{
  COLOR: #ffffff;
}

#commend
{
  FLOAT: right; WIDTH: 150px; COLOR: #ffffff; TEXT-ALIGN: center;
}

#linkLogin
{
  DISPLAY: block; FLOAT: right; POSITION: relative; TOP: 7px;
}

#banner
{
  BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a5189010937b.jpg) #ffffff no-repeat; WIDTH: 100%; COLOR: #ffffff; HEIGHT: 449px;
}

#banner A:link
{
  COLOR: #87472f; TEXT-DECORATION: none;
}

#banner A:visited
{
  COLOR: #87472f; TEXT-DECORATION: none;
}

#banner A:hover
{
  COLOR: #9C614A;
}

#banner A:active
{
  COLOR: #9C614A;
}

H1
{
  FONT-WEIGHT: bold; FONT-SIZE: 30px; LEFT: 40px; TEXT-TRANSFORM: uppercase; WIDTH: auto; COLOR: #87472f; FONT-FAMILY: SimHei,Georgia,Verdana,Arial,serif; LETTER-SPACING: -1px; POSITION: absolute; TOP: 265px; HEIGHT: 50px; TEXT-ALIGN: right;
}

H2
{
  BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-WEIGHT: normal; FONT-SIZE: 11px; LEFT: 40px; BORDER-LEFT: medium none; WIDTH: 300px; COLOR: #df575f; BOTTOM: 300px; BORDER-BOTTOM: medium none; FONT-FAMILY: Verdana,Arial,serif; POSITION: absolute; TOP: 300px; TEXT-ALIGN: left;
}

#navBar
{
  PADDING-LEFT: 13px; BORDER-RIGHT: medium none; BORDER-TOP: medium none; RIGHT: 3px; BORDER-LEFT: medium none; WIDTH: 200px; LINE-HEIGHT: 35px; BORDER-BOTTOM: medium none; POSITION: absolute; TOP: 32px;
}

#linkLogin
{
  DISPLAY: block; FLOAT: right; POSITION: relative; TOP: 7px;
}

#navBar A:link
{
  PADDING-LEFT: 13px; DISPLAY: block; WIDTH: 200px; COLOR: #57af47; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 35px; TEXT-DECORATION: none;
}

#navBar A:visited
{
  PADDING-LEFT: 13px; DISPLAY: block; WIDTH: 200px; COLOR: #57af47; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 35px; TEXT-DECORATION: none;
}

#navBar A:active
{
  PADDING-LEFT: 13px; DISPLAY: block; WIDTH: 200px; COLOR: #57af47; BORDER-BOTTOM: #fffffff 1px solid; HEIGHT: 35px; TEXT-DECORATION: none;
}

#navBar A:hover
{
  PADDING-LEFT: 13px; FONT-WEIGHT: bold; FONT-SIZE: 15px; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a5187477071b.gif) no-repeat left; WIDTH: 200px; COLOR: #57af47; TEXT-DECORATION: none;
}

#navBar SPAN.navLink
{
  MARGIN: 5px;
}

#navBar SPAN.navLink SPAN
{
  DISPLAY: none;
}

#contentBlock
{
  PADDING-TOP: 5px; BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; WIDTH: 960px; BORDER-BOTTOM: medium none; TEXT-ALIGN: left;
}

#contentBlock A:link
{
  COLOR: #87472f; TEXT-DECORATION: none;
}

#contentBlock A:visited
{
  COLOR: #87472f; TEXT-DECORATION: none;
}

#contentBlock A:hover
{
  COLOR: #57453e;
}

#contentBlock A:active
{
  COLOR: #57453e;
}

#MainSide
{
  PADDING-LEFT: 10px; Z-INDEX: 2; FLOAT: right; WIDTH: 200px; COLOR: #333333; LINE-HEIGHT: 1.4em;
}

.sideColumn
{
  MARGIN-BOTTOM: 20px; LETTER-SPACING: 1px;
}

.sideTitle
{
  BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a5187433d44b.jpg) no-repeat left; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; COLOR: #913A00; PADDING-TOP: 10px; PADDING-left: 30px;
}

.sideContent
{
  PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; LINE-HEIGHT: 18px; PADDING-TOP: 7px;
}

SPAN.calendar
{
  MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; TEXT-ALIGN: center;
}

#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;
}

#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: lightyellow; COLOR: #D6A26B;
}

#navmenu LI UL LI.title
{
  BACKGROUND: #ccc; TEXT-ALIGN: center;
}

#navmenu LI:hover UL
{
  DISPLAY: block;
}

#navmenu LI.over UL
{
  DISPLAY: block;
}

#articleBlock
{
  PADDING-RIGHT: 20px; PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 30px; OVERFLOW: hidden; WIDTH: 710px; LINE-HEIGHT: 1.7em; POSITION: relative;
}

.post
{
  PADDING-LEFT: 5px; PADDING-BOTTOM: 30px;
}

#articleBlock A:link
{
  COLOR: #57453e; TEXT-DECORATION: none;
}

#articleBlock A:visited
{
  COLOR: #57453e; TEXT-DECORATION: none;
}

#articleBlock A:hover
{
  COLOR: #87472f; TEXT-DECORATION: none;
}

#articleBlock A:active
{
  COLOR: #87472f; TEXT-DECORATION: none;
}

.post_body
{
  FLOAT: left; WIDTH: 100%; TEXT-ALIGN: left;
}

.post_title
{
  CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 75px; FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a518742bb65a.jpg) no-repeat left top; PADDING-BOTTOM: 15px; WIDTH: 650px; PADDING-TOP: 12px; 
}

.profile_title
{
  CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 50px; FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a518742bb65a.jpg) no-repeat left top; PADDING-BOTTOM: 15px; WIDTH: 650px; PADDING-TOP: 10px; 
}

.post_title A
{
  TEXT-DECORATION: none;
}

.post_title A:link
{
  TEXT-DECORATION: none;
}

.post_title A:visited
{
  TEXT-DECORATION: none;
}

.post_title A:active
{
   TEXT-DECORATION: none;
}

.post_title A:hover
{
   TEXT-DECORATION: none;
}

.post_date
{
  PADDING-RIGHT: 10px; FONT-SIZE: 1unfer1px; COLOR: #6c6063; PADDING-TOP: 0px; FONT-FAMILY: georgia, verdana, arial; TEXT-ALIGN: right;
}

.post_time
{
  PADDING-LEFT: 15px; FLOAT: left; PADDING-BOTTOM: 3px; MARGIN-LEFT: 5px; WIDTH: 690px; COLOR: #666666; BORDER-BOTTOM: #e3e3e3 1px dotted;
}

.cheer
{
  FLOAT: left; WIDTH: 100%; MARGIN-RIGHT: 10px; TEXT-ALIGN: right;
}

.post_content
{
  PADDING-LEFT: 22px; PADDING-BOTTOM: 20px; WIDTH: 690px; PADDING-TOP: 10px; HEIGHT: 100%;
}

.post_info
{
  CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: right;
}

.post_content .morelink
{
  PADDING-RIGHT: 0px; PADDING-LEFT: 28px; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a5187414d41f.png) no-repeat left center; PADDING-BOTTOM: 3px; PADDING-TOP: 10px;
}

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, 新細明體, sans-serif;
}

TEXTAREA
{
  BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a536f4217e9b.gif)  100%; BACKGROUND-REPEAT: repeat; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; COLOR: #666; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; FONT-FAMILY: Arial, 新細明體, sans-serif;
}

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;
}

.trackback
{
  WIDTH: 100%;
}

.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;
}

.trackbackTitle
{
  FONT-WEIGHT: bold; FONT-SIZE: 13px;
}

.trackbackTitle A
{
  COLOR: #800000;
}

#comment
{
  WIDTH: 100%;
}

.commentbody
{
  PADDING-left: 20px;
}

.post_commentbody
{
  PADDING-left: 25px;
}

.bmreply
{
PADDING-left: 5px; PADDING-RIGHT: 5px; color: #87472f;
BORDER-RIGHT: 1px solid #a0a0a0; BORDER-TOP: 1px solid #a0a0a0; BORDER-LEFT: 1px solid #a0a0a0; BORDER-BOTTOM: 1px solid #a0a0a0;
BACKGROUND: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a536786368b4.gif); WIDTH: 510px; BACKGROUND-REPEAT: repeat;
}

.blockquote
{
  WIDTH: 300px; COLOR: #913A00; BACKGROUND-COLOR: #dfdfdf;
}

.commentNote
{
  COLOR: #999; BORDER-BOTTOM: #e5e5e5 1px dotted; TEXT-ALIGN: right; PADDING-RIGHT: 25px;
}

SPAN.highlight
{
  FONT-WEIGHT: bold;
}

.rightPage
{
  MARGIN-BOTTOM: 10px; TEXT-ALIGN: center;
}

.rssmain
{
  PADDING-TOP: 10px;
}

.rssbody
{
  BORDER-RIGHT: #778 1px solid; MARGIN-TOP: 0px; BORDER-LEFT: #778 1px solid; WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-BOTTOM: #778 1px solid; POSITION: relative; HEIGHT: auto;
}

.rssmenu
{
  FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #a66; LINE-HEIGHT: 30px; TEXT-ALIGN: center;
}

.rss
{
  WIDTH: 98%; POSITION: relative;
}

.rss_content
{
  MARGIN-TOP: 10px;
}

.rss_content UL
{
  MARGIN-LEFT: 10px;
}

.rss_title
{
  WIDTH: 97%;
}

.rss_content
{
  WIDTH: 97%;
}

.rssphoto
{
  FLOAT: left; WIDTH: 110px; HEIGHT: 110px;
}

.rss_view
{
  BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 10px 10px 10px 30px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid;
}

.rss_view UL
{
  LIST-STYLE-TYPE: none;
}

.rss_view IMG
{
  BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid;
}

#profile
{
  MARGIN-BOTTOM: 100px;
}

#profile TABLE
{
  WIDTH: 100%;
}

.th_title
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; PADDING-BOTTOM: 5px; WIDTH: 90px; PADDING-TOP: 5px; BACKGROUND-COLOR: #eee; TEXT-ALIGN: center;
}

.introduce
{
  LINE-HEIGHT: 22px;
}

.pageCtrl
{
  PADDING-RIGHT: 50px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN: 10px; WIDTH: 98%; PADDING-TOP: 2px; TEXT-ALIGN: right;
}

.pageCtrl UL
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right;
}

.pageCtrl LI
{
  DISPLAY: inline; PADDING-BOTTOM: 1px; LIST-STYLE-TYPE: none;
}

.pageCtrl A
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #929292; PADDING-TOP: 0px; TEXT-DECORATION: none;
}

.pageCtrl A:visited
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #929292; PADDING-TOP: 0px; TEXT-DECORATION: none;
}

.pageCtrl A:hover
{
  COLOR: #57453e; BACKGROUND-COLOR: lightyellow;
}

.pageCtrl A:active
{
  COLOR: #57453e; BACKGROUND-COLOR: lightyellow;
}

.pageCtrl LI.currentpage
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px;
}

.pageCtrl LI.disablepage
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #57453e; PADDING-TOP: 0px;
}

.pageCtrl LI.nextpage
{
  FONT-WEIGHT: bold;
}

HTML .pageCtrl LI.currentpage
{
  PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px;
}

HTML .pageCtrl LI.disablepage
{
  PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px;
}

#albumBlock
{
  PADDING-RIGHT: 20px; FLOAT: left; PADDING-BOTTOM: 30px; WIDTH: 710px; TEXT-ALIGN: left;
}

H3
{
  PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #339733; LINE-HEIGHT: 30px; LETTER-SPACING: 2px;
}

.album
{
  FLOAT: left; MARGIN: 15px; WIDTH: 200px; HEIGHT: 280px; TEXT-ALIGN: center;
}

.albumimg
{
  WIDTH: 200px; HEIGHT: 200px;
}

.albumList_title
{
  FONT-SIZE: 13px; WIDTH: 100%; COLOR: #57af47; HEIGHT: 14px; TEXT-ALIGN: center;
}

.albumDesc
{
  FONT-SIZE: 12px; MARGIN: 5px; COLOR: #333333;
}

.albumCategory
{
  MARGIN: 5px; COLOR: #333333;
}

.photo
{
  FLOAT: left; MARGIN: 10px; WIDTH: 120px; HEIGHT: 170px; TEXT-ALIGN: center;
}

.photoimg
{
  WIDTH: 100px; HEIGHT: 100px;
}

.photoList_desc
{
  FONT-SIZE: 13px; WIDTH: 100%; COLOR: #57af47; HEIGHT: 14px; TEXT-ALIGN: center;
}

.albumview
{
  WIDTH: 665px; TEXT-ALIGN: right;
}

.backindex
{
  PADDING-RIGHT: 10px; DISPLAY: block; FLOAT: right; POSITION: relative; TOP: 7px;
}

#viewPicDiv
{
  BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; MARGIN: 0px auto; BORDER-LEFT: #000 1px solid; WIDTH: 100%; BORDER-BOTTOM: #000 1px solid; POSITION: relative; TEXT-ALIGN: left;
}

#viewPicDiv A:link
{
  COLOR: #0F6A0F; TEXT-DECORATION: none;
}

A:visited
{
  COLOR: #0F6A0F; TEXT-DECORATION: none;
}

#viewPicDiv A:hover
{
  COLOR: #0F6A0F; TEXT-DECORATION: none;
}

A:active
{
  COLOR: #0F6A0F; TEXT-DECORATION: none;
}

.viewalbumTitle
{
  FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN-LEFT: 20px; COLOR: #339733; LINE-HEIGHT: 30px; LETTER-SPACING: 2px;
}

.viewalbumTitle A:link
{
  COLOR: #339733; TEXT-DECORATION: none;
}

.viewalbumTitle A:visited
{
  COLOR: #339733; TEXT-DECORATION: none;
}

.viewalbumTitle A:hover
{
  COLOR: #256A42; TEXT-DECORATION: none;
}

.viewalbumTitle A:active
{
  COLOR: #256A42; TEXT-DECORATION: none;
}

.photoviewTitle
{
  WIDTH: 90%; COLOR: #2E2E2E; HEIGHT: 14px; TEXT-ALIGN: center;
}

#photoViewbody
{
  TEXT-ALIGN: center;
}

.album_pageCtrl
{
  PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: right; PADDING-BOTTOM: 2px; MARGIN: 10px 30px; WIDTH: auto; COLOR: #2E2E2E; PADDING-TOP: 2px; TEXT-ALIGN: right;
}

.photoview
{
  WIDTH: 100%; TEXT-ALIGN: center;
}

.photoview IMG
{
  BORDER-RIGHT: #333 1px solid; BORDER-TOP: #333 1px solid; BORDER-LEFT: #333 1px solid; BORDER-BOTTOM: #333 1px solid;
}

#photomsg
{
  PADDING-LEFT: 10px; MARGIN-BOTTOM: 20px; WIDTH: 960px;
}

.photomsg_title
{
  FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #339733; LINE-HEIGHT: 30px;
}

.photomsg_comment
{
  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 13px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px;
}

.photomsg_Body
{
  FONT-SIZE: 13px; LINE-HEIGHT: 22px;
}

.photomsg_info
{
  COLOR: #999; BORDER-BOTTOM: #e5e5e5 1px dotted; TEXT-ALIGN: right;
}

.photoviewDesc
{
  WIDTH: 90%;
}

TABLE.photoList
{
  MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px;
}

TD.photoList
{
  FONT-SIZE: 13px; WIDTH: 125px; COLOR: blue; HEIGHT: 125px;
}

TD.photoList IMG
{
  BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 3px; FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=#cccccc); PADDING-BOTTOM: 3px; BORDER-LEFT: #c0c0c0 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff;
}

.album IMG
{
  BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 5px; FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=#cccccc); PADDING-BOTTOM: 5px; BORDER-LEFT: #c0c0c0 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff;
}

.photoview IMG
{
  BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 5px; FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=#cccccc); PADDING-BOTTOM: 5px; BORDER-LEFT: #c0c0c0 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff;
}

.photo IMG
{
  BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 3px; FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=#cccccc); PADDING-BOTTOM: 3px; BORDER-LEFT: #c0c0c0 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff;
}

.photoList IMG
{
  BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #c0c0c0 1px solid; PADDING-LEFT: 3px; FILTER: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=#cccccc); PADDING-BOTTOM: 3px; BORDER-LEFT: #c0c0c0 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #c0c0c0 1px solid; BACKGROUND-COLOR: #ffffff;
}

SPAN.album_pageCtrl
{
  COLOR: #2E2E2E; 
}

.msg
{
  HEIGHT: auto;
}

#imsg
{
  FONT-SIZE: 14px;
}

.msg_side
{
  FLOAT: left; WIDTH: 20%;
}

.msgimg
{
  TEXT-ALIGN: center;
}

.delmsg
{
  TEXT-ALIGN: center;
}

.msg_block
{
  FLOAT: left; WIDTH: 80%;
}

.msg_title
{
  FLOAT: left; WIDTH: 70%;
}

.msg_time
{
  FLOAT: left; WIDTH: 30%; TEXT-ALIGN: center;
}

.msg_ad
{
  WIDTH: 100%;
}

.msg_content
{
  PADDING-LEFT: 5px; MARGIN-BOTTOM: 10px; WIDTH: 70%;
}

.msgquotebody
{
  MARGIN-TOP: 10px; BACKGROUND-COLOR: #f2f2f2;
}

.friendlist
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN: 10px 5px; WIDTH: 120px; PADDING-TOP: 5px; HEIGHT: 150px; TEXT-ALIGN: center;
}

.buddyicon
{
  BORDER-RIGHT: #cccccc 0px solid; BORDER-TOP: #cccccc 0px solid; BORDER-LEFT: #cccccc 0px solid; BORDER-BOTTOM: #cccccc 0px solid;
}

.friend_dest
{
  PADDING-LEFT: 10px; FLOAT: left; WIDTH: 100%;
}

.friend_select
{
  DISPLAY: block; FLOAT: right;
}

#articleBlock2
{
  PADDING-RIGHT: 20px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 30px; OVERFLOW: hidden; WIDTH: 710px; LINE-HEIGHT: 1.7em; POSITION: relative;
}

.shadetabs
{
  BORDER-BOTTOM: gray 1px solid;
}

.shadetabs UL
{
  PADDING-RIGHT: 0px; MARGIN-TOP: 1px; PADDING-LEFT: 0px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 3px; FONT: bold 12px Verdana; MARGIN-LEFT: 0px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left;
}

.shadetabs LI
{
  DISPLAY: inline; MARGIN: 0px;
}

.shadetabs LI A
{
  BORDER-RIGHT: #778 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #778 1px solid; PADDING-LEFT: 7px; BACKGROUND: url(http://pics.blog.yam.com/themes/dream_new/images/shade.gif) white repeat-x left top; PADDING-BOTTOM: 3px; BORDER-LEFT: #778 1px solid; COLOR: #2d2b2b; MARGIN-RIGHT: 3px; PADDING-TOP: 3px; BORDER-BOTTOM: #778 1px solid; TEXT-DECORATION: none;
}

.shadetabs LI A:visited
{
  COLOR: #2d2b2b;
}

.shadetabs LI A:hover
{
  COLOR: #2d2b2b; TEXT-DECORATION: underline;
}

.shadetabs LI.selected
{
  TOP: 1px;
}

.shadetabs LI.selected A
{
  BACKGROUND-IMAGE: url(http://pics.blog.yam.com/themes/dream_new/images/shadeactive.gif); BORDER-BOTTOM-COLOR: white;
}

.shadetabs LI.selected A:hover
{
  TEXT-DECORATION: none;
}

.mediamain
{
  PADDING-TOP: 10px;
}

.mediabody
{
  BORDER-RIGHT: #778 1px solid; MARGIN-TOP: 0px; PADDING-LEFT: 15px; BORDER-LEFT: #778 1px solid; WIDTH: 98%; BORDER-TOP-STYLE: none; BORDER-BOTTOM: #778 1px solid; POSITION: relative; HEIGHT: auto;
}

.medialist
{
  FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; WIDTH: 100%; BORDER-BOTTOM: #cccccc 1px dashed; HEIGHT: 100%;
}

.mediaimg
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.mediamdig
{
  BORDER-RIGHT: #ffcc00 1px solid; BORDER-TOP: #ffcc00 1px solid; DISPLAY: block; FONT-WEIGHT: bold; FLOAT: left; BORDER-LEFT: #ffcc00 1px solid; WIDTH: 60px; BORDER-BOTTOM: #ffcc00 1px solid; BACKGROUND-COLOR: #ffffcc;
}

.mediaid
{
  FLOAT: left; MARGIN: 0px 3px 10px 0px; WIDTH: 150px; TEXT-ALIGN: center;
}

.mediacontent
{
  FLOAT: left; MARGIN: 0px 0px 10px; WIDTH: 100%; HEIGHT: auto;
}

.mediatitle
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.mediadesc
{
  PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 95%; PADDING-TOP: 2px; BACKGROUND-COLOR: #EAFAEA;
}

.mediainfo
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 60%; PADDING-TOP: 5px; TEXT-ALIGN: left;
}

.mediamdy2
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left;
}

.mediapageCtrl
{
  DISPLAY: block; WIDTH: 95%; TEXT-ALIGN: right;
}

.mediapageCtrl UL
{
  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right;
}

.mediapageCtrl LI
{
  DISPLAY: inline; PADDING-BOTTOM: 1px; LIST-STYLE-TYPE: none;
}

.mediapageCtrl A
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #929292; PADDING-TOP: 0px; TEXT-DECORATION: none;
}

.pageCtrl A:visited
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #929292; PADDING-TOP: 0px; TEXT-DECORATION: none;
}

.mediapageCtrl A:hover
{
  COLOR: #57453e; BACKGROUND-COLOR: lightyellow;
}

.pageCtrl A:active
{
  COLOR: #57453e; BACKGROUND-COLOR: lightyellow;
}

.mediapageCtrl LI.currentpage
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 0px;
}

.mediapageCtrl LI.disablepage
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #57453e; PADDING-TOP: 0px;
}

.mediapageCtrl LI.nextpage
{
  FONT-WEIGHT: bold;
}

HTML .mediapageCtrl LI.currentpage
{
  PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px;
}

HTML .mediapageCtrl LI.disablepage
{
  PADDING-RIGHT: 0px; COLOR: #990000; MARGIN-RIGHT: 5px;
}

.myclublist
{
  PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px dashed; HEIGHT: 100%;
}

.myclubimg
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 155px; PADDING-TOP: 5px;
}

.myclubid
{
  FLOAT: left; MARGIN: 0px 3px 10px 0px; WIDTH: 675px; HEIGHT: auto;
}

.myclubinfo
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 490px; PADDING-TOP: 5px; TEXT-ALIGN: left;
}

.myclubcontent
{
  PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 650px; PADDING-TOP: 10px; BACKGROUND-COLOR: #ebf1f1;
}

.myclubtitle
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.myclubdesc
{
  PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px;
}

.myclubdesch3
{
  FONT-SIZE: 14px; COLOR: #57453e;
}

.cletemp
{
  DISPLAY: inline-block;
}

.clearboth
{
  CLEAR: both;
}

.mediarss
{
  PADDING-BOTTOM: 5px; MARGIN: 10px; BORDER-BOTTOM: #999999 1px dashed; HEIGHT: 120px;
}

.mediarss_ID
{
  FLOAT: left; WIDTH: 120px; TEXT-ALIGN: center;
}

.mediarss_view
{
  FLOAT: left; BORDER-LEFT: #999999 1px solid;
}

.mediarss_list
{
  FLOAT: left; WIDTH: 160px; TEXT-ALIGN: center;
}

#footer
{
  CLEAR: both; PADDING-RIGHT: 8px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 8px; BACKGROUND: #000; PADDING-BOTTOM: 8px; COLOR: #cccccc; PADDING-TOP: 8px; LETTER-SPACING: 0.15em; TEXT-ALIGN: center;
}

#footer A:link
{
  COLOR: #cccccc; TEXT-DECORATION: none;
}

A:visited
{
  COLOR: #cccccc; TEXT-DECORATION: none;
}

#footer A:hover
{
  COLOR: #ffffff; TEXT-DECORATION: none;
}

A:active
{
  COLOR: #ffffff; TEXT-DECORATION: none;
}

#footer IMG
{
  MARGIN-LEFT: 16px; MARGIN-RIGHT: 2px;
}

.clx
{
  CLEAR: both;
}

DIV#banner
{
  BORDER-RIGHT: medium none; BORDER-TOP: medium none; 1px; BACKGROUND-IMAGE: url(http://pics8.blog.yam.com/17/userfile/a/a0923z/album/14a5189010937b.jpg); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; HEIGHT: 375px;
}

DIV#mainFrame
{
  BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;
}

#banner H1
{
  BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;
}

#banner H1.h1 A
{
  COLOR: #87472f;
}

#navBar A
{
  COLOR: #57af47;
}

.chromestyle
{
  FILTER: alpha(Opacity=0); opacity: 0.0;
}

.chromestyle:hover
{
  FILTER: alpha(Opacity=100,FinishedOpacity=100); opacity: 1.0;
}

樣板預覽：

套用方法：功能設定 → 樣板設定 → 使用兩欄的任何一款樣板
→ 編輯CSS檔 → 刪掉藍框內所有的語法 → 貼入上面的語法 → 儲存

喜歡就帶回家套用吧

誰推薦這篇文章：

留言 (4) | 引用 (0) | 人氣 () | 轉寄

This is Ｍｙ Ｌｉｆｅ♬

<img src="http://counter1.fc2.com/counter_img.php?id=5235684"/><br /><strong><a href="http://counter.fc2.com/">計數器</a></strong>

This is ＭｙＬｉｆｅ♬