Team:BIT/Team 3

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
<html>
<html>
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>radiation measurement</title>
 +
 +
<link href="CSS/index.css" rel="stylesheet" type="text/css"/>
 +
<link href="CSS/public.css" rel="stylesheet" type="text/css"/>
 +
<link href="CSS/desktop.css" rel="stylesheet" type="text/css"/>
 +
<link rel="stylesheet" type="text/css" href="css/style.css">
 +
<SCRIPT src="js/jquery-1.3.2.min.js" type=text/javascript></SCRIPT>
 +
<script src="js/dropdown.js" type="text/javascript"></script>
 +
<script src="js/jquery.js" type="text/javascript"></script>
 +
<script src="js/index.js" type="text/javascript"></script>
 +
 +
<style type="text/css">
 +
  #logo{ width:1024px; margin:auto; height:45px;}
 +
#logo img{ position:absolute;left:485px;}
 +
#address{width:1024px; height:50px; }
 +
 +
#others{
 +
margin:auto 0;
 +
width:1024px;
 +
height:130px;
 +
margin-top:10px;
 +
}
 +
#address p{ text-align:center; line-height:5px;}
 +
body{ font-family:"helvetica"; margin:0;}
 +
#container{width:1024px;margin:auto;  position:relative;background:rgba(255,255,255,0.5);
 +
          }
 +
 
 +
 +
#header{width:1024px;
 +
        height:255px;
 +
text-align:center;
 +
background:url(../img/BIT_radiation1.jpg);
 +
margin:auto;
 +
position:relative;
 +
 +
 +
}
 +
 +
#content{height:420px;
 +
        width:1024px;
 +
margin:auto;
 +
background-color:#FFF;
 +
 +
position:relative;
 +
}
 +
 +
#footer ul{ margin:25px 20px 0 0;}
 +
#footer li.style{ width:40px;}
 +
#footer li{
 +
list-style:none;
 +
float:right;
 +
box-shadow:none;
 +
border-radius:0;
 +
margin:0;
 +
padding:0;
 +
width:90px; }
 +
#footer{
 +
width:1024px;
 +
position:relative;
 +
margin:auto;
 +
margin-top:0;
 +
background-color:#FFF;
 +
color:#000;
 +
height:140px;
 +
font-size:12px;
 +
 +
}
 +
#table1{ width:500px; position:absolute; table-layout:fixed;
 +
left:130px; height:100px}
 +
 +
 +
td{width: 170px;  padding:10px 10px 0 10px; word-wrap:break-word;  }
 +
 +
 +
 +
#table1 img{ width:20px; height:20px;vertical-align:text-bottom; margin-right:10px; }
 +
 +
@font-face{ font-family:"Maiandra" ;src:url(../fonts/Arabica.swf);format("opentype");}
 +
 +
 +
#menubar {
 +
    position: absolute;
 +
height:20px;
 +
    white-space: nowrap;
 +
    top: 0px;
 +
    width: 500px;
 +
    z-index: 5;
 +
    font-family: sans-serif;
 +
    font-size: 20sp;
 +
   
 +
}
 +
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
 +
}
 +
 +
.left-menu:hover {
 +
    color: white;
 +
    background-color: #555555
 +
}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
}
 +
#menubar ul {
 +
 
 +
    list-style: none;
 +
margin:0px;
 +
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
text-decoration:none;
 +
color: inherit;
 +
}
 +
.left-menu li a:hover {
 +
    color: #aaaaff;
 +
    text-decoration: none;
 +
}
 +
.left-menu li a:visited{
 +
    color: #69F;
 +
    text-decoration: none;
 +
}
 +
 +
 +
.right-menu li a {
 +
    padding: 1.5px 15px 1.5px 10px;
 +
 
 +
    background-color: #606060;
 +
text-decoration:none;
 +
margin:0px;
 +
}
 +
.right-menu li a:link {
 +
    color: white;
 +
    text-decoration: none;
 +
}
 +
.right-menu li a:hover {
 +
    color: #aaaaff;
 +
    text-decoration: none;
 +
}
 +
.right-menu li a:visited{
 +
    color: #69F;
 +
    text-decoration: none;
 +
}
 +
 +
.nav a, .nav h3, .nav h5, .one li a{
 +
text-transform: uppercase;
 +
}
 +
.nav a{
 +
display:block;
 +
text-decoration: none;
 +
}
 +
.nav i {
 +
display: block;
 +
padding: 0 5px;
 +
float: none;
 +
}
 +
.nav li {
 +
list-style: none;
 +
}
 +
.nav p {
 +
 +
 +
font-size: 13px;
 +
line-height: 23px;
 +
 +
}
 +
.nav input,
 +
.nav textarea{
 +
display:block;
 +
border:none;
 +
}
 +
.nav h3 {
 +
margin:0 0 13px 0;
 +
padding:3px 0 5px 0;
 +
border-bottom:1px solid rgba(51,51,51,.2);
 +
 +
font-size: 20px;
 +
}
 +
.nav h5 {
 +
font-size: 16px;
 +
}
 +
.nav h6{
 +
line-height: 20px;
 +
 +
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
 +
font-size:13px;
 +
font-style:italic;
 +
}
 +
.nav img {
 +
padding: 5px;
 +
 +
box-shadow: 1px 1px 4px rgba(102,102,102,.4);
 +
-webkit-box-shadow: 1px 1px 4px rgba(102,102,102,.4);
 +
-moz-box-shadow: 1px 1px 4px rgba(102,102,102,.4);
 +
 +
transition: all .3s;
 +
-webkit-transition: all .3s;
 +
-moz-transition: all .3s;
 +
-o-transition: all .3s;
 +
-ms-transition: all .3s;
 +
}
 +
.nav img:hover {
 +
transform:scale(1.1);
 +
-webkit-transform:scale(1.1);
 +
-moz-transform:scale(1.1);
 +
-ms-transform:scale(1.1);
 +
-o-transform:scale(1.1);
 +
}
 +
 +
 +
 +
.label{ color:#FFF;}
 +
.nav {
 +
display: block;
 +
position:absolute;
 +
top:230px;
 +
left:100px;
 +
 +
height:50px;
 +
margin: 0 0 20px 0 ;
 +
padding:0 5px;
 +
 +
border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
-moz-border-radius: 3px;
 +
 +
 +
 +
 +
}
 +
.nav li {
 +
position: relative;
 +
z-index:2;
 +
}
 +
.nav > li {
 +
display: block;
 +
float:left;
 +
color:#000;
 +
 +
border-right:1px solid #FFF;
 +
}
 +
.nav > li:hover {
 +
cursor: pointer;
 +
}
 +
.nav li > a{
 +
 +
 +
font-size: 15px;
 +
text-align:center;
 +
margin:0 15px 0;
 +
 +
transition: background-color .7s;
 +
-webkit-transition: background-color .7s;
 +
-moz-transition: background-color .5s;
 +
-o-transition: background-color .5s;
 +
-ms-transition: background-color .5s;
 +
}
 +
.nav li:last-child{
 +
border:none;
 +
}
 +
 +
 +
.nav .one {
 +
display: block;
 +
position: absolute;
 +
top: 100%;
 +
left: 0%;
 +
 +
box-shadow: 1px 1px 1px rgba(102,102,102,.2);
 +
-webkit-box-shadow: 1px 1px 1px rgba(102,102,102,.2);
 +
-moz-box-shadow: 1px 1px 1px rgba(102,102,102,.2);
 +
 +
transition: background-color .3s ease-out;
 +
-webkit-transition: background-color .3s ease-out;
 +
-moz-transition: background-color .3s ease-out;
 +
-o-transition: background-color .3s ease-out;
 +
-ms-transition: background-color .3s ease-out;
 +
}
 +
.one > li {
 +
float: none;
 +
width: 160px;
 +
 +
}
 +
.one > li a{
 +
 +
margin:5px;
 +
height:20px;
 +
 +
font-size: 11px;
 +
letter-spacing: 1px;
 +
}
 +
.one li i.icon-chevron-right {
 +
float:right;
 +
margin:3px 5px 0 0;
 +
 +
font-size: 10px;
 +
}
 +
 +
.nav li:hover .one > li{
 +
-webkit-animation: fadeIn .6s 1;
 +
animation: fadeIn .6s 1;
 +
}
 +
 +
#gallery{
 +
left: 0px;
 +
 +
background:rgba(255,255,255,0.5);
 +
}
 +
#gallery li{
 +
width:200px;
 +
 +
}
 +
#gallery li .image{
 +
 +
width:120px;
 +
height:30px;
 +
padding:5px;
 +
margin:auto;
 +
border-bottom: 1px solid rgba(51,51,51,.2);
 +
 +
 +
}
 +
 +
#gallery li img{
 +
float:left;
 +
margin:5px 5px 10px 0px;
 +
width:100px;
 +
height:150px;
 +
}
 +
#gallery .image a{
 +
 +
text-align:center;
 +
line-height:40px;
 +
 +
}
 +
#gallery .image a:hover{
 +
 +
color:#69F;
 +
 +
}
 +
#gallery .image a:visited{
 +
 +
color:#CCCCCC;
 +
 +
}
 +
#gallery a.more{
 +
display:block;
 +
width:35px;
 +
height:16px;
 +
padding:0px 4px;
 +
margin:8px 0 5px 10px;
 +
cursor: pointer;
 +
 +
text-transform:capitalize;
 +
font-size:10px;
 +
 +
border-radius:4px;
 +
-webkit-border-radius:4px;
 +
-moz-border-radius:4px;
 +
 +
-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
 +
-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
 +
box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
 +
}
 +
 +
</style>
 +
 +
 +
</head>
 +
 +
<body>
 +
<div id="container">
 +
 +
-
<!--main content -->
 
-
<table width="70%" align="center">
 
 +
<div id="header">
 +
<div id="menubar" class='left-menu '>
 +
  <ul>
 +
      <li class='selected'><a href="/WikitemplateA_home">Page</a></li>
 +
          <li class='new'><a href="/wiki/index.php?title=Talk:WikitemplateA_home&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 +
          <li><a href="/wiki/index.php?title=WikitemplateA_home&amp;action=edit">View source              </a></li>
 +
          <li><a href="/wiki/index.php?title=WikitemplateA_home&amp;action=history">History              </a></li>
 +
          <li style='color:white;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
-
<!--welcome box -->
+
<div id="menubar" class="right-menu " >
 +
    <ul>
 +
          <li ><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=WikitemplateA_home" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o">Log in</a></li>         </ul>
 +
</div><!-- end right menubar -->
 +
   
 +
<ul class="nav">
 +
  <!-- Start Gallery -->
 +
  <li> <a href="#" class="label">home<i class="icon-chevron-down"></i></a>
 +
   
 +
  </li>
 +
  <!-- End Gallery -->
 +
  <!-- Start Gallery -->
 +
  <li> <a href="HTML/project.html" class="label">project<i class="icon-chevron-down"></i></a>
 +
    <ul class="one" id="gallery">
 +
      <li style="height:180px;">
 +
    <!--<img src="img/img1.png" onMouseOver="changeImg()" class="gif1">-->
 +
        <div class="image"><a>background</a></div>
 +
        <div class="image"><a>overview</a></div>
 +
        <div class="image"><a>genecircuit</a></div>
 +
        <div class="image"><a>achievement</a></div>
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <!-- End Gallery -->
 +
 
 +
<!-- Start Gallery -->
 +
  <li> <a href="HTML/team.html" class="label">team<i class="icon-chevron-down"></i></a>
 +
    <ul class="one" id="gallery" >
 +
      <li style="height:140px;">
 +
      <!--<img src="img/img1.png">-->
 +
        <div class="image"><a style="white-space:nowrap">Team member </a></div>
 +
        <div class="image"><a>attribution</a></div>
 +
        <div class="image"><a>sponsor</a></div>
 +
       
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <!-- End Gallery -->
 +
 
 +
  <!-- Start Gallery -->
 +
  <li> <a href="#" class="label">human practice</a>
 +
    <ul class="one" id="gallery" >
 +
      <li style="height:250px;">
 +
      <!--<img src="img/img1.png">-->
 +
        <div class="image"><a>Overview</a></div>
 +
        <div class="image"><a>iGEMer</a></div>
 +
        <div class="image"><a>scientist</a></div>
 +
        <div class="image"><a style="white-space:nowrap">medical practitioner</a></div>
 +
        <div class="image"><a>public</a></div>
 +
        <div class="image"><a style="white-space:nowrap">young generation</a></div>
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <!-- End Gallery -->
 +
 
 +
  <!-- Start Gallery -->
 +
  <li> <a href="#" class="label">modeling</a>
 +
    <ul class="one" id="gallery" >
 +
      <li style="height:140px;">
 +
      <!--<img src="img/img1.png">-->
 +
        <div class="image"><a>Sensor</a></div>
 +
        <div class="image"><a>amplifier</a></div>
 +
        <div class="image"><a>system</a></div>
 +
     
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <!-- End Gallery -->
 +
 
 +
  <!-- Start Gallery -->
 +
  <li> <a href="#" class="label">part<i class="icon-chevron-down"></i></a>
 +
    <ul class="one" id="gallery" >
 +
      <li style="height:260px;">
 +
      <!--<img src="img/img1.png">-->
 +
        <div class="image"><a>Part design</a></div>
 +
        <div class="image"><a style="white-space:nowrap">submitted parts</a></div>
 +
        <div class="image"><a style="white-space:nowrap">favorite parts</a></div>
 +
        <div class="image"><a>Measurement</a></div>
 +
        <div class="image"><a>Interlab</a></div>
 +
        <div class="image"><a>data</a></div>
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <!-- End Gallery -->
 +
 
 +
  <!-- Start Gallery -->
 +
  <li> <a href="#" class="label">notebook<i class="icon-chevron-down"></i></a>
 +
    <ul class="one" id="gallery">
 +
      <li style="height:180px;">
 +
      <!--<img src="img/img1.png">-->
 +
        <div class="image"><a>Reference</a></div>
 +
        <div class="image"><a>material</a></div>
 +
        <div class="image"><a>method</a></div>
 +
        <div class="image"><a>record</a></div>
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <!-- End Gallery -->
 +
 
 +
  <!-- Start Gallery -->
 +
  <li> <a href="#" class="label">safety<i class="icon-chevron-down"></i></a>
 +
    <ul class="one" id="gallery">
 +
      <li style="height:180px;">
 +
      <!--<img src="img/img1.png">-->
 +
        <div class="image"><a>lalalala</a></div>
 +
        <div class="image"><a>lalalala</a></div>
 +
        <div class="image"><a>lalalala</a></div>
 +
        <div class="image"><a>lalalala</a></div>
 +
      </li>
 +
    </ul>
 +
  </li>
 +
  <!-- End Gallery -->
 +
 
 +
 
 +
</ul>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
<table  width="100%">
 
-
<tr heigth="15px"></tr>
 
-
<tr heigth="75px">
 
 +
</div>
 +
<div id="content">
 +
<div class="case">
 +
<div id="slider" class="case_box">
 +
<ul>
 +
<li class="case_1">
 +
<dl class="case_info">
 +
<dd></dd>
 +
</dl>
 +
</li>
 +
<li class="case_2">
 +
<dl class="case_info">
 +
<dd></dd>
 +
</dl>
 +
</li>
 +
<li class="case_3">
 +
<dl class="case_info">
 +
<dd></dd>
 +
</dl>
 +
</li>
 +
<li class="case_4">
 +
<dl class="case_info">
 +
<dd></dd>
 +
</dl>
 +
</li>
 +
<li class="case_5">
 +
<dl class="case_info">
 +
<dd></dd>
 +
</dl>
 +
</li>
 +
<li class="case_6">
 +
<dl class="case_info case_info_add">
 +
<dd></dd>
 +
</dl>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
-
</tr>
+
<div id="others">
 +
<div id="logo"><img  src="https://static.igem.org/mediawiki/2014/6/6b/BIT_logo.png"></div>
 +
    <div id="address">
 +
    <p>Beijing Institute of Technology | 5 South Zhongguancun Street, Haidian DistrictBeijing, China 100081</p>
 +
        <p >E-mail: yifei0114@bit.edu.cn</p>
 +
        <p >Beijing Institute of Technology © 2014 Privacy Policy</p>
 +
    </div>
 +
<div><img style="width:1024px"src="https://static.igem.org/mediawiki/2014/4/42/BIT_line1.png"></div>
 +
</div>
 +
</div>
 +
<div id="footer">
 +
<table id="table1"  >
 +
        <tr >
 +
        <td><img src="https://static.igem.org/mediawiki/2014/8/8d/BIT_Libraries_alt.png"><span>  blala</span></td>
 +
            <td><img src="https://static.igem.org/mediawiki/2014/9/90/BIT_Downloads_Library.
 +
png"><span>blala</span></td>
 +
            <td><img src="https://static.igem.org/mediawiki/2014/1/19/BIT_Personal.png"><span>blala</span></td>
 +
            <td><img src="https://static.igem.org/mediawiki/2014/2/22/BIT_Pictures.png"><span>blala</span></td>
 +
        </tr>
 +
        <tr  >
 +
        <td>abubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhl</td>
 +
            <td>abubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhl</td>
 +
            <td>abubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhl</td>
 +
            <td>abubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhlohhoinonion.hoinabubuvljvlugliuhjhl</td>
 +
        </tr>
 +
       
 +
    </table>
 +
</div>
-
</table>
+
</div>
 +
<script type="text/javascript" src="js/script.js"></script>
 +
</body>
 +
</html>

Revision as of 13:00, 27 July 2014

radiation measurement

Beijing Institute of Technology | 5 South Zhongguancun Street, Haidian DistrictBeijing, China 100081

E-mail: yifei0114@bit.edu.cn

Beijing Institute of Technology © 2014 Privacy Policy

Retrieved from "http://2014.igem.org/Team:BIT/Team_3"