dotText blog 界面修改

    最近修改了，dotText blog 的界面，不懂美工，所以颜色直接把颜色改成白色为主的简单风格了，如果大家想改成别的风格，请参考《配色方案》。

下面我就把我改的代码防出来，大家要是有更好的代码别忘了告诉我一声啊（http://blog.csdn.net/fengyv）！

body {

 font-size : 0.9em;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 margin : 0px;
}

a:visited,
a:active,
a:link { 
 color: #0066CC;
 text-decoration : none;
}

a:hover {
 text-decoration : underline;
}

h1 {
 margin : 0px;
 font-size : 1.5em;
}

h1 a:visited,
h1 a:active,
h1 a:link {
 color : #000;
}

h1 a:hover {
 color : #47F;
 text-decoration : none;
}

h2 {
 margin-top : 10px;
 font-size : 1em;
}

h3 {
 font-size : 1.2em;
}

h5 {
 margin: 0px;
 padding: 0px;
}

p
{
 font-size: 10pt;
 margin: 10px 0px;
}

div.News
{
 font-size: 10pt;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 padding: 5px;
 padding-left: 10px;
}

div.dateTitle
{
 margin-top: 10px;
 font-weight: bold;
 font-size: 10pt;
 text-align: right;
}

.HeaderTitles
{
 font-familyXXX: "Trebuchet MS";
 padding-top: 10px;
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 10px;
 width: 100%;
}

.HeaderTitles a:visited,
.HeaderTitles a:active,
.HeaderTitles a:link,
.HeaderTitles a:hover
{
 color: #0066cc;
 text-decoration : none;
 font-size: .75em;
 font-weight: normal;
}

.HeaderBar
{
 font-weight: normal;
 font-size: 9pt;
 border-collapse: collapse;
 background: #f6f6f6;
             text-align: right;

}

.HeaderBar a:visited,
.HeaderBar a:active,
.HeaderBar a:link
{
 color: #0066cc;
 text-decoration: none;
 font-weight: normal;
}

.HeaderBarTab
{
   background: #f6f6f6;
   border-collapse: collapse;
   padding: 0px;
 visibility: hidden;
 display: none;
}

.BlogStatsBar
{
 text-align:right;
 font-weight: normal;
 font-size: 7pt;
 color: #000000; 
}

p.date img {
 vertical-align : middle;
}

p.date {
 font-size : 0.9em;
 font-weight : bold;
 margin-bottom : 0px;
 padding-top: 2px;
 padding-right: 0px;
 padding-bottom: 4px;
 text-align: right;
}

blockquote {
 font-style : italic;
}

div.postTitle a:visited,
div.postTitle a:active,
div.postTitle a:link
{
 color: #0066cc;
 text-decoration : none;
}

div.post
{
 border-right: gainsboro 1px solid;
 border-top: gainsboro 1px solid;
 border-left: gainsboro 1px solid;
 border-bottom: gainsboro 1px solid;
}

div.postTitle
{
 padding-left: 3px;
 font-weight: bolder;
 font-size: 10pt;
 padding-bottom: 3px;
 padding-top: 3px;
 border-bottom: gainsboro 1px dotted;
 background-color: White;
}

div.postText
{
 padding-right: 10px;
 padding-left: 3px;
 font-size: 10pt;
 padding-bottom: 3px;
 padding-top: 3px;
}

div.postFoot
{
 background-color: #ffffff;
 border-top: gainsboro 1px dotted;
 font-size: 9pt;
 padding-right: 3px;
 padding-left: 3px;
 padding-bottom: 1px;
 padding-top: 1px;
 text-align: right;
}

#top
{
   background: #f6f6f6;
 color : WhiteSmoke;
 border-top : 1px solid Black;
 border-bottom : 1px dotted Black;
 padding: 0px;
 margin: 0px;
}

#tagline {
 font-size : 0.8em;
 margin : 0px;
 color: #000000;
}

#leftmenu {
 position : absolute;
 left : 0px;
 width : 180px;
 height:auto;
 background-color: White;
 padding-top: 5px;
}

#leftmenu h3 {
 font-size : 0.8em;
 margin : 0px;
 margin-top : 10px;  
 padding-bottom: 2px;
 padding-left: 3px;
 border-top: solid 1px Gainsboro;
}

#leftmenu ul {
 list-style: none;
 margin : 0px;
 padding-left : 5px;
 margin-left : 5px;
 margin-bottom : 10px;
 font-size : 9pt;
}

#leftmenu ol
{
 padding-left: 5px;
 list-style-position: inside;
 font-size: 9pt;
 margin: 0px 5px 10px;
 list-style-type: decimal;
}

#leftmenu li
{
 font-size: 9pt;
 margin-bottom: 5px;
 WORD-BREAK: break-all;
 WORD-WRAP: break-word;
}

#leftmenu a
{
 padding: 1px;
 text-decoration: none;
}

#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link
{
}

#leftmenu a:hover
{
 font-style:italic;
}

#main {
 margin-left : 180; 
 background-color : White;
 padding : 10px;
 border-left : 1px dotted #555;
 border-bottom : 1px dotted Black;
}

#footer {
 margin : 0px; 
 padding-top : 5px;
 text-align : center;
 font-size : 0.7em;
}

input, textarea
{
 font-size: 1.0em;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
}

.CommentForm
{
 font-size: 9pt;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Button
{
 border: 1px solid SteelBlue;
 background-color: gainsboro;
}

上一篇：《Xen虚拟技术的发展现状与红帽集成情况》《linux设备驱动的安全端口分配》