Team:USTC CHINA/main.css

From 2013.igem.org

(Difference between revisions)
(Created page with "* { margin: 0; padding: 0; } html { background-color: #fff; } body { color: #333333; font: 0.75em/1.5em Arial,sans-serif; } a{ color:#43adff; text-decor...")
Line 9: Line 9:
     color: #333333;
     color: #333333;
     font: 0.75em/1.5em Arial,sans-serif;
     font: 0.75em/1.5em Arial,sans-serif;
 +
}
 +
#globalWrapper {
 +
    position: relative;
 +
    font-size: 100%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    padding-bottom: 10px;
}
}
a{
a{

Revision as of 16:27, 21 September 2013

  • {
   margin: 0;
   padding: 0;

} html {

   background-color: #fff;

} body {

   color: #333333;
   font: 0.75em/1.5em Arial,sans-serif;

}

  1. globalWrapper {
   position: relative;
   font-size: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;

} a{

  color:#43adff;
  text-decoration:none;

} a:hover{ color:#7bc5ff; } .bar{ margin-top:10px; height:54px; overflow:visible; } .container {

   width: 964px;

}

  1. tlogo{

width:190px; height:123px; background:url(../images/logo-bg.png) no-repeat; z-index:2000; position:absolute; left:964px; }


/* common and top level styles */

  1. nav{

width:794px; height:53px; background:url(../images/menu-bg.png) no-repeat; display:block; }

  1. nav li{

display:block; position:relative; float:left; font-size:18px; }

  1. nav li a{

line-height:51px; color:#303030; font-size:18px; font-family: 'Crimson Text', serif; text-shadow: 0 0 1px #ccc; padding:0 11px; display:block; margin-right:1px; float:left; }

  1. nav li:hover, #nav li.active{

background:url(../images/menu-link-bg.png) repeat-x; }


/* Dropdown */

  1. nav li ul{

width:230px; background:url(../images/dd-bg.png); color:#fff; /*border-bottom:6px solid #747D82;*/ display:none; z-index:1880; position:absolute; top:51px; }

  1. nav li ul li a{

color:#fff; width:208px; line-height:37px; border-bottom:1px solid #949494; border-bottom:1px solid #6a777e; }

  1. nav li ul li:hover, #nav li ul li.active{

width:229px; background:url(../images/dd-bg-hover.png); }

  1. nav li ul li:last-child a{

border:none; }

  1. nav li ul li.active{

text-indent:14px; }

  1. nav li:hover ul{

display:block; } .clear{ clear:both; } .content{ height:100%; } .conbar1{ width:964px; height:69px; } .conbar2{ width:964px; height:100%; }

  1. breadcrumb{

float:left; font-size:16px; line-height:60px; text-indent:3px; }

  1. breadcrumb a{

color:#a4a4a4; }

  1. breadcrumb a:hover{

color:#303030; } .leftbar{ float:left; width:620px; } .rightbar{ float:right; width:310px; }

  1. tag{
 width: 185px;
 height: 54px;
 float:left;
 margin: 0px 17px 17px 0;
 overflow:hidden;
 /*border: 1px #000 solid;*/
 position: relative;
 text-indent:40px;
 line-height:80px;
 font-size:36px;

}

  1. homecontent{

width:964px; position:relative; margin:10px auto; } .home3col{ width:240px; background:#fff; border:1px solid #ececec; padding:40px 20px 16px 20px; margin:0px 60px 10px 0; float:left; position:relative; }

.home3col#home3colLast{ margin-right:-300px; }

.home3col-ribbon{ width:76px; height:90px; background:url(../images/home3col-rb.png) no-repeat; padding:10px 0 0 6px; position:absolute; top:17px; left:-24px; }

.home3col h1{ margin:0 0 40px 50px; }

.home3col-details{ width:24px; height:23px; background:url(../images/home3col-details.png) no-repeat; margin:18px 0 0 -29px; padding:1px 0 0 30px; }

.home3col-details a{ background:#fff; padding-right:6px; float:left; position:relative; z-index:10; }

.home3col-details-border{ width:240px; height:1px; background:#ebebeb; float:left; margin-top:-5px; position:relative; z-index:7; } .img-left{ float:left;} .img-right{ float:right; }