广告

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; }