馬樂地:樹的天空 treesky 兩欄式版面

<< 電影《練習曲》兩欄式版面 | 回blog首頁 |

November 13,2008

樹的天空 treesky 兩欄式版面

瀏覽器：

自我介紹欄：無
月曆欄：無
樂多標籤欄：無
blog 可放置的圖片大小：寬 400px

CSS：

body {
	font-size: 12px;
	color: #a79a87;
	background-color: #2e2e25;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
}
a{
	color: #94699e;
	text-decoration: underline;
}
a:link, a:visited{
	color: #94699e;
	text-decoration: none;
}
a:hover, a:active{
	color: #94699e;
	text-decoration: underline;
}
#container{
	background-color: #2e2e25;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}
#banner{
	width: 860px;
	height: 175px;
	background: url(http://blogimage.roodo.com/csstest/cd772af6.jpg) no-repeat center;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	border-style: dotted;
	border-color: #645e50;
	border-width: 1px;
}
#banner a{
	color: #fff;
	text-decoration: none;
}
#banner a:link, #banner a:visited{
	color: #fff;
	text-decoration:none;
}
#banner a:active, #banner a:hover{
	left: 1px; 
	top: 1px; 
	position: relative; 
	color: #2e2e25;
	text-decoration:none;
}
.blogtitle{
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-weight: lighter;
	color: #fff;
	font-size: 12px;
	padding-top: 60px;
	margin-left: 60px;
	margin-bottom: 0px;
	text-align: center;
	letter-spacing: 2px;
}
.description{
	font-family: Verdana, Helvetica, sans-serif;
	color: #fff;
	font-size: 11px;
	margin-left: 62px;
	margin-top: -3px;
	text-align: center;
}
#content{
	width: 580px;
	float: right;
}
.blog{}
#links{
	width: 255px;
	margin-left: 5px;
	margin-top: 5px;
	float: left;
	background: url() no-repeat center bottom;
}
.date{
	font-size: 36px;
	line-height: 100%;
	font-family: Kunstler Script, Edwardian Script ITC,  Palace Script MT, Vladimir Script, Apple Chancery, Georgia, Verdana, Helvetica, sans-serif;
	color: #a79a87;
	font-weight: lighter;
	text-align: right;
	padding-right: 15px;
	margin-top: 15px;
	margin-bottom: 0px;
	border-right: outset 10px;
}
.date:before{
	content:"Date ";
}
.blogbody{
	background: url(http://blogimage.roodo.com/csstest/f852f6ff.jpg) top right;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-top: 0px;
	border-color: #816d5b;
	border-bottom: #3a3a30 solid 5px;
}
.title{
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	margin-right: 80px;
	padding-right: 10px;
	padding-top: 30px;
	padding-bottom: 5px;
	text-align: right;
	font-weight: lighter;
	color: #816d5b;
	border-bottom: #645e50 solid 1px;
}
.main{
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	margin-top: 35px;
	padding-right: 25px;
	padding-left: 25px;
	font-size: 13px;
	line-height: 150%;
	color: #a79a87;
}
.main-continues{
	float: right;
	margin-top: 20px;
	font-size: 12px;
	color: #a79a87;
}
a.acontinues{
	color: #a79a87;
	text-decoration: none;
}
a.acontinues:link, a.acontinues:visited{
	color: #a79a87;
	text-decoration: none;
}
a.acontinues:hover, a.acontinues:active{
	color: #94699e;
	text-decoration: underline;
}
.posted{
	font-size: 11px;
	text-align: right;
	padding-right: 15px;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #645e50;
	font-style: normal;
}
a.aposted{
	color: #645e50;
	text-decoration: none;
	margin-left: 1px;
	font-style: normal;
}
a.aposted:link, a.aposted:visited{
	color: #645e50;
	font-style: normal;
	text-decoration: underline;
}
a.aposted:hover, a.aposted:active{
	color: #94699e;
	text-decoration: underline;
}
.trackback-url{
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: bloder;
	color: #645e50;
	padding-left: 5px;
	margin-top: -40px;
}
.trackback-body{
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bloder;
	color: #645e50;
	border-top: 1px solid #3a3a30;
	border-left: 1px solid #3a3a30;
	border-right: 1px solid #3a3a30;
	padding: 20px;
}
.trackback-post{
	color: #645e50;
	font-weight: lighter;
	text-align: right;
	font-size: 11px;
	margin-bottom: 20px;
	padding: 0px 20px 5px 20px;
	border-left: 1px solid #3a3a30;
	border-right: 1px solid #3a3a30;
	border-bottom: 10px solid #3a3a30;
}
a.atrackback-post{
	color: #645e50;
	font-style: normal;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
	border-left: 1px solid;
	border-right: 1px solid;
}
a.atrackback-post:link, a.atrackback-post:visited{
	color: #645e50;
	text-decoration: none;
}
a.atrackback-post:hover, a.atrackback-post:active{
	color: #94699e;
	text-decoration: underline;
}
.comments-head{
	font-size: 13px;
	border-top: 1px dashed #3a3a30;
	margin-top: 60px;
	padding-top: 10px;
	padding-left: 5px;
	padding-bottom: 10px;
}
.comments-body{
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	color:#a79a87;
	font-size: 13px;
	border-top: 1px solid #645e50;
	border-left: 1px solid #645e50;
	border-right: 1px solid #645e50;
	padding: 20px;
}
.comments-post{
	background: url(http://blog.roodo.com/csstest/dfa6f367.jpg) center;
	background-repeat: no-repeat;
	color:#e9f1cb;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	font-style: none;
	font-weight: normal;
	text-align: right;
	line-height: 230%;
	padding-top: 2px ;
	padding-right: 60px;
	margin-bottom: 40px;
	border-top: 1px solid #645e50;
	border-left: 1px solid #645e50;
	border-right: 1px solid #645e50;
	border-bottom: 1px solid #645e50;
}
.form{
	font-size: 14px;
	text-transform: capitalize;
	width: 800px;
	margin-top: 50px;
}
#author{
	border: 1px solid #816d5b;
	font-size: 14px;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	padding: 2px;
	width: 500px;
}
#email{
	font-size: 14px;
	border: 1px solid #816d5b;
	font-style: italic;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	padding: 2px;
	width: 500px;
}
#url{
	font-size: 14px;
	border: 1px solid #816d5b;
	font-style: italic;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	padding: 2px;
	width: 500px;
}
#text{
	font-size: 14px;
	border: 1px solid #816d5b;
	font-family: Georgia, Verdana, Helvetica, sans-serif;
	padding: 5px;
	width: 500px;
}
.menu{
	font-size: 11px;
	text-align: right;
	margin-top: 10px;
	margin-right: 0px;
	color: #b4a800;
}
a.amenu{
	text-decoration: none;
	color: #645e50;
	font-style: normal;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	border-left: 1px solid;
	border-right: 1px solid;
}
a.amenu:link, a.amenu:visited{
	color: #645e50e;
	text-decoration: underline;
}
a.amenu:hover, a.amenu:active{
	color: #94699e;
	text-decoration: underline;
}
.pagetop{
	font-size: 13px;
	text-align: right;
	padding-right: 20px;
	margin-top: 5px;
	visibility: hidden;
}
.sidetitle{
	width: 250px;
	height: 28px;
	font-size: 12px;
	font-weight: lighter;
	color: #a59983;
	text-align: center;
	line-height: 230%;
	padding-top: 2px ;
	background: url(http://blogimage.roodo.com/csstest/16243ba3.jpg) center;
	background-repeat: no-repeat;
	border-style: solid;
	border-color: #645e50;
	border-width: 1px;
}
.side{
	font-size: 11px; 
	font-weight: normal;
	color:#816d5b;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}
a.aside{
	display: list-item;
	list-style: none;
	font-size: 12px; 
	color: #a79a87;
	text-decoration: none;
}
a.aside:link, a.aside:visited{
	font-size: 12px; 
	color: #a79a87;
	text-decoration: none;
}
a.aside:hover, a.aside:active{  
	color: #94699e;
	text-decoration: underline;
}
.sidebody{
	padding-bottom: 3px;
	margin-left: 0px;
	margin-bottom: 2px;
	line-height: 130%;
}
.pic-left{
	float:left;
	margin: 5px 10px;
	padding: 15px;
	border:3px solid #3a3a30;
	text-align:left;
	font-size: 12px;
	color: #a79a87;
	line-height: 130%;
}
.pic-right{
	float:right;
	margin: 5px 10px;
	padding: 15px;
	border:3px solid #3a3a30;
	text-align:left;
	font-size: 12px;
	color: #a79a87;
	line-height: 130%;
}
.imgmain {
	padding: 5px;
	margin-bottom: 5px;
	border-style: dotted;
	border-color: #645e50;
	border-width: 1px;
}
img{
}
.clear{
	clear: both;
}
#footer{}
.syndicate{		
	visibility: hidden;
}
.dir{
	visibility: hidden;
}
.adbox{		
	visibility: hidden;
}

/* CSS by Marti http://blog.roodo.com/cssmarti/ */

Posted by cssmarti at 樂多Roodo! │04:06 │回應(1) │引用(0) │意象

樂多分類：網路/3C 共同主題：CSS設計排版工具：編輯本文

引用URL

http://cgi.blog.roodo.com/trackback/7563153

回應文章

這個面板的語法使用後，會出現電影練習取的樣式說 =.=

Posted by smile at March 17,2009 17:38

姓名 :
Email :
URL :
回應狀態:	公開私密
	記住我的資訊顯示我的圖像 ( 登入或申請個人圖像 )
回應內容 :

回最上方