Stlye Blue width 760px ,Backup... Emerald 绿色学院 - Green Institute /****************************************************************/ * <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> * 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; text-align:center; width:760px; margin:auto; padding:auto; overflow-x: hidden; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #8cc400; SCROLLBAR-BASE-COLOR: #68b400; background-image:url(http://blog.youkuaiyun.com/images/blog_youkuaiyun.com/btbtd/101180/o_Emerald.design03.backgroound.text.jpg); background-repeat:repeat; } #Form1 { text-align:center; margin:auto; padding:auto; text-align:center; width:760px; } a, a:link, a:hover, a:active, a:visited { text-decoration: none; font-size: 12px; color: #000000; } a:hover { background-color: #f3f4f5; } 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.youkuaiyun.com/images/blog_youkuaiyun.com/btbtd/101180/o_Emerald.design.csdn.white.themes.jpg); height:120px; margin:0px; padding:0px; } div.header { background-image:url(http://blog.youkuaiyun.com/images/blog_youkuaiyun.com/btbtd/101180/o_Emerald.design.csdn.white.themes.jpg); height:120px; overflow:hidden; width:760px; margin:0px 0px 1px 0px; padding:0px; } div.header a { background-image:url(http://blog.youkuaiyun.com/images/blog_youkuaiyun.com/btbtd/101180/o_Emerald.design.csdn.white.themes.jpg); width:760px; margin:0px; padding:0px; text-align:center; } a#Header1_HeaderTitle { overflow:hidden; white-space:nowrap; width:760px; margin:0px; padding:0px; top:0px; float:left; } a#Header1_HeaderTitle a, a#Header1_HeaderTitle a:hover { width:100%; } div.header div { height:104px; color:#ffffff; width:760px; text-align:right; vertical-align:text-bottom; vertical-align:bottom; font-family:font-family: Tahoma, sans-serif; } .header div { height:104px; color:#ffffff; width:760px; text-align:right; vertical-align:text-bottom; vertical-align:bottom; font-family:font-family: Tahoma, sans-serif; } div.pagelayoutn { margin:auto; padding:auto; } .pagelayout { margin:auto; padding:auto; background: #fff; top: 0px; position:static; } /*****************************************************************************************************************/ /* leftcolumn */ .leftcolumn { width: 200px; float: left; 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.youkuaiyun.com/images/blog_youkuaiyun.com/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; } /*****************************************************************************************************************/ /* centercolumn */ .centercolumn { width:560px; float:right; margin:auto; padding:0; background-color:#ffffff; } div.centercolumn div.dateTitle { background-color: #8CC400; border: thin none #FFFFFF; padding:2px 0px 2px 175px; background-image:url(http://blog.youkuaiyun.com/images/blog_youkuaiyun.com/btbtd/101180/o_green-institute.jpg); background-repeat:no-repeat; width:560px; white-space:nowrap; } div.post { padding:0px; margin:0px } div.postTitle { background-color: #C0F1B9; margin:0px; padding:5px; background-color: #f3f4f5; width:560px; overflow:hidden; } .postTitle{ text-decoration: none; font-weight: normal; padding:3px 5px 3px 2px; overflow:hidden; } .postTitle a { text-decoration: none; font-weight: normal; padding:3px 5px 3px 2px; white-space:nowrap; } .postTitle a:hover { border: thin solid #68B400; } div.postText { padding:5px 2px 0px 5px; font-size:14px; line-height:150%; } 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.youkuaiyun.com/images/blog_youkuaiyun.com/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 { } <ul> <li>历史一再证明,</li> <li>今天看来是危险的思想,</li> <li>明天却会成为常识。</li> <li>没有思想自由,</li> <li>就不可能有智慧……</li> <li><a href="http://gi.cc.to/" target="_blank">http://gi.cc.to/</a></li> <li><a href="http://yg.it.to/" target="_blank">http://yg.it.to/</a></li> <li><a href="http://gi.it.to/" target="_blank">http://gi.it.to/</a></li> <li><a href="http://gi.qq.to/" target="_blank">http://gi.qq.to/</a></li> </ul> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>