Team:SYSU-Software/home.css

From 2014.igem.org

Revision as of 13:20, 1 October 2014 by Lskim (Talk | contribs)
  • {

margin:0; padding:0; }

  1. content1{

margin:0 auto; }

body{ font-family: Arial, Helvetica, Microsoft Sans Serif; background-color: #f7f7f5; background-image: url("Bg.png"); background-repeat: no-repeat; background-position: 0px 180px; width:100%; height:100%; overflow: show; margin: auto; }

  1. top1{
       position: absolute;

top: 0px; max-width: 1920px; min-width: 1360px; background-image: url("Top.png"); background-repeat: repeat-x; margin: 0 auto; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1360px?"1360px":""); }

  1. igem-logo1{

position: relative; height: 90px; width: 200px; text-align: center; display: inline; float: right; }

  1. igem-logo-img1{

position: absolute; top: 50%; margin-top: -18.5px; }

  1. flameTitle{

position: absolute;

   color: #2f2826;
   font-size: 136px;

font-family: Arial, Helvetica, Microsoft Sans Serif;

   top: 330px;
   left:  250px;

font-weight: bold; }

  1. flameContent{

position: absolute;

   color: #2f2826;
   font-size: 32px;

font-family: Arial, Helvetica, Microsoft Sans Serif;

   top: 470px;
   left:  250px;

font-weight: bold; }

  1. address1{

position: absolute;

   color: #c2c3c4;
   font-size: 13px;

font-family: Arial, Helvetica, Microsoft Sans Serif;

   bottom: 0px;
   right:  0px;

font-weight: bold; }

.navigation1{

   margin: 0px auto;

} .navigation1 .item{

   position: absolute;

} .project{

   top: 150px;
   left: 140px;

} .doc{

  top: 50px;
  left: 380px;

} .require{

  top: 66px;
  left: 625px;

} .hp{

  top:185px;
  left:830px;

} .team{

  top:360px;
  left:970px;

} a.icon{

   width: 68px;
   height: 117px;
   position: absolute;
   top: 0px;
   left: 0px;
   cursor: pointer;

} .project a.icon{

   background:transparent url("Icon_Project.png") no-repeat 0px 0px;

} .doc a.icon{

   background:transparent url("Icon_Doc.png") no-repeat 0px 0px;

} .require a.icon{

   background:transparent url("Icon_Require.png") no-repeat 0px 0px;

} .hp a.icon{

   background:transparent url("Icon_Hp.png") no-repeat 0px 0px;

} .team a.icon{

   background:transparent url("Icon_Team.png") no-repeat 0px 0px;

}

.navigation1 .item a.active{

  background-position: 68px 117px;

}

.item img.circle{

   position: absolute;
   top: 0px;
   left: 0px;
   width: 0px;
   height: 0px;

}

.item h2{

   position:absolute;
   width:210px;
   height:52px;
   color: #3b3533;
   font-size: 19px;

font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700;

   top: 0px;
   left: 60px;
   text-indent: 10px;
   line-height: 52px;
   text-transform: uppercase;
   border: none;

}

.item ul{ text-align: center;

   list-style: none;
   position: absolute;
   top: 60px;
   left: 22px;
   display: none;

}

.item ul li a{

   font-size: 18px;

font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700;

   text-decoration: none;
   color: #3b3533;
   padding: 1px;
   float: left;
   clear: both;
   width: 155px;

}

.item ul li a:hover{

  /* background-color:#fff;
   color:#444;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   border-radius:5px;
   -moz-box-shadow:1px 1px 4px #666;
   -webkit-box-shadow:1px 1px 4px #666;
   box-shadow:1px 1px 4px #666;*/

font-family: Microsoft Sans Serif, Arial, Helvetica; font-weight: 700; color:#fff; text-shadow:0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de; }