Team:SUSTC-Shenzhen-A/tutorial

From 2012.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 1: Line 1:
{{Template:SUSTC_A}}
{{Template:SUSTC_A}}
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<style type="text/css">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>无标题文档</title>
 +
<STYLE type=text/css>
 +
OL LI {
 +
MARGIN: 8px
 +
}
 +
#con {
 +
FONT-SIZE: 12px; WIDTH: 530px
 +
}
 +
#tags {
 +
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 500px; PADDING-TOP: 0px; HEIGHT: 40px
 +
}
 +
#tags LI {
 +
BACKGROUND: url(http://taftproot.gotoip2.com/ld/images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 0px; LIST-STYLE-TYPE: none; HEIGHT: 40px
 +
}
 +
#tags LI A {
 +
PADDING-RIGHT: 25px; PADDING-LEFT: 25px; BACKGROUND: url(http://taftproot.gotoip2.com/ld/images/tip_bg.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999;LINE-HEIGHT: 23px; PADDING-TOP: 5px; HEIGHT: 23px; TEXT-DECORATION: none;FONT-SIZE: 30px
 +
}
 +
#tags LI.emptyTag {
 +
BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px
 +
}
 +
#tags LI.selectTag {
 +
BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 40px
 +
}
 +
#tags LI.selectTag A {
 +
BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px
 +
}
 +
#tagContent {
 +
PADDING-RIGHT: 1px; BORDER-TOP: #aecbd4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP:1px; BACKGROUND-COLOR: #fff
 +
}
 +
.tagContent {
 +
PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND: url(http://www.6a8a.com/images/bg3.gif) repeat-x; PADDING-BOTTOM: 10px; COLOR: #474747; PADDING-TOP: 10px; HEIGHT: 250px
 +
}
 +
#tagContent DIV.selectTag {
 +
DISPLAY: block
 +
}
 +
 +
 +
 +
#width_1{width:60px}
Line 10: Line 49:
  border-style:solid;
  border-style:solid;
  border-color:#f3c3f3;
  border-color:#f3c3f3;
-
  width:200px;
+
  width:150px;
  }
  }
   #course dt,#course dd {
   #course dt,#course dd {
Line 22: Line 61:
  background-color:#c3f3c3;
  background-color:#c3f3c3;
  }
  }
-
 
+
</STYLE>
-
 
+
-
.title {
+
-
font-family: "Comic Sans MS", cursive;
+
-
font-size: xx-large;
+
-
color: #698B69;
+
-
}
+
-
.title1 {
+
-
font-family: "Comic Sans MS", cursive;
+
-
font-size: x-large;
+
-
color: #000;
+
-
}
+
-
 
+
-
</style>
+
</head>
</head>
-
<body >
 
-
 
-
<table align="center">
 
-
  <tr>
 
-
 
-
    <td valign="TOP" height="900"><table>
 
-
      <tr>
 
-
        <td width="584"  align="center"><div align="left" id="talkbubble">
 
-
 
-
            <p class="title"><strong>The pictures of each tip</strong></p>
 
-
 
-
<p>
 
-
 
 +
<body>
 +
<table align="center" width="900" border="0">
 +
  <tr>
     <td><DIV id=con>
     <td><DIV id=con>
<UL id=tags>
<UL id=tags>
Line 92: Line 108:
     </tr>
     </tr>
   </table></DIV></DIV></DIV>
   </table></DIV></DIV></DIV>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
<SCRIPT type=text/javascript>
<SCRIPT type=text/javascript>
function selectTag(showContent,selfObj){
function selectTag(showContent,selfObj){
Line 110: Line 144:
<br />
<br />
</td>
</td>
-
 
+
<td>
-
 
+
<div id="width_1"></div>
-
</p>
+
</td>
-
 
+
    <td>
-
 
+
   
-
</div>
+
<div class="sidebar_box"><div class="sidebar_box_top"></div>
-
    </td>
+
-
          </tr>
+
-
       
+
-
        </table></td>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
    <td valign="TOP" width="305">
+
-
 
+
-
 
+
-
<table>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
  <tr>
+
-
    <td align="left"><div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div>
+
  <div class="sidebar_box_content">             
  <div class="sidebar_box_content">             
-
<p class="title1">Tutorial</p>
 
-
<img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg">
 
-
<span class="date"><strong>
 
-
</strong></span>
 
Line 146: Line 158:
-
     <dl id="course">
+
     <dl id="course" width="200">
  <dt><strong><a href="#">Tips 1 - 4</a></strong></dt>
  <dt><strong><a href="#">Tips 1 - 4</a></strong></dt>
   <dd>&nbsp;</dd>
   <dd>&nbsp;</dd>
Line 168: Line 180:
</div>                     
</div>                     
             </div>
             </div>
-
</div></td>
+
</div>  
-
      </tr>
+
   
 +
    </td>
 +
  </tr>
</table>
</table>
-
 
-
 
-
</td>
 
-
      </tr>
 
-
</table>
 
-
<!-- end of header -->
 
-
 
</body>
</body>
</html>
</html>

Latest revision as of 16:28, 18 September 2012

无标题文档

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

This is the first page after you open the app first time. In this page, you can choice your address in order we can choice the best server to provide the data.

Tips 1 - 4
 
Tips 5 - 8
 
Tips 9 - 12
 
Tips 13 - 16
 
Tips 17 - 20
 
Tips 21 - 24
 
Tips 25 - 28
 
Tips 28 - 32
 

Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-A/tutorial"