Elsa's simple life: [樣板] DREAM (新版/三欄)

August 29, 2007
[樣板] DREAM (新版/三欄)
elsatw 在天空部落發表於23:22:30 | 三欄式
鼓勵此網誌：15　
名稱：DREAM
時間：2007/07/03

此樣板主圖是使用我喜歡的韓國插畫名家之一webjong的作品哦！
此樣板為私人提供，不給修改哦！
同意再使用吧！使用請留名~~香Q啦！
CSS： (Ctrl+C 複製，Ctrl+V 貼上)
/**********************************************
Theme Name: dream
Author: Elsa Ko
Author URL: http://blog.yam.com/elsatw
Best View: 1024*768
************************************************/
/*----------------------------------------------------------------------
每個樣板都是Elsa辛苦製作出來的，所以如欲取用，請保有基本的尊重哦↓
◎此樣板非官方提供樣式，故非經Elsa的同意請勿任意修改CSS和所使用的圖檔哦~
◎更禁止再編輯後的投稿、贈人、分享
◎欲取用，請於帳號登入狀態於文章內留言回應讓Elsa知道～
◎某些無公開分享於Elsa部落格的樣板，絕不可用任何方式隨意取用！
----------------------------------------------------------------------*/
BODY {
	MARGIN: 0px;
	font-family: georgia,Arial, taipei, Helvetica, sans-serif;
	font-size: 11px; 
	background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/149910a7a03333.jpg) left 30px no-repeat;

}
A {
	COLOR: #3572A5; 
	TEXT-DECORATION: none
}
A:link {
	COLOR: #3572A5; 
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: underline
	COLOR: #5DA3D4; 
	TEXT-DECORATION: none
}
A:active {
	COLOR: #2C5E9D; 
	TEXT-DECORATION: none
}
A:hover {
	COLOR: #2C5E9D; 
	TEXT-DECORATION: none
}
 
a img
{
  border: 0;
}
 
img.profile
{
  border: 0px ;
  margin-bottom: 5px;
}

hr
{
  height: 1px;
  color: #ddd;
}



/*#mainFramei??e?a￥e??a ?a?a?e??a!?a??ea￥-aR?*/ 
#mainFrame {
	width:100%;
	margin: 0;
	text-align: left;
	position: relative;
	
}

/* topbar */
/*#topbar{
	height:35px;
	padding: 5;
	width: 100%;
	color: #98D3F1;
	font-size: 12px;
	background: url(http://20070404tree.googlepages.com/dream_bn2.jpg) left no-repeat;
}*/
#topbar a:link{ color: #98D3F1; TEXT-DECORATION: none} 
#topbar a:visited{ color: #98D3F1; TEXT-DECORATION: none} 
#topbar a:hover{ color: #98D3F1; TEXT-DECORATION: none} 
#topbar a:active{ color: #98D3F1; TEXT-DECORATION: none}

#companyBar {
	position: relative;
	top: 7px;
	z-index: 10;
	color: #FFFFFF;
	width: 170px;
	float: left;
	padding-left: 10px;
}


#companyBar span.logo
{
  position: absolute;
  background: url() no-repeat;
  width: 19px;
  height: 12px;
  left: -25px;
}
#adText
{
	display: none;
	position: absolute;
	top: 7px;
	left: 250px;
}

#adText a
{
  color: #000;
}

#commend{
	width:150px;
	float: right;
	text-align: center;
	color: #98D3F1; margin-right:20px;
}

#linkLogin {
	float:right; margin-right:20px;
	position: relative;
	top: 7px;
	display: block;
	font: #98D3F1;
}

/* topbar end */


/* banneri??ai1??a?1bannerea￥-aR?*/ 
#banner {
  height: 408px; width:100%;
}
#banner A {
	COLOR: #194DA3; TEXT-DECORATION: none
}
#banner A:link {
	COLOR: #194DA3; TEXT-DECORATION: none
}
#banner A:visited {
	TEXT-DECORATION: none
}
#banner A:active {
	COLOR: #5EB9E8; TEXT-DECORATION: none
}
#banner A:hover {
	COLOR: #5EB9E8; TEXT-DECORATION: none
}
h1 {
	position: absolute;
	top: 280px;
	left: 133px; 
	font-size: 23px;
	font-weight: bold;
	color: #57453E;
	font-family:   Arial,  taipei, Helvetica, sans-serif;
	width:700px;
}


 
h2 {
	position: absolute;
	top: 310px;font-weight: normal;
	left: 135px;
	text-align:left; 
	font-family: Arial,  taipei, Helvetica, sans-serif;
        font-size: 10px;
	color: #87C1DF;
}
/* banner end */ 

/* navBari??e?i1?a??e ?e?? */ 

#navBar
{
	position: absolute;
	left: 135px; font-size: 12px;
	top: 370px;
	line-height: 19px;
	width: 650px; letter-spacing: 2px;
}
#linkLogin {
	float:right;
	position: relative;
	top: 7px;
	display: block;
	font: #fff;
}
#navBar a:link, #navBar a:visited { color: #000; text-decoration: none; }
#navBar a:hover, #navBar a:active { color: #2C5E9D; text-decoration: none; }
#navBar span.navLink {
  margin-right: 5px;
}
/* navBar end */ 

/* contentBlocki??ai1?-e??a?A§a?Aa!?ea￥-aR? */
#contentBlock
{
	width:99%; 
	position: relative;
	height: auto;
	padding-top: 10px;
	
}



/* MainSide i??a??e??a?A§a?Aa!?ea￥-aR?*/

#MainSide A:link
{
  COLOR: #5C9FC9; TEXT-DECORATION: none;
}

#MainSide A:visited
{
  COLOR: #5C9FC9; TEXT-DECORATION: none;
}

#MainSide A:hover
{
  COLOR: #3EBAEE;
}

#MainSide A:active
{
  COLOR: #3EBAEE;
}

#MainSide
{
	width: 18%;
	color: #000000;
	position: absolute;
	top: 0px; margin-left: 10px;
	left: 0px;
	padding: 10px;
	border-right: 0px dotted #B7E0DC;
	
	
}
#SubSide{
	width: 15%;
	color: #000000;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px; margin-right:10px;
	border-left: 0px dotted #B7E0DC;
}



#SubSide A:link
{
  COLOR: #5C9FC9; TEXT-DECORATION: none;
}

#SubSide A:visited
{
  COLOR: #5C9FC9; TEXT-DECORATION: none;
}

#SubSide A:hover
{
  COLOR: #3EBAEE;
}

#SubSide A:active
{
  COLOR: #3EBAEE;
}
.sideColumn /*a??e??aA°?a?Aa!?*/
{
  margin-bottom: 10px;
  letter-spacing: 1px;
}
 

.sideColumn /*a??e??aA°?a?Aa!?*/
{
  margin-bottom: 16px;
  
  letter-spacing: 1px;
}
.sideTitle {	
	PADDING-RIGHT: 0px;	
	PADDING-LEFT:36px;
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	PADDING-BOTTOM: 4px;
	PADDING-TOP: 10px;
	TEXT-ALIGN: left;
	color:#2C5E9D;
	
	background: url(http://pics2.blog.yam.com/13/userfile/e/elsatw/album/149910a7994384.gif)  no-repeat;
}
 

.sideContent
{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px 0px 0px;
	LINE-HEIGHT: 150%;
	PADDING-TOP: 5px;
        TEXT-ALIGN: left;
	font-family: Arial, Helvetica, sans-serif, aa￥?ai?￥A·e??;
  
}
/*e!?ao?a??*/
span.calendar
{
  margin-left:5px;
  margin-right:5px;
  text-align:center;
}

span.calendar a
{
}
/*ea￥?e?A±aI?Ra??e|?ca?aa￥?e!?*/
#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;
  color: #fff;
}
 
#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: #EBEBEB;
  padding-top: 5px;
}
 
#navmenu li ul li a:hover
{
  background: #5DA3D4;
  color: #fff;
}
 
#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;
}


 
/* c?2ea?e ?e?i?   */


#articleBlock
{
	margin-left: 21%;
	margin-right: 18%;
	padding:5px;
	
}
/*
#articleBlock A:link
{
  COLOR:#1F7EC7; TEXT-DECORATION: none;
}

#articleBlock A:visited
{
  COLOR: #1F7EC7; TEXT-DECORATION: none;
}

#articleBlock A:hover
{
  COLOR: #3EBAEE;
}

#articleBlock A:active
{
  COLOR: #3EBAEE;
}

*/

.post
{

	MARGIN: 10px;
	LINE-HEIGHT: 150%;
	background: none;
	padding: 10px;
	height: 100%;
	
}


.postbody {
  height:100%;
  padding-left: 0px;
  font-size: 11px;
  line-height: 1.6em;
}




.post_title 
{
    PADDING-RIGHT: 0px;
	PADDING-LEFT:15px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 17px;
	PADDING-TOP: 9px; 
	PADDING-BOTTOM: 5px;
	BORDER-BOTTOM: #B9EAFF 0px solid;
	background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/149910a78cc001.gif) no-repeat;
	height: 20px; COLOR:#ffffff;
	
}

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

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

.post_title A:hover
{
  COLOR: #ffffff;
}

.post_title A:active
{
  COLOR: #ffffff;
}

.post_date
{
  MARGIN-right: 6px; FONT-WEIGHT: bold; margin-bottom:0px;
  BACKGROUND:url() left 1PX no-repeat; FONT-SIZE: 10px; COLOR: #003366; 
  PADDING-TOP: 0px; PADDING-BOTTOM: 2px;  TEXT-ALIGN: right;
  FONT-FAMILY: Arial,Verdana, Georgia,  ; LETTER-SPACING: 0px;  

}
 

 
.post_time 
{
	padding-left: 10px; margin-bottom: 5px;
	color: #666666;
	border-bottom: 0px dotted #E3E3E3;
	padding-bottom: 3px; padding-top: 5px;
	float:left;
	width: 100%;
	BORDER-top: #A1E2FD 0px solid;
}
.cheer{
	width: 100%;
	text-align: right;
}
 

 
.post_content {
	padding: 20px;
	font-size: 13px; BORDER: #E8E8E8 0px solid;
	font-family: Arial, Helvetica, sans-serif, aa￥?ai?￥A·e??;
	line-height: 200%; padding-bottom:15px;
	background: url(http://pics2.blog.yam.com/11/userfile/e/elsatw/album/149910a7894bfe.jpg) top left no-repeat;
}
 
.post_info {
  FONT-SIZE: 11px;
  MARGIN: 0px 10px 10px;
  COLOR: #333333;
  TEXT-ALIGN: right;
  padding-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif, aa￥?ai?￥A·e??;
}
 
.post_tail
{
}
input.text, textarea {
  font-size: 11px;
  color: #666;
  font-family: Arial, a?A°ca?A°a??e??, sans-serif;
  border: 1px solid #999;
  background: #eee;
  padding: 2px;
}
form {
  padding-left: 25px;
  margin: 10px;
}
select {
    font-family: sans-serif, arial;
  font-size: 12px;
  color: #888;
}
input.btn {
  padding: 1px 3px;
  font-size: 12px;
  font-family: sans-serif, arial;
}


/* trackback a??c?a￥a?Aa!? */
.trackback{
  width:100%
  
}

.trackbackURL
{
  margin-top: 10px;
  padding: 5px;
  border: 0px dotted #A0A0A0;
}

.trackbackTitle
{
	font-weight: bold;
	font-size: 12px;
	padding-left: 10px;
}
.trackbackBody{
    padding-left: 10px;
}
.trackbackDate{
    padding-left: 10px;
}

.trackbackTitle a
{
  color: #6A8130;
}

#comment{
width:100%;
}

DIV.bmreply
{
PADDING: 20px;

color: #C10000;
border: #cccccc 1px dotted;
} 

.blockquote{
	width:400px;
	color: #330000;
	background-color: #D5F7F3;
	padding:10px;
}
.commentNote
{
  color: #999;
  text-align: right;
  border-bottom: 0px dotted #e5e5e5;
}




 
span.highlight {
  font-weight: bold;
}

.rightPage {
	text-align:center;
	margin-bottom: 10px;
	
}





/*rssea￥?e?A±e ?*/
.rssmain{
	padding-top:10px;
	width: 100%;
}
.rssbody{
	height:auto;
	border:0;
	margin-top: 0px;
	position: relative;
	width: 100%;
	padding-left: 10px;
}
.rssmenu
{
	color: #a66;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	
}
.rss{
	width:95%;
	position: relative;
	margin-top: 5px;
}
.rss_content{
   margin-top:10px;
}
.rss_content ul{
   margin-left:10px;
 
}
.rss_title, .rss_content {
  width:98%;
  }
.rssphoto{
	width:110px;
	height:110px;
	float: left;
   }


.rss_view {
	margin-bottom:10px;
	margin-right:10px;
	margin-left:20px;
	border: 0px solid #CCCCCC;
	padding: 5px;
}

.rss_view ul{
    list-style-type:none;
}
.rss_view img{
      border:0px solid #cccccc;
}

 
 
/* aA?aooe3?a?? Profile  */
 
#profile
{
width:96%; margin-left:10px;
  margin-bottom: 100px;
}
 
#profile table
{
  margin-left:10px;
    width: 96%;
}
 
.th_title
{
  background-color: none;
  padding: 5px;
  width: 90px;
  font-weight: normal;
  text-align: center;
}
.td_desc 
{
}
 
.profile_title 
{
  background-color: none;
  font-weight: bold;
  height: 16px;
  padding: 5px 26px;
  color: #666;
  border: 1px solid #bbb;
  margin-top: 10px;
  margin-bottom: 10px;

}

.introduce 
{
  line-height: 22px;
  margin-left:10px;
    width: 96%;
}


/*e ?a?i1?e?i1?a??*/
.pageCtrl{
	padding: 2px;
	font-size: 10px;
	margin: 10px;
	text-align:center;
	width: 95%;
	
}

.pageCtrl ul{
	margin-top: 30px;
	padding: 0;
	text-align: center;

}

.pageCtrl li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pageCtrl a, .pageCtrl a:visited{
padding: 0 5px;

text-decoration: none; 
color: #929292;
}



.pageCtrl li.currentpage{
font-weight: bold;
padding: 0 5px;

color: #3EBAEE;
}

.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: #990000;
}

/*c?i1?cA°?e|?e ?ea￥-aR?*/
 
#albumBlock
{
	margin-left: 21%;
	margin-right: 21%;
	
	
	
}
#albumbody
{

height:100%;
}
h3
{
	color: #2E2E2E;
	font-size: 15px;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 10px;
}
#albumList{
	margin-bottom: 10px;
	width: 98%;
	margin-right: auro;
	margin-left: auro;
}
 

.album{
	text-align:center;
	width:200px;
	float: left;
	height: 250px;
	margin: 15px;
	margin-left: 40px;
	
}
.albumimg {
	height: 200px;
	width:200px;
}

.albumList_title
{
  width: 100%;
  color: #8DAB3F;
  height: 14px;
  font-size: 13px;
  text-align: center;
 
}
.albumList_info{
   
}



/*c?i1?cA°?a?A§e ?ea￥-aR?*/
#photobody{position: relative;
}

.albumDesc{
	color:#333333;
	font-size:12px;
	margin: 5px;
}
.albumCategory
{
	color: #666666;
	margin: 5px;
}
#photobody{
	width:100%;
	margin-bottom: 20px;
	}
.photo{
	text-align:center;
	width:120px;
	float: left;
	height: 160px;
	margin: 5px;
	;
	margin-left: 15px;
	
}
.photoimg {
	height: 100px;
	width:100px;
}

.photoList_desc
{
  width: 100%;
  color: #000000;
  height: 14px;
  font-size: 13px;
  text-align: center;
 
}
.albumview
{
	text-align: right;
	width: 98%;
	float: left;
}
/*c?i1?cA°?a?A§e ?ea￥-aR? End*/

/*a?Rai1?AcA?e|?e ?e?i? ea￥-aR?*/
.backindex{
	float:right;
	position: relative;
	top: 7px;
	display: block;
	font: #fff;
	padding-right: 10px;
}


 #viewPicDiv {
	width: 99%;
	text-align: left;
	position: relative;
	border: 1px solid #000;
	margin: 0px auto;
	background:#fff;
}
#viewPicDiv #topbar{
	height:30px;
	padding: 5;
	width: 100%;
	color: #8DAB3F;
	font-size: 12px;
	background: #000;
}

.viewalbumTitle{
	color: #2E2E2E;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: bold;
	line-height: 30px;
	margin: 20px;
}

 #viewPicDiv A:link
{
  COLOR: #5C9FC9; TEXT-DECORATION: none;
}

 #viewPicDiv A:visited
{
  COLOR: #5C9FC9; TEXT-DECORATION: none;
}

 #viewPicDiv A:hover
{
  COLOR: #3EBAEE;
}

 #viewPicDiv A:active
{
  COLOR: #3EBAEE;
}
.photoviewTitle{
    width: 99%;
    color: #666;
    margin-left:5px;
    margin-top:60px;    
    margin-bottom:10px;  
    height: 14px;
    text-align: center;
    font-size: 15px;
}
#photoViewbody{
   text-align:center;
}
.album_pageCtrl{
	padding: 2px;
	width: auto;
	float: right;
	margin: 10px 30px;
	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:99%;
    margin-left:5px;
    margin-top:10px;    
    margin-bottom:10px;  
    text-align: center;

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

/*c??ea￥Aa??ea￥-aR?*/
.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: 5px;
}
.msgquotebody {
	margin-top:10px;
	padding: 5px;
	background-color: #F2F2F2;
}
/*ai?￥?a??a??e!a￥*/

.friendbody{
width:100%;   position:  relative;   text-align:center;  }  

.friendlist{   width:110px;
height:150px; margin:5px; float:left; text-align:center; padding:5px;

.buddyicon{
    border:0px solid #cccccc;
    
    
}
.friend_dest{
	float:left;
	width: 80%;
	padding-left: 10px;
	 
}
.friend_select{
    float:right;
	display:block;
    
}
/*a?A±e?3Mediaea￥-aR?*/
#articleBlock2
{
	line-height: 1.7em;
	width: 74%; background:none;
	padding-left: 10px;
	overflow: hidden;
	padding-bottom: 30px;
	padding-right: 20px;
	position: relative;
	margin-left: 23%;
	float:right;
}
#articleBlock2 A {
	COLOR: #5DA3D4; 
	TEXT-DECORATION: none
}
#articleBlock2 A:link {
	COLOR: #5DA3D4; 
	TEXT-DECORATION: none
}
#articleBlock2 A:visited {
	TEXT-DECORATION:  none
}
#articleBlock2 A:active {
	
}
#articleBlock2 A:hover {
	COLOR: #2C5E9D; 
	TEXT-DECORATION:  none
}


/*e ?cA±?ea￥-aR?*/
.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(shade.gif) top left repeat-x;

}

.shadetabs li a:visited{
color: #2d2b2b;TEXT-DECORATION: none
}

.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(shadeactive.gif);
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: 100%;
}
.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%;
	background-color: #EDFAD8;
	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;
}

/*e ?a?i1?e?i1?a??(RSSaA?mediae ?e?i? a?A±c?a￥)*/
.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
}

/*a??c??a?A±aa￥?e?a￥ea￥-aR?*/


.myclublist{
	height:100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	width: 100%;

}

.myclubimg{
	padding: 5px;
	width: 155px;
	float: left;
	margin-left: 5px;
}

 .myclubid {
	float: left;
	margin: 0px 0px 10px 0px;
	height: auto;
	width: 100%;
  }
  .myclubinfo{
	text-align:left;
	padding: 5px;
	float: left;
	width: 60%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
 .myclubcontent{
	font-size: 12px;
	float: left;
	padding: 10px;
	background-color: #EBF1F1;
	width: 95%;
	margin-left: 5px;
	
 }
 .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;
}
.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;
}

/*aooaA°i?!a??e!a￥e ?*/
#popular2
{
  FONT-SIZE: 12px; COLOR: #000000;
}

#popular2 TABLE
{
  WIDTH: 100%;
}


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





/* --------------------- 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:500px;}*/

/* End hide from IE-mac */
使用小叮嚀： 此樣板套用前，請先到管理介面>功能設定>樣板設定>
　　　　　　　選擇"新版" "三欄"任一樣版套用後，再到編輯CSS貼上上方的CSS哦~

喜歡別忘了給我小鼓勵捏!!^____^
留言 (393) | 引用 (0) | 人氣 () | 轉寄