Team:Shenzhen BGIC 0101/Templates/Banner

From 2013.igem.org

(Difference between revisions)
 
(88 intermediate revisions not shown)
Line 5: Line 5:
   <style type="text/css">
   <style type="text/css">
 +
 
   #top-section {
   #top-section {
   width: 975px;
   width: 975px;
   height: 20px;
   height: 20px;
   background-color: #ffffff;
   background-color: #ffffff;
 +
  border:none;
   }
   }
Line 27: Line 29:
   #Genovologo {
   #Genovologo {
   position: relative;
   position: relative;
-
   text-align:center;
+
   margin-left:250px;
   z-index:-1;
   z-index:-1;
   }
   }
Line 33: Line 35:
   #iGEMLogo {
   #iGEMLogo {
   position:absolute;
   position:absolute;
-
   top:80px;
+
   top:10px;
   left:25px;
   left:25px;
   }
   }
Line 40: Line 42:
   position:absolute;
   position:absolute;
   top:150px;
   top:150px;
-
   left:790px;
+
   left:750px;
   }
   }
 +
html, body {
 +
    height: 100%;
 +
    padding: 0;
 +
    margin: 0;
 +
    }
   body {
   body {
Line 47: Line 54:
   }
   }
-
   #navigator {
+
   ##menucontainer {
   overflow:visible;
   overflow:visible;
   position:relative;
   position:relative;
Line 55: Line 62:
   #wrapper {
   #wrapper {
   overflow:visible;
   overflow:visible;
-
  position:relative;
+
   width: 900px;
-
  background-color: #fff;
+
   height: 500px;
-
   width: 610px;
+
   position: relative;
-
   height: 375px;
+
-
  padding: 10px;
+
-
  margin: 265px 0 0 -410px;
+
-
   position: absolute;
+
   top: 50%;
   top: 50%;
-
   left: 50%;
+
   margin:100px 50px 50px 110px;
-
  box-shadow: 0 0 10px #666;
+
   }
   }
-
 
+
 
   #content {
   #content {
   position: relative;
   position: relative;
Line 99: Line 101:
   h1 {
   h1 {
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #225323;
+
   color: #7380AE;
   background: #ffffff;
   background: #ffffff;
   font-weight: bold;
   font-weight: bold;
Line 107: Line 109:
   border-bottom: none;
   border-bottom: none;
   }
   }
 +
 
   h2 {
   h2 {
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #225323;
+
   color: #7380AE;
   background: #ffffff;
   background: #ffffff;
   font-weight: bold;
   font-weight: bold;
Line 121: Line 124:
   h3 {
   h3 {
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #225323;
+
   color: #7380AE;
   background: #ffffff;
   background: #ffffff;
   font-weight: bold;
   font-weight: bold;
Line 135: Line 138:
   h4 {
   h4 {
   font-family: arial,sans-serif;
   font-family: arial,sans-serif;
-
   color: #225323;
+
   color: #7380AE;
   background: #ffffff;
   background: #ffffff;
   font-weight: bold;
   font-weight: bold;
Line 149: Line 152:
   background: #ffffff;
   background: #ffffff;
   font-weight: normal;
   font-weight: normal;
-
   font-size: 1em;
+
   font-size: 1.5em;
   line-height: 1.7em;
   line-height: 1.7em;
   text-align: justify;
   text-align: justify;
Line 227: Line 230:
   #BackToTop {
   #BackToTop {
   position:fixed;
   position:fixed;
-
   bottom:0;
+
   bottom:5px;
-
   right:0;
+
   right:5px;
   }
   }
-
  #carousel {
+
  <!--for the photos in team page--
-
width: 610px;
+
  .container {
-
height: 375px;
+
  position: relative;
-
overflow: hidden;
+
  width: 1000px;
-
}
+
  margin: 0 auto;
-
#carousel img {
+
  padding: 0;
-
border: none;
+
  }  
-
display: block;
+
-
position: relative;
+
-
z-index: 0;
+
-
}
+
-
+
-
#next {
+
-
background: url( https://static.igem.org/mediawiki/2013/c/c6/Gui-next.png ) center center no-repeat #999;
+
-
display: block;
+
-
width: 20px;
+
-
height: 375px;
+
-
position: absolute;
+
-
top: 10px;
+
-
right: 10px;
+
-
z-index: 5;
+
-
opacity: 0.1;
+
-
-o-transition: opacity 1s ease;
+
-
-ms-transition: opacity 1s ease;
+
-
-moz-transition: opacity 1s ease;
+
-
-webkit-transition: opacity 1s ease;
+
-
transition: opacity 1s ease;
+
-
}
+
-
+
-
#next:hover {
+
-
opacity: 0.5;
+
-
}
+
-
+
-
#donate-spacer {
+
-
height: 100%;
+
-
}
+
-
#donate {
+
-
border-top: 1px solid #999;
+
-
width: 750px;
+
-
padding: 50px 75px;
+
-
margin: 0 auto;
+
-
overflow: hidden;
+
-
}
+
-
#donate p, #donate form {
+
-
margin: 0;
+
-
}
+
-
#donate p {
+
-
width: 650px;
+
-
}
+
-
#donate form {
+
-
width: 100px;
+
-
}
+
    
    
 +
  .container .column {
 +
  float: left;
 +
  display: inline;
 +
  margin-left: 10px;
 +
  margin-right: 10px;
 +
  }
 +
 +
  .container .one-third.column {
 +
    width: 300px;
 +
    }
 +
 
 +
  .mini-post {
 +
  float: left;
 +
  background: #fff;
 +
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 4);
 +
  border-radius: 2px;
 +
  overflow: hidden;
 +
  width: 290px;
 +
  -webkit-transition: all .2s ease-out;
 +
  -moz-transition: all .2s ease-out;
 +
  transition: all .2s ease-out;
 +
  color: #333;
 +
  min-height: 320px;
 +
  cursor: pointer;
 +
  }
 +
 +
  .mini-post:hover {
 +
  margin-top: -5px;
 +
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4);
 +
  }
 +
 
 +
  .hehe {
 +
    width:900px;
 +
    height:auto;
 +
    }
   </style>
   </style>
Line 291: Line 284:
<a name="top"></a>
<a name="top"></a>
<div id='Genovologo'>
<div id='Genovologo'>
-
   <a href='https://2013.igem.org/Team:Shenzhen_BGIC_0101/'>
+
   <a href='https://2013.igem.org/Team:Shenzhen_BGIC_0101'target="_blank">
     <img src="https://static.igem.org/mediawiki/2013/d/d5/Abcdgenovo.png" style="width:350px;" />
     <img src="https://static.igem.org/mediawiki/2013/d/d5/Abcdgenovo.png" style="width:350px;" />
   </a>
   </a>
Line 297: Line 290:
<div id='iGEMLogo'>
<div id='iGEMLogo'>
   <a href='https://2013.igem.org/Main_Page' target="_blank">
   <a href='https://2013.igem.org/Main_Page' target="_blank">
-
     <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:120px;" />
+
     <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:60px;" />
   </a>
   </a>
</div>
</div>
<div id='logo'>
<div id='logo'>
-
   <a href='http://www3.imperial.ac.uk/' target="_blank">
+
   <a href='https://2013.igem.org/Team:Shenzhen_BGIC_0101' target="_blank">
-
     <img src='https://static.igem.org/mediawiki/2013/d/d6/Genovoteamname.png' style="width:160px;" />
+
     <img src='https://static.igem.org/mediawiki/2013/d/d6/Genovoteamname.png' style="width:200px;" />
   </a>
   </a>
</div>
</div>

Latest revision as of 21:34, 28 October 2013