摘要:CSDNThemesDesignBYEmerald绿色学院-GreenInstitute
:( 前段时间用 marvin3-brown.css 用得好好的, 不过管理员好像把模板的 Class 给改了,
只好重新选一个设计一下.....
希望这次可以用久一点.
样子选 blue:
效果预览(Preview): http://blog.csdn.net/images/blog_csdn_net/btbtd/95742/o_themes.blue.design.by.emerald.jpg
/****************************************************************\<br />
*<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><br />
*CSS Document design by Emerald <br />
*绿色学院 - Green Institute <br />
* http://gi.2288.org:88/ <br />
\****************************************************************\<br />
**px*px*px*px <br />
*--------------------------------------------------------------- <br />
*上 右下 左 <br />
*--------------------------------------------------------------- <br />
*TopRightDownLeft <br />
\****************************************************************/<br />
@charset "utf-8";<br />
/* CSS Document */<br />
body{<br />
color: #000000;<br />
font-size: 12px;<br />
font-family: Verdana, Arial, Helvetica, sans-serif;<br />
font-weight: normal;<br />
text-transform: capitalize;<br />
text-decoration: none;<br />
padding: 0px;<br />
margin:-30px 0px 0px 0px;<br />
overflow-x: hidden;<br />
SCROLLBAR-ARROW-COLOR: #ffffff;<br />
SCROLLBAR-TRACK-COLOR: #8cc400;<br />
SCROLLBAR-BASE-COLOR: #68b400;<br />
}<br />
a, a:link, a:hover, a:active, a:visited {<br />
text-decoration: none;<br />
font-size: 12px;<br />
color: #000000;<br />
}<br />
a:hover {<br />
background-color: #f3f4f5;<br />
}<br />
form {<br />
margin:-30px 0px 0px 0px;<br />
padding:-30px 0px 0px 0px;<br />
}<br />
form#Form1 {<br />
margin:-30px 0px 0px 0px;<br />
padding:0px;<br />
vertical-align:middle;<br />
}<br />
input, img {<br />
margin:0px;<br />
padding:0px;<br />
overflow:hidden;<br />
vertical-align:middle;<br />
}<br />
img {<br />
border: 0;<br />
}<br />
div, ul, li, dl, dt, dd, table, tr, td, p, font,ol {<br />
font-size: 12px;<br />
text-align:left;<br />
margin:0px;<br />
padding:0px;<br />
overflow:hidden;<br />
}<br />
li {<br />
list-style-type: square;<br />
}<br />
label{<br />
background-color: #F38383;<br />
padding: 0px 0px 0px 16px;<br />
}<br />
table {<br />
width: 100%;<br />
}<br />
table td {<br />
border-width: 0;<br />
vertical-align: top;<br />
}<br />
hr.borderBottom {<br />
border-bottom-width: thin;<br />
border-bottom-style: dashed;<br />
border-bottom-color: #000000;<br />
margin:5px 0px 1px 0px;<br />
width:100%;<br />
}<br />
hr.borderNews, hr {<br />
border-bottom-width: thin;<br />
border-bottom-style: dashed;<br />
border-bottom-color: #000000;<br />
margin:0px;<br />
width:100%;<br />
}<br />
/*****************************************************************************************************************/<br />
/* header */<br />
div#banner {<br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_Emerald.design.csdn.white.themes.jpg);<br />
height:120px;<br />
margin:0px;<br />
padding:0px;<br />
}<br />
div.header {<br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_Emerald.design.csdn.white.themes.jpg);<br />
height:120px;<br />
overflow:hidden;<br />
width:100%;<br />
margin:0px 0px 1px 0px;<br />
padding:0px;<br />
}<br />
div.header a {<br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_Emerald.design.csdn.white.themes.jpg);<br />
width:100%;<br />
margin:0px;<br />
padding:0px;<br />
}<br />
a#Header1_HeaderTitle {<br />
overflow:hidden;<br />
white-space:nowrap;<br />
text-align:left;<br />
width:100%;<br />
margin:0px;<br />
padding:0px;<br />
position:absolute;<br />
top:0px;<br />
left:0px;<br />
}<br />
a#Header1_HeaderTitle a, a#Header1_HeaderTitle a:hover {<br />
width:100%;<br />
}<br />
div.header div {<br />
height:101px;<br />
color:#ffffff;<br />
width:100%;<br />
text-align:right;<br />
vertical-align:text-bottom;<br />
vertical-align:bottom;<br />
}<br />
div.pagelayoutn {<br />
padding:0px;<br />
margin:0px;<br />
}<br />
.pagelayout {<br />
position: absolute;<br />
top: 0px;<br />
margin:0px;<br />
}<br />
/*****************************************************************************************************************/<br />
/* leftcolumn */<br />
.leftcolumn {<br />
width: 220px;<br />
float: left;<br />
margin-left: 0px;<br />
padding: 0px;<br />
text-align: left;<br />
}<br />
div.GoogleAdCommon {<br />
position:absolute;<br />
right:0px;<br />
top:0px;<br />
width:120px;<br />
}<br />
div.leftcolumn div.listtitle, div.leftcolumn h1.listtitle,div.leftcolumn h3.listtitle {<br />
background-color:#68b400;<br />
padding:2px 0px 2px 20px; <br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_gi-2.jpg);<br />
background-repeat:no-repeat;<br />
}<br />
div.leftcolumn ul.list a {<br />
font-weight:normal;<br />
}<br />
div.leftcolumn ul.list li.listitem, div.leftcolumn ul.list li {<br />
overflow:hidden;<br />
white-space:nowrap;<br />
line-height:150%;<br />
display:block;<br />
}<br />
div.leftcolumn ul.list li.listitem a, div.leftcolumn ul.list li a{<br />
padding:0px 0px 0px 5px;<br />
}<br />
div.leftcolumn ul.list li.listitem a:hover, div.leftcolumn ul.list li a:hover{<br />
border: thin solid #68B400;<br />
}<br />
/*<br />
div.affiche {<br />
width:220px;<br />
}<br />
<br />
ul.affiche {<br />
position:absolute;<br />
right:0px;<br />
width:220px;<br />
top:0px;<br />
}<br />
*/<br />
/*****************************************************************************************************************/<br />
/* centercolumn */<br />
.centercolumn {<br />
padding: 0px;<br />
margin-left: 220px;<br />
}<br />
div.centercolumn div.dateTitle {<br />
background-color: #8CC400;<br />
border: thin none #FFFFFF;<br />
padding:2px 0px 2px 175px; <br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_green-institute.jpg);<br />
background-repeat:no-repeat;<br />
}<br />
div.post {<br />
padding:0px;<br />
margin:0px<br />
}<br />
div.postTitle {<br />
background-color: #C0F1B9;<br />
margin:0px;<br />
padding:5px;<br />
background-color: #f3f4f5;<br />
}<br />
.postTitle a {<br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_Emerald.jpg);<br />
background-repeat:no-repeat;<br />
}<br />
.postTitle, .postTitle a{<br />
text-decoration: none;<br />
font-weight: normal;<br />
padding:3px 5px 3px 80px;<br />
}<br />
.postTitle a:hover {<br />
border: thin solid #68B400;<br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_Emerald.jpg);<br />
background-repeat:no-repeat;<br />
}<br />
div.postText {<br />
padding:5px 2px 0px 5px;<br />
font-size:14px;<br />
line-height:150%;<br />
}<br />
div.centercolumn {<br />
}<br />
div.post {<br />
}<br />
div.postFoot {<br />
padding:0px 2px;<br />
}<br />
/*<br />
div.centercolumn h1 {<br />
font-size:12px;<br />
background-color: #8CC400;<br />
padding:2px;<br />
color:#ffffff;<br />
}<br />
*/<br />
div.centercolumn h1{<br />
background-color:#8CC400;<br />
margin:0px;<br />
color:#ffffff;<br />
font-size:12px;<br />
padding:2px 0px 2px 175px; <br />
background-image:url(http://blog.csdn.net/images/blog_csdn_net/btbtd/101180/o_green-institute.jpg);<br />
background-repeat:no-repeat;<br />
}<br />
div.centercolumn ul.entrylist li.entrylistitem {<br />
background-color:#f3f4f5;<br />
padding:2px 5px;<br />
}<br />
div.centercolumn ul.entrylist li.entrylistitem div.itemdesc {<br />
}<br />
div.centercolumn p a#CategoryEntryList.ascx_EntryStoryList_EntryCollectionReadMoreLink a{<br />
background-color: #FF8040;<br />
}<br />
div.centercolumn p a{<br />
color: #FF8040;<br />
}<br />
/*****************************************************************************************************************/<br />
/* Comments */<br />
div#comments {<br />
background-color:#efefef;<br />
}<br />
div#comments div.post div.postText {<br />
padding:5px;<br />
}<br />
div#comments div.post div.postTitle {<br />
background-color: #8CC400;<br />
color:#000000;<br />
padding:2px;<br />
}<br />
div#comments div.post div.postTitle span {<br />
padding:0px 2px;<br />
color:#ffffff;<br />
cursor: auto;<br />
}<br />
/*****************************************************************************************************************/<br />
/* Other */<br />
.leftcolumn, .rightcolumn, .centercolumn {<br />
}<br />
.rightcolumn {<br />
width: 220px;<br />
float: right;<br />
margin-left: 0px;<br />
padding: 0px;<br />
text-align: left;<br />
}<br />
<br />
/*****************************************************************
* author : Emerald<btbtd@yahoo.com.cn>
*
* homepage : http://gi.2288.org:88/
*
* Seo-Gi : http://seo.2288.org:88
*
* sitename : 绿色学院 - Green Institute
*
* date : 2005-4-6 19:53:32
*
\****************************************************************/