相关代码
推荐使用
你的广告
- 广告代码1
Adviertisement
校内网css样式教程又一例
body {
background: url(../images/bg.jpg) repeat-x 0 0 #f3fbfb;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}
p { font-size: 0.8em; color: #4e4e4e; line-height: 1.5em; margin: 0 0 1.2em 0; }
h1, h2, h3, h3 a { color: #03558c; font-weight: normal; }
h2 { font-size: 1.0em; margin: 0px 0px 4px 0px; }
h3 { font-size: 0.8em; font-weight: bold; }
h3 a { font-weight: bold; text-decoration: none; }
h3 a:hover { text-decoration: underline; }
a img { border: none; }
#wrapper {
background: url(../images/header.jpg) no-repeat center 0px;
width: 100%;
float: left;
min-width: 995px;
}
#wrapper2 { width: 995px; margin: 0px auto; }
#header { width: 995px; float: left; height: 270px; }
#content { width: 953px; float: left; padding: 0px 21px; background: url(../images/dash_y.gif) repeat-y 664px 0px; }
#left { float: left; width: 620px; }
#right { width: 287px; float: right; margin: 0px 0px 10px 0px; }
#navigation { float: left; width: 100%; }
#navigation ul { float: right; margin: 0px 21px 0px 0px; padding: 0px; border-left: 1px solid #367ea8;}
#navigation ul li { float: left; list-style-type: none; }
#navigation ul li a {
float: left;
height: 23px;
padding: 12px 18px 0px 18px;
font: 0.7em Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
text-decoration: none;
border-right: 1px solid #367ea8;
}
#navigation ul li a:hover { text-decoration: underline; }
#pHome #navigation .home { background: url(../images/nav_Home.gif) no-repeat right 0px; }
#pAbout #navigation .about { background: url(../images/nav_About.gif) repeat-x 0 0; }
#pServices #navigation .services,
#pPortfolio #navigation .portfolio,
#pContact #navigation .contact
{ background: url(../images/nav_Active.gif) repeat-x 0 0; }
#header .slogan {
background: url(../images/slogan.gif) no-repeat;
width: 408px;
height: 46px;
float: right;
margin: 56px 20px 0px 0px;
}
#header .slogan span { display: none; }
#logo { margin: 52px 0px 0px 21px; display: inline; float: left; }
#logoP { height: 0px; overflow: hidden; float: left; }
#left h1 { font-size: 1.30em; color: #03558c; font-weight: normal; letter-spacing: -0.03em; }
#left .posted { margin: -10px 0px 0px 0px; font-size: 0.7em; }
#left .posted span { font-weight: bold; color: #6b9800; }
#left p a { color: #03558c; }
#left p a:hover { background-color: #c5e3e9; color: #0678a9; }
#left .lg { font-weight: bold; }
#left h2 { color: #2b739f; font-weight: bold; }
#pHome #left h2 { font-weight: normal; }
.shiftP { margin: 8px 0px 0px 0px; display: block; font-size: 0.8em; }
.imgB { padding: 4px; background-color: #fff; border: 1px solid #8cbcdc; margin: 0px 0px 10px 15px; }
#tLeft { float: left; width: 345px; }
#tRight { width: 210px; padding: 20px 20px 12px 20px; float: right; background: #bfe8eb; margin-top: 30px; }
#tRight p { color: #2b739f; font-style: italic; line-height: 1.4em; font-size: 0.75em; }
#tRight p a, #tRight p a:hover { color: #2b739f; background: none; }
#tRight span { font-style: normal; }
#right h2 { font-size: 17px; color: #03558c; font-weight: normal; margin: 0px 0px 5px 0px; }
#right h3 { margin: 0px; }
#right p { font-size: 0.7em; line-height: 1.4em; }
#right p span { color: #6b9800; font-weight: bold; }
#right p a { color: #4e4e4e; }
.article { background: url(../images/underline.gif) repeat-x 0 0; padding: 12px 0px 4px 0px; float: left; width: 287px; }
.added { margin: 2px 0px 6px 0px; }
#news h2 {
background: url(../images/news_desk.gif) no-repeat 0 0;
width: 100%;
height: 22px;
float: left;
margin: 0px;
}
#news h2 span { display: none; }
#cLogin { float: left; background: url(../images/cl_shadow.gif) no-repeat right bottom; padding-bottom: 15px; }
#cLoginForm {
border: 1px solid #b3d1db;
background-color: #ecf8f9;
padding: 14px 14px 8px 14px;
margin: 0px;
width: 259px;
}
#cLogin .field, #cLogin .fieldU { width: 180px; padding: 3px; border: 1px solid #b3d1db; font-size: 11px; }
#cLogin label { font-size: 11px; color: #0678a9; width: 68px; display: block; float: left; padding-top: 4px; }
#cLogin p { margin: 5px 0px; }
#cLogin #overline { background: url(../images/underline.gif) repeat-x 0px 0px; padding: 12px 0px 0px 0px; }
#cLogin .pRight { text-align: right; }
.mTop { padding-top: 10px; }
.cl_login {
width: 93px;
height: 18px;
background: url(../images/client_login.gif) no-repeat 0 0;
}
.cl_login span { display: none; }
#footer { border-top: 4px solid #034a82; float: left; width: 953px; padding: 10px 0px; margin: 0px 21px 20px 21px; display: inline; height: 40px; }
#footer p, #footer ul { font-size: 0.7em; margin: 0px; }
#footer p a, #footer ul li a { color: #03558c; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer ul { float: right; }
#footer ul li { padding-left: 8px; list-style-type: none; float: left; }
#footer ul li span { padding-right: 8px; border-right: 1px solid #84acc7; }
#footer p a:hover, #footer ul li a:hover { color: #062b44; }
.sIFR-flash { visibility: visible ; margin: 0; }
.sIFR-replaced { visibility: visible ; }
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-flash + div[adblocktab=true] { display: none ; }
.sIFR-hasFlash #left h1 { visibility: hidden; letter-spacing: -9px; }
