codekasten/tmpl2html/example/style/metro01.css

141 lines
2.3 KiB
CSS

body{
/*font: 70%/1.4em Verdana, Arial, Helvetica, sans-serif;*/
font: 90% Verdana, Arial, Helvetica, sans-serif;
color: #666;
background: #fff url('body_bg3.png') repeat-x;
}
a:link, a:visited, a:active {
font-weight:bold;
color: #555;
text-decoration:none;
}
a:hover, a:visited:hover {
font-weight:bold;
color:#2a56d6;
text-decoration:underline;
}
#wrap{
width:760px;
margin:0 auto;
}
#wrap_top{
background: url('tab_top_bg.gif') top center no-repeat;
height:5px;
}
#main{
background:#fff;
margin:0;
overflow:hidden;
}
#head{
margin:0;
padding: 5px 5px 17px 5px;
background: url('title2.jpg') no-repeat;
background-position: 50% 100%;
height:145px;
}
#head .navbar{
padding:0;
margin:0;
}
#head .navbar li{
display:inline;
}
#head .navbar li a{
padding: 0 15px ;
font-weight:bold;
font-size: 13px;
color:#666666;
}
#head .navbar li a:hover,#head .navbar li a:active {
text-decoration:underline;
color:#2a56d6;
}
#head h1.title{
color:#fff;
font-size: 18px;
text-align:right;
text-transform:uppercase;
margin:0;
padding: 115px 10px 0 0;
}
#content{
margin: 5px 0 0 0;
width: 580px;
padding: 0 20px 20px 20px;
float:left;
/*
background: url('content_sep.png') repeat-y;
*/
background-position: 98.5% 0;
}
#content .entry{
/*
border-bottom: #ddd 1px solid;
*/
text-align:justify;
}
#content .entry p{
margin: 0.2em 0 1.2em 0;
}
#content .entry h2{
border-bottom:2px solid #F0F0F0;
margin:25px 0 10px 0;
padding:0;
color:#557ef5;
}
#content .entry .links{
margin:-8px 0 2px 0;
text-align:right;
letter-spacing:1px;
font-size: 8px;
color:#666;
}
#rightbar{
width: 130px;
padding: 10px 10px 5px 0;
float:left;
text-align:right;
}
#rightbar .box{
margin: 5px 0 20px 0;
}
#rightbar .box h2{
margin:0 0 2px 0;
padding: 0;
font-size: 11px;
letter-spacing:1px;
font-variant: small-caps;
border-bottom: #666 1px solid;
color:#557ef5;
}
#rightbar .box ul{
margin:0;
padding:0;
list-style:none;
}
#rightbar .box li{
font-size: 12px;
padding: 2px 0;
}
#rightbar #desc.box{
background:#eee;
padding:10px;
}
#footer{
clear:both;
text-align:right;
background: #ddd;
padding: 10px;
font-size:8px;
color:#333;
}