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