2008-07-11
mainstyles.css
关键字: 页面css
@charset "UTF-8";
html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img {
padding: 0;
margin: 0;
border: 0;
}
body {
font: 11px Verdana, Arial, Helvetica, sans-serif;
background: url(../images/header_bckgrnd.jpg) 0 0 repeat-x;
}
p {
margin:8px 0;
}
a:hover {
text-decoration:none;
}
/* header image */
#header {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#333;
height:45px;
padding: 30px 0px 0px 240px;
/*background: url(../images/header.jpg) no-repeat;*/
}
/* main nav styles */
#mainav {
background: #ebebeb url(../images/nav_bckgrnd.jpg) 0 0 repeat-x;
/*font-size:12px;*/
color: #666;
border-top: solid 1px #DFDFD1;
margin-bottom:20px;
}
#navtable {
border:0px;
}
#navtable td {
border-right:solid 1px #999;
}
#navtable td a {
padding: 4px 8px;
text-decoration:none;
color: #666;
font-weight:bold;
display:block;
}
#navtable td a:hover {
background: url(../images/navon_bckgrnd.jpg) 0 0 repeat-x;
color: #FFF;
}
/* right side of maninav info style */
#info {
padding-right: 35px;
text-align:right;
font-size:10px;
color:#000;
}
/*left column style */
#left {
width:200px;
margin:0px 10px;
float:left;
}
/*left nav style */
#leftnav {
width:180px;
background: #F5F5F5 url(../images/lefthdr_bckgrnd.gif) no-repeat;
border-bottom:solid 10px #FC1921;
padding: 5px 10px;
color: #333;
}
/*form spacing styles */
form {
margin-top:15px;
}
form div {
margin:8px 0;
}
select, input {
margin-top:4px;
}
/*use h1 tag for left nav header only */
h1 {
margin-bottom:10px;
text-align:center;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
}
h2 {
font-size: 16px;
color:#666;
}
/*left right style */
#right {
width:70%;
margin:0px 10px 10px;
float:left;
}
/* results tables header style */
th {
background: #FC1921;
color: #FFF;
font-weight: bold;
}
/* button style for side nav buttons */
.button {
list-style-type: none;
text-indent: 0px;
padding: 8px 0;
}
.button li {
display:inline;
}
.button li a {
width:50px;
background: url(../images/nav_bckgrnd.jpg) 0 0 repeat-x;
border:solid 1px #666;
color:#000;
padding:4px;
margin:0px 5px;
text-decoration:none;
text-align:center;
}
.button li a:hover {
background: url(../images/navon_bckgrnd.jpg) 0 0 repeat-x;
color:#FFF;
}
/* admin pages side nav */
#adminleft {
width:180px;
background: #D2DCD1 url(../images/lefthdr_bckgrnd.gif) no-repeat;
border-bottom:solid 10px #FC1921;
padding: 5px 10px;
color: #333;
}
#adminav {
list-style-type: none;
text-indent: 0px;
margin-top:15px;
}
#adminav li a {
width:170px;
background: url(../images/nav_bckgrnd.jpg) 0 0 repeat-x;
border:solid 1px #999;
color:#666;
font-size:10px;
font-weight:bold;
padding:5px 4px;
margin:2px 0;
text-decoration:none;
text-align:center;
display:block;
}
#adminav li a:hover {
background: url(../images/navon_bckgrnd.jpg) 0 0 repeat-x;
color:#FFF;
}
#footer {
color:#000;
font-size: 10px;
text-align:center;
margin-top:50px;
}
html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, img {
padding: 0;
margin: 0;
border: 0;
}
body {
font: 11px Verdana, Arial, Helvetica, sans-serif;
background: url(../images/header_bckgrnd.jpg) 0 0 repeat-x;
}
p {
margin:8px 0;
}
a:hover {
text-decoration:none;
}
/* header image */
#header {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#333;
height:45px;
padding: 30px 0px 0px 240px;
/*background: url(../images/header.jpg) no-repeat;*/
}
/* main nav styles */
#mainav {
background: #ebebeb url(../images/nav_bckgrnd.jpg) 0 0 repeat-x;
/*font-size:12px;*/
color: #666;
border-top: solid 1px #DFDFD1;
margin-bottom:20px;
}
#navtable {
border:0px;
}
#navtable td {
border-right:solid 1px #999;
}
#navtable td a {
padding: 4px 8px;
text-decoration:none;
color: #666;
font-weight:bold;
display:block;
}
#navtable td a:hover {
background: url(../images/navon_bckgrnd.jpg) 0 0 repeat-x;
color: #FFF;
}
/* right side of maninav info style */
#info {
padding-right: 35px;
text-align:right;
font-size:10px;
color:#000;
}
/*left column style */
#left {
width:200px;
margin:0px 10px;
float:left;
}
/*left nav style */
#leftnav {
width:180px;
background: #F5F5F5 url(../images/lefthdr_bckgrnd.gif) no-repeat;
border-bottom:solid 10px #FC1921;
padding: 5px 10px;
color: #333;
}
/*form spacing styles */
form {
margin-top:15px;
}
form div {
margin:8px 0;
}
select, input {
margin-top:4px;
}
/*use h1 tag for left nav header only */
h1 {
margin-bottom:10px;
text-align:center;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
}
h2 {
font-size: 16px;
color:#666;
}
/*left right style */
#right {
width:70%;
margin:0px 10px 10px;
float:left;
}
/* results tables header style */
th {
background: #FC1921;
color: #FFF;
font-weight: bold;
}
/* button style for side nav buttons */
.button {
list-style-type: none;
text-indent: 0px;
padding: 8px 0;
}
.button li {
display:inline;
}
.button li a {
width:50px;
background: url(../images/nav_bckgrnd.jpg) 0 0 repeat-x;
border:solid 1px #666;
color:#000;
padding:4px;
margin:0px 5px;
text-decoration:none;
text-align:center;
}
.button li a:hover {
background: url(../images/navon_bckgrnd.jpg) 0 0 repeat-x;
color:#FFF;
}
/* admin pages side nav */
#adminleft {
width:180px;
background: #D2DCD1 url(../images/lefthdr_bckgrnd.gif) no-repeat;
border-bottom:solid 10px #FC1921;
padding: 5px 10px;
color: #333;
}
#adminav {
list-style-type: none;
text-indent: 0px;
margin-top:15px;
}
#adminav li a {
width:170px;
background: url(../images/nav_bckgrnd.jpg) 0 0 repeat-x;
border:solid 1px #999;
color:#666;
font-size:10px;
font-weight:bold;
padding:5px 4px;
margin:2px 0;
text-decoration:none;
text-align:center;
display:block;
}
#adminav li a:hover {
background: url(../images/navon_bckgrnd.jpg) 0 0 repeat-x;
color:#FFF;
}
#footer {
color:#000;
font-size: 10px;
text-align:center;
margin-top:50px;
}







评论排行榜