Team:BIT/index.css

From 2014.igem.org

(Difference between revisions)
Line 51: Line 51:
           position:absolute;
           position:absolute;
           box-shadow:1px 1px 10px 0 #ccc;
           box-shadow:1px 1px 10px 0 #ccc;
-
             margin: -600px 0 0 200px;
+
             margin: -5000px 0 0 200px;
           background:rgba(255,255,255,0.7);
           background:rgba(255,255,255,0.7);
           -webkit-transition:margin .5s ease-in-out;
           -webkit-transition:margin .5s ease-in-out;

Revision as of 08:53, 20 August 2014

@charset "utf-8"; /* CSS Document */

  1. index_bg{ margin:50px 0 0 100px; z-index:-1;}
  2. project{position:absolute;top: 131px;left: 100px;}
  3. team{position:absolute;top: 50px;left: 365px;}
  4. human{position:absolute;top: 662px;left: 627px;}
  5. model{position:absolute;top: 550px;left: 365px;}
  6. notebook{position:absolute;top: 435px;left: 100px;}
  7. device{position:absolute;top: 133px;left: 627px;}
  8. inter{position:absolute;top: 446px;left: 627px;}


  1. footer1{ margin-top:0px;}

.news { -moz-column-count:2; /* Firefox */ -webkit-column-count:2; /* Safari and Chrome */ column-count:2;

-moz-column-gap:150px; /* Firefox */ -webkit-column-gap:150px; /* Safari and Chrome */ column-gap:60px;

margin-top:-120px; text-indent:2em; text-align:justify; color:#666;

}

  1. logo{ width:1024px; margin:auto; height:45px;}
  2. logo img{ position:absolute;left:485px;}
  3. address{width:1024px; height:50px; }
  1. others{

margin:auto 0; width:1024px; height:130px; margin-top:650px; position: relative; }

  1. address p{ text-align:center; line-height:10px;}

/*提示框*/

.tooltip p {

            font-size:14px;

} .tooltip{ width:150px;

          padding:10px;
          border-radius:3px;

z-index:1;

          position:absolute;
          box-shadow:1px 1px 10px 0 #ccc;
           margin: -5000px 0 0 200px;
          background:rgba(255,255,255,0.7);
          -webkit-transition:margin .5s ease-in-out;
         -moz-transition:margin .5s ease-in-out;}



.arrow {

 position:absolute;
 margin:10px 0 0 50px;
 

width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(255,255,255,0.7); }