Team:SYSU-Software/home.css

From 2014.igem.org

(Difference between revisions)
Line 160: Line 160:
     position: absolute;
     position: absolute;
     top: 60px;
     top: 60px;
-
     left: 5px;
+
     left: 0px;
     display: none;
     display: none;
}
}

Revision as of 14:41, 1 October 2014

  • {

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;

       height: 10px;
       width: 100%;

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{
       background-color: #f7f7f5;

position: relative; height: 90px; width: 100%; float: right; }

  1. igem-logo-img1{

position: absolute; right: 30px;

       top: 30px;

}

  1. flameTitle{

position: absolute;

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

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

   top: 400px;
   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;
   padding: none;

}

.item ul{ text-align: center;

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

}

.item ul li a{

   height: 24px;
   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{


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 60px #ff00de;

}