Team:NEAU-Harbin/Sandbox

From 2014.igem.org

(Difference between revisions)
Line 5: Line 5:
<style type="text/css">
<style type="text/css">
-
 
-
/* CSS drop-shadow without images */
 
-
.drop-shadow {
 
-
position:relative;
 
-
width:45%;
 
-
padding:1em;
 
-
margin:2em auto 5em;
 
-
background:#fff;
 
-
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
 
-
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 
-
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 
-
}
 
-
.drop-shadow:before, .drop-shadow:after {
 
-
content:"";
 
-
position:absolute;
 
-
z-index:-2;
 
-
bottom:15px;
 
-
left:10px;
 
-
width:50%;
 
-
height:20%;
 
-
}
 
-
.drop-shadow:after {
 
-
right:10px;
 
-
left:auto;
 
-
}
 
-
.round {
 
-
-moz-border-radius:4px;
 
-
border-radius:4px;
 
-
}
 
-
.round:before, .round:after {
 
-
max-width:300px;
 
-
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
 
-
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
 
-
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
 
-
-webkit-transform:rotate(-3deg);
 
-
-moz-transform:rotate(-3deg);
 
-
-o-transform:rotate(-3deg);
 
-
transform:rotate(-3deg);
 
-
}
 
-
.round:after {
 
-
-webkit-transform:rotate(3deg);
 
-
-moz-transform:rotate(3deg);
 
-
-o-transform:rotate(3deg);
 
-
transform:rotate(3deg);
 
-
}
 
-
.curls {
 
-
border:1px solid #efefef;
 
-
-moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
 
-
border-radius:0 0 120px 120px / 0 0 6px 6px;
 
-
}
 
-
.curls:before, .curls:after {
 
-
bottom:12px;
 
-
max-width:200px;
 
-
height:55%;
 
-
-webkit-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
 
-
-moz-box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
 
-
box-shadow:0 8px 16px rgba(0, 0, 0, 0.4);
 
-
-webkit-transform:skew(-8deg) rotate(-4deg);
 
-
-moz-transform:skew(-8deg) rotate(-4deg);
 
-
-o-transform:skew(-8deg) rotate(-4deg);
 
-
transform:skew(-8deg) rotate(-4deg);
 
-
}
 
-
.curls:after {
 
-
-webkit-transform:skew(8deg) rotate(4deg);
 
-
-moz-transform:skew(8deg) rotate(4deg);
 
-
-o-transform:skew(8deg) rotate(4deg);
 
-
transform:skew(8deg) rotate(4deg);
 
-
}
 
-
.perspective:before {
 
-
left:28px;
 
-
bottom:8px;
 
-
max-width:200px;
 
-
height:35%;
 
-
-webkit-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
 
-
-moz-box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
 
-
box-shadow:-60px 5px 8px rgba(0, 0, 0, 0.4);
 
-
-webkit-transform:skew(50deg);
 
-
-moz-transform:skew(50deg);
 
-
-o-transform:skew(50deg);
 
-
transform:skew(50deg);
 
-
}
 
-
.perspective:after { display:none; }
 
-
/* don't need pseudo-elements for this effect */
 
-
 
-
.raised {
 
-
-webkit-box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
 
-
-moz-box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
 
-
box-shadow:0 18px 10px -10px rgba(0, 0, 0, 0.5);
 
-
}
 
-
.rotated {
 
-
-webkit-transform:rotate(-3deg);
 
-
-moz-transform:rotate(-3deg);
 
-
-o-transform:rotate(-3deg);
 
-
transform:rotate(-3deg);
 
-
}
 
-
.rotated *:first-child:before {
 
-
content:"";
 
-
position:absolute;
 
-
z-index:-1;
 
-
top:0;
 
-
bottom:0;
 
-
left:0;
 
-
right:0;
 
-
background:#fff;
 
-
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
 
-
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 
-
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 
-
}
 
-
 
-
 
-
a.s:link {color: #FF0000}
 
-
a.s:visited {color: #00FF00}
 
-
a.s:hover {color: #FF00FF}
 
-
a.s:active {color: #0000FF}
 
-
 
.page-demo{
.page-demo{
-webkit-transition:-webkit-transform .2s linear;
-webkit-transition:-webkit-transform .2s linear;
Line 134: Line 19:
cursor: pointer;
cursor: pointer;
}
}
-
 
-
abc {
 
-
font-size:14px;
 
-
font-family:Arial;
 
-
font-weight:normal;
 
-
-moz-border-radius:20px;
 
-
-webkit-border-radius:20px;
 
-
border-radius:20px;
 
-
border:1px solid #dcdcdc;
 
-
padding:5px 12px;
 
-
text-decoration:none;
 
-
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ffffff), color-stop(100%, #f6f6f6) );
 
-
background:-moz-linear-gradient( center top, #ffffff 5%, #f6f6f6 100% );
 
-
background:-ms-linear-gradient( top, #ffffff 5%, #f6f6f6 100% );
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
 
-
background-color:#ffffff;
 
-
color:#666666;
 
-
display:inline-block;
 
-
text-shadow:1px 1px 0px #ffffff;
 
-
-webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
 
-
-moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
 
-
box-shadow:inset 1px 1px 0px 0px #ffffff;
 
-
}abc:hover {
 
-
background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6f6f6), color-stop(100%, #ffffff) );
 
-
background:-moz-linear-gradient( center top, #f6f6f6 5%, #ffffff 100% );
 
-
background:-ms-linear-gradient( top, #f6f6f6 5%, #ffffff 100% );
 
-
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
 
-
background-color:#f6f6f6;
 
-
}abc:active {
 
-
position:relative;
 
-
top:1px;
 
-
}
 
-
 
-
.transparent {
 
-
position:absolute;
 
-
top:50%;left:50%;
 
-
margin:-150px 0 0 -150px;
 
-
height: 300px;
 
-
width:300px;
 
-
padding: 1em;
 
-
border: 1px solid rgba(255,255,255,.5);
 
-
border-radius: 10px;
 
-
box-sizing: border-box;
 
-
background: rgba(255,255,255,.2);
 
-
font: 150%/1.6 sans-serif;
 
-
text-align: center;
 
-
box-shadow: -1px -1px 10px rgba(255,255,255,.3) inset, 2px 2px 20px rgba(0,0,0,.5);
 
-
text-shadow: 0 1px 1px rgba(255,255,255,.6);
 
-
}
 
-
 
</style>
</style>
Line 189: Line 24:
<table width="70%" align="center">
<table width="70%" align="center">
-
<body background="http://ww3.sinaimg.cn/large/005yJbH6tw1eihfnpawdjj31kw16owk1.jpg">
+
 
<!--welcome box -->
<!--welcome box -->
<tr>
<tr>
-
<td class="drop-shadow round" style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#66CCFF>
+
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#66CCFF>
-
<h1 ><abbr title="Hello World!">WELCOME TO iGEM 2014!</abbr></h1>
+
<h1 >WELCOME TO iGEM 2014! </h1>
<p>Your team has been approved and you are ready to start the iGEM season!
<p>Your team has been approved and you are ready to start the iGEM season!
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
<br>
<br>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:NEAU-Harbin/Sandbox&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:NEAU-Harbin&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
</td>
</td>
</tr>
</tr>
Line 215: Line 50:
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
-
<a href="https://2014.igem.org/Team:NEAU-Harbin"style="color:#000000"><abc><button type="button">Home</button></abc> </a> </td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin"style="color:#000000">Home </a> </td>
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Team"style="color:#000000"><abc> Team </abc></a> </td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin/Team"style="color:#000000"> Team </a> </td>
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=NEAU-Harbin"style="color:#000000"><abc> Official Team Profile </abc></a></td>
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=NEAU-Harbin"style="color:#000000"> Official Team Profile </a></td>
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
-
<abc><a href="https://2014.igem.org/Team:NEAU-Harbin/Project"style="color:#000000"> Project</a></abc></td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin/Project"style="color:#000000"> Project</a></td>
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Parts"style="color:#000000"><abc> Parts</abc></a></td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin/Parts"style="color:#000000"> Parts</a></td>
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Modeling"style="color:#000000"><abc> Modeling</abc></a></td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin/Modeling"style="color:#000000"> Modeling</a></td>
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>   
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook"style="color:#000000"><abc> Notebook</abc></a></td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin/Notebook"style="color:#000000"> Notebook</a></td>
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Safety"style=" color:#000000"><abc> Safety </abc></a></td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin/Safety"style=" color:#000000"> Safety </a></td>
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
-
<a href="https://2014.igem.org/Team:NEAU-Harbin/Attributions"style="color:#000000"><abc> Attributions </abc></a></td>
+
<a href="https://2014.igem.org/Team:NEAU-Harbin/Attributions"style="color:#000000"> Attributions </a></td>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"><abc> <img class="page-demo demo-x" src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></abc></a> </td>
+
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
</tr>
</tr>
</table>
</table>
Line 272: Line 107:
<!-- Links to other team pages -->
<!-- Links to other team pages -->
<ul>
<ul>
-
<li><a href="https://2014.igem.org/Team:NEAU-Harbin" class="s">Home</a> </li>
+
<li><a href="https://2014.igem.org/Team:NEAU-Harbin">Home</a> </li>
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Team">Team</a> </li>
<li><a href="https://2014.igem.org/Team:NEAU-Harbin/Team">Team</a> </li>
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=NEAU-Harbin">Official Team Profile</a> </li>
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=NEAU-Harbin">Official Team Profile</a> </li>

Revision as of 05:55, 21 July 2014


WELCOME TO iGEM 2014!

Your team has been approved and you are ready to start the iGEM season!
On this page you can document your project, introduce your team members, document your progress
and share your iGEM experience with the rest of the world!


Click here to edit this page!

Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions

Requirements

Please be sure to keep these links, your audience will want to find your:

There are a few wiki requirements teams must follow:

  • All pages, images and files must be hosted on the 2014.igem.org server.
  • All pages must be created under the team’s name space.
  • As part of your documentation, keep the links from the menu to the left.
  • Do not use flash in wiki code.
  • The iGEM logo should be placed on the upper part of every page and should link to 2014.igem.org.

Visit the Wiki How To page for a complete list of requirements, tips and other useful information.

Tips

We are currently working on providing teams with some easy to use design templates.
In the meantime you can also view other team wikis for inspiration! Here are some very good examples

For a full wiki list, you can visit iGEM 2013 web sites and iGEM 2012 web sites lists.

This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and what you plan to do.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the iGEM 2013 calendar
  • Have lots of fun!

Retrieved from "http://2014.igem.org/Team:NEAU-Harbin/Sandbox"