http://2014.igem.org/wiki/index.php?title=Special:Contributions/Samichaels&feed=atom&limit=50&target=Samichaels&year=&month=
2014.igem.org - User contributions [en]
2024-03-28T14:45:32Z
From 2014.igem.org
MediaWiki 1.16.5
http://2014.igem.org/Team:UCLA/Notebook/Weekly_Notes
Team:UCLA/Notebook/Weekly Notes
2014-10-13T22:14:27Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<tr> <br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--content --><br />
<tr><td colspan="3"><h3>Customizing Silk</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1niBOywRgKRbCUX8jweogbODER2N1RHR1Ia05V3QmXZE/pub">Customizing Silk Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<br />
<tr><td colspan="3"><h3>Functionalizing Silk</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1bU6ZQWPdsV1uGCp1_raI_jozTyxKk2k1gyTAei-Axuw/pub">Functionalizing Silk Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<br />
<tr><td colspan="3"><h3>Spinning Silk</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Spinning Silk Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
</table><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-12T22:10:34Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Modifying the genetic structure of silk can create a diverse new range of biomaterials.<br />
</p><br />
<p class="onBlack"><br />
With spider silk as our basis, we started to experiment with the genetic structure of silk. We rearranged portions of the repetitive DNA code to see how it affected the strength, elasticity, and spinning capabilities using Golden Gate Cloning and Iterative Capped Assembly. Click this text to learn about this portion of our project in-depth.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Functionalizing_Fibers"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
By attaching various proteins, we can create silk with specific applications.<br />
</p><br />
<p class="onBlack"><br />
Glowing silk is an idea that appeals both to the scientific and artistic worlds. It is a proof of concept for the scientists, demonstrating how we are able to functionalize silk fibers, and an interesting new material to work with for the artists. This method can be applied to different kinds of proteins with different functions as well, but every idea has to start small. To see how we attached GFP to our silk constructs, click this text.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Spinning_Silk"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Engineering our silk is only half the work, creating a tangible product is the rest.<br />
</p><br />
<p class="onBlack"><br />
After some stumbles in the beginning of summer when our makeshift rotary jet spinner failed to work, we decided to look into different methods of spinning synthetic fibers. We tested extrusion with a syringe pump, which gave us very thin, fragile fibers. Click this text to jump into the action and watch fibers take shape from solution.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-12T22:09:49Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Modifying the genetic structure of silk can create a diverse new range of biomaterials.<br />
</p><br />
<p class="onBlack"><br />
With spider silk as our basis, we started to experiment with the genetic structure of silk. We rearranged portions of the repetitive DNA code to see how it affected the strength, elasticity, and spinning capabilities using Golden Gate Cloning and Iterative Capped Assembly. Click this text to learn about this portion of our project in-depth.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Functionalizing_Fibers"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
By attaching various proteins, we can create silk with specific applications.<br />
</p><br />
<p class="onBlack"><br />
Glowing silk is an idea that appeals both to the scientific and artistic worlds. It is a proof of concept for the scientists, demonstrating how we are able to functionalize silk fibers, and an interesting new material to work with for the artists. This method can be applied to different kinds of proteins with different functions as well, but every idea has to start small. To see how we attached GFP to our silk constructs, click this text.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Spinning_Silk"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Engineering our silk is only half the work, creating a tangible product is the rest.<br />
</p><br />
<p class="onBlack"><br />
After some stumbles in the beginning of summer when our makeshift rotary jet spinner failed to work, we decided to look into different methods of spinning synthetic fibers. We tested extrusion with a syringe pump, which gave us very thin, fragile fibers. Click this text to jump into the action and watch fibers take shape from solution.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-12T22:04:14Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Modifying the genetic structure of silk can create a diverse new range of biomaterials.<br />
</p><br />
<p class="onBlack"><br />
With spider silk as our basis, we started to experiment with the genetic structure of silk. We rearranged portions of the repetitive DNA code to see how it affected the strength, elasticity, and spinning capabilities using Golden Gate Cloning and Iterative Capped Assembly. Click this text to learn about this portion of our project in-depth.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Functionalizing_Fibers"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
By attaching various proteins, we can create silk with specific applications.<br />
</p><br />
<p class="onBlack"><br />
Glowing silk is an idea that appeals both to the scientific and artistic worlds. It is a proof of concept for the scientists, demonstrating how we are able to functionalize silk fibers, and an interesting new material to work with for the artists. This method can be applied to different kinds of proteins with different functions as well, but every idea has to start small. To see how we attached GFP to our silk constructs, click this text.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Spinning_Silk"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Engineering our silk is only half the work, creating a tangible product is the rest.<br />
</p><br />
<p class="onBlack"><br />
After some stumbles in the beginning of summer when our makeshift rotary jet spinner failed to work, we decided to look into different methods of spinning synthetic fibers. We tested extrusion with a syringe pump, which gave us very thin, fragile fibers. Click this text to jump into the action and watch fibers form from solution.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-12T21:58:04Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Modifying the genetic structure of silk can create a diverse new range of biomaterials.<br />
</p><br />
<p class="onBlack"><br />
With spider silk as our basis, we started to experiment with the genetic structure of silk. We rearranged portions of the repetitive DNA code to see how it affected the strength, elasticity, and spinning capabilities using Golden Gate Cloning and Iterative Capped Assembly. Click this text to learn about this portion of our project in-depth.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Functionalizing_Fibers"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
By attaching various proteins, we can create silk with specific applications.<br />
</p><br />
<p class="onBlack"><br />
Glowing silk is an idea that appeals both to the scientific and artistic worlds. It is a proof of concept for the scientists, demonstrating how we are able to functionalize silk fibers, and an interesting new material to work with for the artists. This method can be applied to different kinds of proteins with different functions as well, but every idea has to start small. To see how we attached GFP to our silk constructs, click this text.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Spinning_Silk"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Engineering our silk is only half the work, creating a tangible product is the rest.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-12T21:38:24Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Modifying the genetic structure of silk can create a diverse new range of biomaterials.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Functionalizing_Fibers"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
By attaching various proteins, we can create silk with specific applications.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Spinning_Silk"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
Engineering our silk is only half the work, creating a tangible product is the rest.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-12T20:59:04Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 85%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('https://static.igem.org/mediawiki/2014/thumb/b/b8/Silkthreads.jpg/800px-Silkthreads.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
margin-bottom: 200px;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
<br />
</html></div>
Samichaels
http://2014.igem.org/File:Silkthreads.jpg
File:Silkthreads.jpg
2014-10-12T20:58:44Z
<p>Samichaels: </p>
<hr />
<div></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-07T00:51:16Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 85%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('https://dl.dropboxusercontent.com/content_link/iszrwOziE0mbM1xaDrrIYp38MDXU8dWN20B38h7VAlht4wUCoS9U3ya7idjJihtJ');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
margin-bottom: 200px;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project
Team:UCLA/Project
2014-10-07T00:47:27Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<br/><br/><br />
<br/><br />
<!--Project content --><br />
<tr><td > <h3> Project Description </h3></td><br />
<td ></td ><br />
<td > <h3> Content</h3></td><br />
</tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs) </p><br />
<br><br />
<h3>References </h3><br />
<p><br />
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p> <br />
</td><br />
<br />
<td></td><br />
<td width="45%" valign="top"><br />
<p> You can use these subtopics to further explain your project</p><br />
<br />
<ol><br />
<li>Overall project summary</li><br />
<li>Project Details</li><br />
<li>Materials and Methods</li><br />
<li>The Experiments</li><br />
<li>Results</li><br />
<li>Data analysis</li><br />
<li>Conclusions</li><br />
</ol><br />
<br />
<p><br />
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work. <br />
</p><br />
<br />
<p><br />
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted. <br />
</p><br />
<br />
</td><br />
<br />
</tr><br />
<br />
<br />
</table><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project
Team:UCLA/Project
2014-10-07T00:46:53Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<br/><br/><br />
<br/><br/><br />
<!--Project content --><br />
<tr><td > <h3> Project Description </h3></td><br />
<td ></td ><br />
<td > <h3> Content</h3></td><br />
</tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs) </p><br />
<br><br />
<h3>References </h3><br />
<p><br />
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p> <br />
</td><br />
<br />
<td></td><br />
<td width="45%" valign="top"><br />
<p> You can use these subtopics to further explain your project</p><br />
<br />
<ol><br />
<li>Overall project summary</li><br />
<li>Project Details</li><br />
<li>Materials and Methods</li><br />
<li>The Experiments</li><br />
<li>Results</li><br />
<li>Data analysis</li><br />
<li>Conclusions</li><br />
</ol><br />
<br />
<p><br />
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work. <br />
</p><br />
<br />
<p><br />
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted. <br />
</p><br />
<br />
</td><br />
<br />
</tr><br />
<br />
<br />
</table><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project
Team:UCLA/Project
2014-10-07T00:46:32Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<br/><br/><br />
<br/><br />
<!--Project content --><br />
<tr><td > <h3> Project Description </h3></td><br />
<td ></td ><br />
<td > <h3> Content</h3></td><br />
</tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs) </p><br />
<br><br />
<h3>References </h3><br />
<p><br />
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p> <br />
</td><br />
<br />
<td></td><br />
<td width="45%" valign="top"><br />
<p> You can use these subtopics to further explain your project</p><br />
<br />
<ol><br />
<li>Overall project summary</li><br />
<li>Project Details</li><br />
<li>Materials and Methods</li><br />
<li>The Experiments</li><br />
<li>Results</li><br />
<li>Data analysis</li><br />
<li>Conclusions</li><br />
</ol><br />
<br />
<p><br />
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work. <br />
</p><br />
<br />
<p><br />
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted. <br />
</p><br />
<br />
</td><br />
<br />
</tr><br />
<br />
<br />
</table><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Spinning_Silk
Team:UCLA/Project/Spinning Silk
2014-10-07T00:45:55Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> SILK SPINNING </font> </h1><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/70640.jpg?440" align="right"><br />
<br />
<p>Silk is originally produced in spiders as proteins in liquid solution. It’s not until this solution is passed through the spider’s spinneret that the silk comes together as a fiber that can be woven into webs and fabrics. A major part of our project revolves around emulating this natural process using laboratory methods to convert liquid silk solutions into durable threads. We will be using two different methods of spinning silk fibers, to see the benefits and drawbacks of each method.<br />
</p><br />
<br />
<p> The first method is directly inspired by the natural spinneret structure of spiders. In spiders, liquid silk solution is passed from silk glands and forced, or extruded, through tiny openings at the end of the spinnerets. This process compacts the silk proteins, and forces them to organize into solid threads. In a similar fashion, we can use a syringe to force silk solution through a needle into a liquid bath that promotes coagulation. The resulting fiber can then be drawn through additional chemical baths that stretch it and improve its elasticity. The end result is a silk thread much like one that would be produced in a real spider spinneret. </p><br />
<br />
<p> The second method adds an additional mechanical element to the process. This process draws inspiration not only from the spider spinneret, but also from a machine that we know and are familiar with – a cotton candy machine. In a machine called a Rotary Jet Spinner (RJS), a reservoir with a spinneret-like nozzle is filled with liquid silk solution. This reservoir is then spun at extremely high speeds, up to 20,000 revolutions per minute. The centrifugal force of this rotation extrudes the solution through the nozzle at a uniform rate, causing compaction and solid arrangement of the silk proteins. As the thread is ejected from the nozzle, any remaining liquid is evaporated, resulting in a solid fiber that is collected on a wall surrounding the reservoir. <br />
</p><br />
<br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Functionalizing_Fibers
Team:UCLA/Project/Functionalizing Fibers
2014-10-07T00:45:39Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> PROGRAMMING SILK: Functionalizing silk fibers </font> </h1><br />
<br />
<p>To give functionality to our fibers, we will be genetically fusing various proteins onto our spider silk. In effect, these fusion proteins will have dual function: that of the fused protein as well as that of natural spider silk. Areas like medicine, art, and the fashion industry could immensely benefit from incorporating these dynamic fusion proteins into their current practices.<br />
</p><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/9622499.jpg?481" align="right"><br />
<br />
<p>To begin with, we will fuse Green Fluorescent Protein (GFP) onto the silk. This will not only be a proof of concept for future experiments, but it will produce a tangible product. Converting this product into, say, a glowing silk t-shirt, is only a couple steps away.</p><br />
<br />
<p> Next we will attach streptavidin to our silk. Streptavidin is a well-characterized protein useful in molecular biology for its high affinity towards its binding partner, biotin. Both proteins and small molecules can be "biotinylated," allowing them to bind to streptavidin, or in our case, the streptavidin-silk fusion. A simple test we can do to verify this fusion protein is indeed being formed involves biotinylated GFP to act as a visual indicator. After this, we can even try biotinylating enzymes that can function in the body. Silk is ideal in drug delivery as it is sturdy yet biodegradable, and it can act as a scaffold for these enzymes to work in humans. </p><br />
<br />
<p> With these experiments, we aim to demonstrate that this approach of functionalizing silk fibers can be extended to many or all other proteins. The other two projects involve the critical steps of optimizing our spider silk and the spinning process, but it is with this functionalization of the silk fibers where we can truly see the potential of silk. </p><br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Customizing_Silk
Team:UCLA/Project/Customizing Silk
2014-10-07T00:44:36Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> PROGRAMMING SILK: CUSTOMIZING ITS PROPERTIES </font> </h1><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/4184094.jpg?283" align="left"><br />
<br />
<p>Spider silk is a remarkable natural material, exhibiting an incredible range of strength and elasticity. Silk-weaving spiders can actually choose from a wide array of silks (such as dragline, capture-spiral, and egg cocoon silk), each having its own unique physical profile and genetic origin. However, one thing that’s common to all silk is that their genes are comprised of highly-repetitive modules. By comparing and the contribution of each type of module to the silk fiber’s physical properties, we can begin to understand how to create a collection of silk modules to build our own gene!<br />
</p><br />
<br />
<p>By genetically engineering the repetitive modules, and stringing them together in defined orders and ratios, we can customize the physical properties of the resulting silk fibers. Given the diversity that naturally exists across different types of silk, we can potentially assemble a massive library of silk proteins with an impressive range of strength and elasticity for a variety of applications. We plan on optimizing the compatibility of the iterative capped assembly (ICA) technique for the iGEM competition, creating a standardized method of assembling any highly-repetitive gene fragment in an efficient, user-definable manner. Having a library of silk gene blocks to choose from, and an optimized protocol for assembling them, we can optimize the selection and production of programmable silk with customizable properties.</p><br />
<br />
<p> Our platform for synthesizing silk is a scalable, eco-friendly solution to the needs of booming industries such as medicine and fashion. Silk is a popular material for tailoring fine garments, and the ability to modify silk to meet any specification would be an extremely useful tool for textile companies. Silk is also of great interest within the medical field since it does not elicit a strong immune response, and is biodegradable. Consequently, it has been investigated as a material for use in sutures, grafts, and implants. These surgical procedures require materials with very specific properties, and the ability to easily modify silk would transform the medical field.</p><br />
<br />
<p> Working with silk on the genetic level gives us the freedom to modify the properties of silk fibers. But why stop there? What if we could functionalize the silk by fusing it to other genes that encode for fluorescent or therapeutic compounds? </p><br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Customizing_Silk
Team:UCLA/Project/Customizing Silk
2014-10-07T00:44:22Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> PROGRAMMING SILK: CUSTOMIZING ITS PROPERTIES </font> </h1><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/4184094.jpg?283" align="left"><br />
<br />
<p>Spider silk is a remarkable natural material, exhibiting an incredible range of strength and elasticity. Silk-weaving spiders can actually choose from a wide array of silks (such as dragline, capture-spiral, and egg cocoon silk), each having its own unique physical profile and genetic origin. However, one thing that’s common to all silk is that their genes are comprised of highly-repetitive modules. By comparing and the contribution of each type of module to the silk fiber’s physical properties, we can begin to understand how to create a collection of silk modules to build our own gene!<br />
</p><br />
<br />
<p>By genetically engineering the repetitive modules, and stringing them together in defined orders and ratios, we can customize the physical properties of the resulting silk fibers. Given the diversity that naturally exists across different types of silk, we can potentially assemble a massive library of silk proteins with an impressive range of strength and elasticity for a variety of applications. We plan on optimizing the compatibility of the iterative capped assembly (ICA) technique for the iGEM competition, creating a standardized method of assembling any highly-repetitive gene fragment in an efficient, user-definable manner. Having a library of silk gene blocks to choose from, and an optimized protocol for assembling them, we can optimize the selection and production of programmable silk with customizable properties.</p><br />
<br />
<p> Our platform for synthesizing silk is a scalable, eco-friendly solution to the needs of booming industries such as medicine and fashion. Silk is a popular material for tailoring fine garments, and the ability to modify silk to meet any specification would be an extremely useful tool for textile companies. Silk is also of great interest within the medical field since it does not elicit a strong immune response, and is biodegradable. Consequently, it has been investigated as a material for use in sutures, grafts, and implants. These surgical procedures require materials with very specific properties, and the ability to easily modify silk would transform the medical field.</p><br />
<br />
<p> Working with silk on the genetic level gives us the freedom to modify the properties of silk fibers. But why stop there? What if we could functionalize the silk by fusing it to other genes that encode for fluorescent or therapeutic compounds? </p><br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Customizing_Silk
Team:UCLA/Project/Customizing Silk
2014-10-07T00:44:07Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> PROGRAMMING SILK: CUSTOMIZING ITS PROPERTIES </font> </h1><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/4184094.jpg?283" align="left"><br />
<br />
<p>Spider silk is a remarkable natural material, exhibiting an incredible range of strength and elasticity. Silk-weaving spiders can actually choose from a wide array of silks (such as dragline, capture-spiral, and egg cocoon silk), each having its own unique physical profile and genetic origin. However, one thing that’s common to all silk is that their genes are comprised of highly-repetitive modules. By comparing and the contribution of each type of module to the silk fiber’s physical properties, we can begin to understand how to create a collection of silk modules to build our own gene!<br />
</p><br />
<br />
<p>By genetically engineering the repetitive modules, and stringing them together in defined orders and ratios, we can customize the physical properties of the resulting silk fibers. Given the diversity that naturally exists across different types of silk, we can potentially assemble a massive library of silk proteins with an impressive range of strength and elasticity for a variety of applications. We plan on optimizing the compatibility of the iterative capped assembly (ICA) technique for the iGEM competition, creating a standardized method of assembling any highly-repetitive gene fragment in an efficient, user-definable manner. Having a library of silk gene blocks to choose from, and an optimized protocol for assembling them, we can optimize the selection and production of programmable silk with customizable properties.</p><br />
<br />
<p> Our platform for synthesizing silk is a scalable, eco-friendly solution to the needs of booming industries such as medicine and fashion. Silk is a popular material for tailoring fine garments, and the ability to modify silk to meet any specification would be an extremely useful tool for textile companies. Silk is also of great interest within the medical field since it does not elicit a strong immune response, and is biodegradable. Consequently, it has been investigated as a material for use in sutures, grafts, and implants. These surgical procedures require materials with very specific properties, and the ability to easily modify silk would transform the medical field.</p><br />
<br />
<p> Working with silk on the genetic level gives us the freedom to modify the properties of silk fibers. But why stop there? What if we could functionalize the silk by fusing it to other genes that encode for fluorescent or therapeutic compounds? </p><br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Customizing_Silk
Team:UCLA/Project/Customizing Silk
2014-10-07T00:43:50Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> PROGRAMMING SILK: CUSTOMIZING ITS PROPERTIES </font> </h1><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/4184094.jpg?283" align="left"><br />
<br />
<p>Spider silk is a remarkable natural material, exhibiting an incredible range of strength and elasticity. Silk-weaving spiders can actually choose from a wide array of silks (such as dragline, capture-spiral, and egg cocoon silk), each having its own unique physical profile and genetic origin. However, one thing that’s common to all silk is that their genes are comprised of highly-repetitive modules. By comparing and the contribution of each type of module to the silk fiber’s physical properties, we can begin to understand how to create a collection of silk modules to build our own gene!<br />
</p><br />
<br />
<p>By genetically engineering the repetitive modules, and stringing them together in defined orders and ratios, we can customize the physical properties of the resulting silk fibers. Given the diversity that naturally exists across different types of silk, we can potentially assemble a massive library of silk proteins with an impressive range of strength and elasticity for a variety of applications. We plan on optimizing the compatibility of the iterative capped assembly (ICA) technique for the iGEM competition, creating a standardized method of assembling any highly-repetitive gene fragment in an efficient, user-definable manner. Having a library of silk gene blocks to choose from, and an optimized protocol for assembling them, we can optimize the selection and production of programmable silk with customizable properties.</p><br />
<br />
<p> Our platform for synthesizing silk is a scalable, eco-friendly solution to the needs of booming industries such as medicine and fashion. Silk is a popular material for tailoring fine garments, and the ability to modify silk to meet any specification would be an extremely useful tool for textile companies. Silk is also of great interest within the medical field since it does not elicit a strong immune response, and is biodegradable. Consequently, it has been investigated as a material for use in sutures, grafts, and implants. These surgical procedures require materials with very specific properties, and the ability to easily modify silk would transform the medical field.</p><br />
<br />
<p> Working with silk on the genetic level gives us the freedom to modify the properties of silk fibers. But why stop there? What if we could functionalize the silk by fusing it to other genes that encode for fluorescent or therapeutic compounds? </p><br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Customizing_Silk
Team:UCLA/Project/Customizing Silk
2014-10-07T00:43:25Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
</html><br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> PROGRAMMING SILK: CUSTOMIZING ITS PROPERTIES </font> </h1><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/4184094.jpg?283" align="left"><br />
<br />
<p>Spider silk is a remarkable natural material, exhibiting an incredible range of strength and elasticity. Silk-weaving spiders can actually choose from a wide array of silks (such as dragline, capture-spiral, and egg cocoon silk), each having its own unique physical profile and genetic origin. However, one thing that’s common to all silk is that their genes are comprised of highly-repetitive modules. By comparing and the contribution of each type of module to the silk fiber’s physical properties, we can begin to understand how to create a collection of silk modules to build our own gene!<br />
</p><br />
<br />
<p>By genetically engineering the repetitive modules, and stringing them together in defined orders and ratios, we can customize the physical properties of the resulting silk fibers. Given the diversity that naturally exists across different types of silk, we can potentially assemble a massive library of silk proteins with an impressive range of strength and elasticity for a variety of applications. We plan on optimizing the compatibility of the iterative capped assembly (ICA) technique for the iGEM competition, creating a standardized method of assembling any highly-repetitive gene fragment in an efficient, user-definable manner. Having a library of silk gene blocks to choose from, and an optimized protocol for assembling them, we can optimize the selection and production of programmable silk with customizable properties.</p><br />
<br />
<p> Our platform for synthesizing silk is a scalable, eco-friendly solution to the needs of booming industries such as medicine and fashion. Silk is a popular material for tailoring fine garments, and the ability to modify silk to meet any specification would be an extremely useful tool for textile companies. Silk is also of great interest within the medical field since it does not elicit a strong immune response, and is biodegradable. Consequently, it has been investigated as a material for use in sutures, grafts, and implants. These surgical procedures require materials with very specific properties, and the ability to easily modify silk would transform the medical field.</p><br />
<br />
<p> Working with silk on the genetic level gives us the freedom to modify the properties of silk fibers. But why stop there? What if we could functionalize the silk by fusing it to other genes that encode for fluorescent or therapeutic compounds? </p><br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Project/Customizing_Silk
Team:UCLA/Project/Customizing Silk
2014-10-07T00:43:10Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<!--PAGE HEADER--><br />
<html lang="en"><br />
<div class= "page_header"><br />
<div class= "page_header_box" id= "box1"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box2"><br />
<img src= "http://blogforfun.in/wp-content/uploads/nature-4.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box3"><br />
<img src= "http://hostingride.com/wp-content/uploads/2014/07/free-download-photos-of-nature.jpg"/><br />
<br />
</div><br />
<div class= "page_header_box" id= "box4"><br />
<img src= "http://finalmile.in/behaviourarchitecture/wp-content/uploads/2013/04/forces-of-nature-wallpaper.jpg"/><br />
<br />
</div><br />
</div><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
</html><br />
<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<!---grey bar---><br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<tr><br />
<td><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br/><br />
<br/><br />
<body><br />
<h1> <font size="5"> PROGRAMMING SILK: CUSTOMIZING ITS PROPERTIES </font> </h1><br />
<br />
<img style="padding: 15px;" src="http://www.igematucla.com/uploads/2/9/8/5/29851925/4184094.jpg?283" align="left"><br />
<br />
<p>Spider silk is a remarkable natural material, exhibiting an incredible range of strength and elasticity. Silk-weaving spiders can actually choose from a wide array of silks (such as dragline, capture-spiral, and egg cocoon silk), each having its own unique physical profile and genetic origin. However, one thing that’s common to all silk is that their genes are comprised of highly-repetitive modules. By comparing and the contribution of each type of module to the silk fiber’s physical properties, we can begin to understand how to create a collection of silk modules to build our own gene!<br />
</p><br />
<br />
<p>By genetically engineering the repetitive modules, and stringing them together in defined orders and ratios, we can customize the physical properties of the resulting silk fibers. Given the diversity that naturally exists across different types of silk, we can potentially assemble a massive library of silk proteins with an impressive range of strength and elasticity for a variety of applications. We plan on optimizing the compatibility of the iterative capped assembly (ICA) technique for the iGEM competition, creating a standardized method of assembling any highly-repetitive gene fragment in an efficient, user-definable manner. Having a library of silk gene blocks to choose from, and an optimized protocol for assembling them, we can optimize the selection and production of programmable silk with customizable properties.</p><br />
<br />
<p> Our platform for synthesizing silk is a scalable, eco-friendly solution to the needs of booming industries such as medicine and fashion. Silk is a popular material for tailoring fine garments, and the ability to modify silk to meet any specification would be an extremely useful tool for textile companies. Silk is also of great interest within the medical field since it does not elicit a strong immune response, and is biodegradable. Consequently, it has been investigated as a material for use in sutures, grafts, and implants. These surgical procedures require materials with very specific properties, and the ability to easily modify silk would transform the medical field.</p><br />
<br />
<p> Working with silk on the genetic level gives us the freedom to modify the properties of silk fibers. But why stop there? What if we could functionalize the silk by fusing it to other genes that encode for fluorescent or therapeutic compounds? </p><br />
</body><br />
</td><br />
</tr><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-07T00:40:22Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 85%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
margin-bottom: 200px;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Notebook/Weekly_Notes
Team:UCLA/Notebook/Weekly Notes
2014-10-07T00:27:04Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<tr> <br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--content --><br />
<tr><td colspan="3"><h3>Week 1</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1niBOywRgKRbCUX8jweogbODER2N1RHR1Ia05V3QmXZE/pub">Week 1 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<br />
<tr><td colspan="3"><h3>Week 2</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1bU6ZQWPdsV1uGCp1_raI_jozTyxKk2k1gyTAei-Axuw/pub">Week 2 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<br />
<tr><td colspan="3"><h3>Week 3</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 3 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 4</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 4 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 5</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 5 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 6</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 6 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 7</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 7 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 8</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 8 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 9</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 9 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 10</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 10 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 11</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 11 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 12</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 12 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 13</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 13 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 14</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 14 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 15</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 15 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 16</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 16 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 17</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 17 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 18</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 18 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 19</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 19 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td colspan="3"><h3>Week 20</h3></td></tr><br />
<br />
<tr><br />
<td valign="top"> <br />
<ul><br />
<li><b>Goals: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>What was accomplished: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
<br />
<li><b>Goals for next week: </b></li><br />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><br />
</ul><br />
<br />
<a href="https://docs.google.com/document/d/1O4e_HUiWGdW3nfcGusqRoO56Gnb-xs_NcN892kEB5Rk/pub">Week 20 Details</a><br />
</td><br />
<br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
</table><br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Notebook/Protocols
Team:UCLA/Notebook/Protocols
2014-10-07T00:22:42Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<html><br />
<br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3>Protocols</h3></td></tr><br />
<br />
<tr><br />
<td width="90%" valign="top"> <br />
</td><br />
<td></td><br />
<td></td><br />
</tr><br />
<br />
<tr><td><br><b>Equipment for the collection of recombinant silk</b></br><a href="https://static.igem.org/mediawiki/2014/a/ab/Equipment_Protocol.pdf">Equipment Protocol</a></td></tr><br />
<br />
<tr><td><br> <b>List of Reagents</b></br><br />
<a href="https://static.igem.org/mediawiki/2014/9/92/Reagent_Protocol.pdf">Reagent Protocol</a></td></tr><br />
<br />
<tr><td><br> <b>PCR for MASP1 and MASP2 </b></br><br />
<a href="https://static.igem.org/mediawiki/2014/archive/4/47/20140701232004%21IGEM_PCR_reaction_design.pdf">PCR Protocol</a></td></tr><br />
<tr><td><br><b>Silk Fibroin Extraction</b></br><a href="https://static.igem.org/mediawiki/2014/a/a7/Silk_Fibroin_Extraction_%26_Film_Formation_Protocol%281%29.pdf">Silk Fibroin Extraction Protocol</a></td></tr><br />
<br />
<tr><td><br> <b>Silk Films</b></br><br />
<a href="https://static.igem.org/mediawiki/2014/a/a9/Silk_Fibroin_Extraction_%26_Film_Formation_Protocol%282%29.pdf">Silk Films Protocol</a></td></tr><br />
<br />
<tr><td><br> <b>Electrospun Fibers</b></br><br />
<a href="https://static.igem.org/mediawiki/2014/d/d2/Silk_Fibroin_Extraction_%26_Film_Formation_Protocol%283%29.pdf">Electrospun Fiber Protocol</a></td></tr><br />
<br />
<td></br></td><br />
<tr><td><b>Silk Thread</b></br><br />
<a href="https://static.igem.org/mediawiki/2014/6/6e/Silk_Thread_Protocols.pdf">Silk Thread Protocol</a><br />
<br>Outline</br><br />
<ol><br />
<li>Construction of the Synthetic Spider Silk Multimeric Gene</li><br />
<li>Cloning of the spider silk multimer into the expression vector</li><br />
<li>Gene Expression of pETsilk</li><br />
<li>E.coli Cell Lysis</li><br />
<li>Silk Protein Purification Using IMAC</li><br />
<li>Dialysis</li><br />
<li>Protein Analysis</li><br />
<li>Amino Acid Analysis</li><br />
<li>Overall: Timing of Procedure</li><br />
</ol></td></tr><br />
<tr><td></br></td></tr><br />
<br />
<tr><td><h3> Reference </h3><b>Materials Fabrication</b></br>Rockwood, Danielle N., Rucsanda C. Preda, Tuna Yücel, Xiaoqin Wang, Michael L. Lovett, and David L. Kaplan. "Materials Fabrication from Bombyx Mori Silk Fibroin." Nature Protocols 6.10 (2011): 1612-631. Web. <br></br><br />
<br><b>Production of MASP1/2</b></br>Teulé, Florence, Alyssa R. Cooper, William A. Furin, Daniela Bittencourt, Elibio L. Rech, Amanda Brooks, and Randolph V. Lewis. "A Protocol for the Production of Recombinant Spider Silk-like Proteins for Artificial Fiber Spinning." Nature Protocols 4.3 (2009): 341-55. Web.</br></td></tr><br />
<br />
<tr><td></br></br></br></td></tr><br />
<br />
<br />
</table><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:48:48Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 85%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:48:27Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 85%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
<!--BACKGROUND--><br />
<style><br />
background-image: url('http://maleikaw.webstarts.com/uploads/gray_gradient2.jpg');<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:46:40Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 85%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
<!--BACKGROUND--><br />
<style><br />
/* IE10 Consumer Preview */ <br />
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #000E14 100%);<br />
<br />
/* Mozilla Firefox */ <br />
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #000E14 100%);<br />
<br />
/* Opera */ <br />
background-image: -o-linear-gradient(top, #FFFFFF 0%, #000E14 100%);<br />
<br />
/* Webkit (Safari/Chrome 10) */ <br />
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #000E14));<br />
<br />
/* Webkit (Chrome 11+) */ <br />
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #000E14 100%);<br />
<br />
/* W3C Markup, IE10 Release Preview */ <br />
background-image: linear-gradient(to bottom, #FFFFFF 0%, #000E14 100%);<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-06T22:41:27Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Functionalizing_Fibers"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Spinning_Silk"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-06T22:40:26Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch2"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch3"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/Javascript
Team:UCLA/Template/Javascript
2014-10-06T22:38:29Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script><br />
<!--SPIDER TOP BUTTON--><br />
<script type="text/javascript"><br />
jQuery(document).ready(function($){<br />
$('.spiderbutton, .backtotop').click(function(){<br />
$('.spiderbutton').stop(true,true).animate({ top: '-=50%'}, 800, function(){$('.spiderbutton').stop(true,true).animate({ top: '+=50%'}, 3000)});<br />
$('.spiderline').stop(true,true).animate({ top: '-=50%'}, 800, function(){$('.spiderline').stop(true,true).animate({ top: '+=50%'}, 3000)});<br />
$("html, body").animate({ scrollTop: 0 }, 500);<br />
});<br />
});<br />
</script><br />
<br />
<br />
<!--SPLASH PAGE--><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('#box1').hover(function(){<br />
var smallTop = $('#box1').height() - $(".cover", this).height() -10 +"px";<br />
$(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});<br />
}, function() {<br />
$(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});<br />
});<br />
$('#box2').hover(function(){<br />
var smallTop = $('#box2').height() - $(".cover", this).height() -10 +"px";<br />
$(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});<br />
}, function() {<br />
$(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});<br />
});<br />
$('#box3').hover(function(){<br />
var smallTop = $('#box3').height() - $(".cover", this).height() -10 +"px";<br />
$(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});<br />
}, function() {<br />
$(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});<br />
});<br />
$('#box4').hover(function(){<br />
var smallTop = $('#box4').height() - $(".cover", this).height() -10 +"px";<br />
$(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});<br />
}, function() {<br />
$(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});<br />
});<br />
});<br />
</script><br />
<br />
<!--MAIN PAGE BOXES--><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('#box5').hover(function(){<br />
var smallTop = $('#box5').height() - $(".cover", this).height() -10 +"px";<br />
$(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});<br />
}, function() {<br />
$(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});<br />
});<br />
$('#box6').hover(function(){<br />
var smallTop = $('#box6').height() - $(".cover", this).height() -10 +"px";<br />
$(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});<br />
}, function() {<br />
$(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});<br />
});<br />
$('#box7').hover(function(){<br />
var smallTop = $('#box7').height() - $(".cover", this).height() -10 +"px";<br />
$(".cover", this).stop().animate({top:smallTop},{queue:false,duration:160});<br />
}, function() {<br />
$(".cover", this).stop().animate({top:'340px'},{queue:false,duration:160});<br />
});<br />
});<br />
</script><br />
<br />
<br />
<!--SIDE NAVIGATION MENU BAR--><br />
<script type="text/javascript"><br />
$(document).ready(function(){<br />
$("#side_menu").mouseenter(function(){<br />
$("#side_menu").stop(true,false).animate({<br />
left:'0px',<br />
});<br />
}).mouseleave(function(){<br />
$("#side_menu").stop(true,false).animate({<br />
left:'-170px',<br />
});<br />
});<br />
});<br />
</script><br />
<br />
<!--TOP NAVIGATION MENU BAR--><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$("#menu > li > ul").hide();<br />
$("#menu > li").mouseenter(function() {<br />
$(this).children("li > ul").stop(true,true).slideDown(350);<br />
});<br />
$("#menu > li").mouseleave(function() {<br />
$(this).children("li > ul").stop(true,true).slideUp(350);<br />
});<br />
});<br />
</script><br />
<br />
<br />
<!--SIDE SPIDER ANIMATION--><br />
<script type="text/javascript"><br />
//rotator - delay, children<br />
(function( $ ){<br />
$.fn.rotator = function(delay, time, child){<br />
//set curImage val<br />
var currImg = 0;<br />
var currIt = true;<br />
//set array of images<br />
var ss = $(this).children(child);<br />
var ssize = ss.size();<br />
var startTime = new Date().getTime();<br />
var interval = setInterval(function() {<br />
if(currIt){<br />
$(ss[currImg]).css('opacity','1');<br />
currIt = !currIt;<br />
}else if (!currIt){<br />
$(ss[currImg]).css('opacity','0');<br />
$(ss[currImg+1]).css('opacity','1');<br />
currIt = !currIt;<br />
currImg++;<br />
}<br />
//reset<br />
if(currImg >= ssize){<br />
currImg = 0;<br />
$(ss[currImg]).css('opacity','1');<br />
}<br />
if(new Date().getTime() - startTime > time){<br />
clearInterval(interval);<br />
return;<br />
}<br />
}, delay);<br />
return this;<br />
};<br />
})(jQuery);<br />
<br />
$(document).ready(function(){<br />
$(document).keydown(function(e) {<br />
if(e.keyCode == 40){<br />
$("#spider").rotator(55, 1000, 'img');<br />
$("#spider").animate({<br />
"top": "+=100px"<br />
}, 1000);<br />
} else if(e.keyCode == 38){<br />
$("#spider").rotator(55, 1000, 'img');<br />
$("#spider").animate({<br />
"top": "-=100px"<br />
}, 1000);<br />
} <br />
});<br />
});<br />
</script><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('.slider_left').mouseenter(function(){<br />
$('.slider_left').animate({ opacity: '0.8'},1);<br />
});<br />
$('.slider_right').mouseenter(function(){<br />
$('.slider_right').animate({ opacity: '0.8'},1);<br />
});<br />
$('.slider_left').mouseleave(function(){<br />
$('.slider_left').animate({ opacity: '0.5'},1);<br />
});<br />
$('.slider_right').mouseleave(function(){<br />
$('.slider_right').animate({ opacity: '0.5'},1);<br />
});<br />
<br />
<br />
var total = $('.slider_imgs > td').length;<br />
var count = 0;<br />
$('.slider_left').click(function(){<br />
if(count > 0){<br />
$('.slider_imgs').stop(true,true).animate({ left: '+=1150px'}, 250);<br />
count -= 1;<br />
} else{<br />
$('.slider_imgs').stop(true,true).animate({ left: '+=20px'}, 100, function(){$('.slider_imgs').stop(true,true).animate({ left: '-=20px'}, 500)});<br />
}<br />
});<br />
$('.slider_right').click(function(){<br />
if(count < 2){<br />
$('.slider_imgs').stop(true,true).animate({ left: '-=1150px'}, 250);<br />
count += 1;<br />
} else{<br />
$('.slider_imgs').stop(true,true).animate({ left: '+=2300px'}, 250);<br />
count = 0;<br />
}<br />
});<br />
});<br />
</script><br />
<br />
<br />
<br />
<br />
<!--PAGE HEADERS--><br />
<script type="text/javascript"><br />
$(document).ready(function() {<br />
$('.page_header_box').mouseenter(function(){<br />
$(this).animate({ opacity: '0.9'},1);<br />
});<br />
$('.page_header_box').mouseleave(function(){<br />
$(this).animate({ opacity: '0.5'},1);<br />
});<br />
});<br />
</script><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:36:44Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 85%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:36:14Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 60%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:35:45Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 70%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:34:30Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 50%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:33:14Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 280px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 45%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:32:19Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 45%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:31:30Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 70px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:31:13Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 55px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:30:54Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 45px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:30:36Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 25px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:30:04Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 15px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template
Team:UCLA/Template
2014-10-06T22:23:47Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template/Javascript}}<br />
{{:Team:UCLA/Template/CSS}}<br />
<br />
<html lang="en"><br />
<head><br />
<!-- META TAGS --><br />
<meta charset="utf-8"><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge"><br />
<meta name="viewport" content="width=device-width, initial-scale=1"><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><br />
<title>iGEM UCLA</title><br />
</head><br />
<br />
<br />
<br />
<!--TOP NAVIGATION MENU BAR--><br />
<div id = "top_menu" ><br />
<ul id = "menu"><br />
<li><a href="/Team:UCLA">Home</a></li><br />
<br />
<li><a href="/Team:UCLA/Team">Team</a><br />
<ul><br />
<li><a href="/Team:UCLA/Team/Meet_the_Team">Meet the Team</a></li><br />
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Project">Project</a><br />
<ul><br />
<li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li><br />
<li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li><br />
<li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li><br />
<li><a href="#">Human Practices</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Parts">Parts</a><br />
<!--<ul><br />
<li><a href="#">Page1</a></li><br />
<li><a href="#">Page2</a></li><br />
<li><a href="#">Page3</a></li><br />
</ul>--><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Modeling">Modeling</a></li><br />
<br />
<li><a href="/Team:UCLA/Notebook">Notebook</a><br />
<ul><br />
<li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li><br />
<li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li><br />
<li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Safety">Safety</a></li><br />
<br />
<li><a href="/Team:UCLA/Attributions">Attributions</a></li><br />
</ul><br />
<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="55px"/></a><br />
</div><br />
<br />
<br/><br/><br/><br />
<br />
<!-- Spider click to top button --><br />
<div class= "spider"><br />
<div class= "spiderline"></div><br />
<div class= "spiderbutton"></div><br />
<img class= "backtotop" src = "http://www.acessnapshots.com/top.png"/><br />
</div><br />
<img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png"/><br />
<br />
<br />
<!--SIDEBAR NAV--><br />
<div id="side_menu"><br />
<h1 id="side_menu_title">The Silk Road Map</h1><br />
<h4 id="side_menu_title">Navigate Our Wiki!</h4><br />
<div class= "sidebar_link" id= "link1"><a href="/Team:UCLA/Project"><b>Silk Background</b></a></div><br />
<div class= "sidebar_link" id= "link2"><a href="/Team:UCLA/Project/Customizing_Silk"><b>Programming Silk</b></a></div><br />
<div class= "sidebar_link" id= "link3"><a href="/Team:UCLA/Project/Functionalizing_Fibers"><b>Functionalizing Silk</b></a></div><br />
<div class= "sidebar_link" id= "link4"><a href="/Team:UCLA/Project/Spinning_Silk"><b>Processing Silk</b></a></div><br />
<div class= "sidebar_link" id= "link5"><a href="/Team:UCLA/Team/Meet_the_Team"><b>Meet the Team</b></a></div><br />
<div class= "sidebar_link" id= "link6"></div><br />
</div><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template
Team:UCLA/Template
2014-10-06T22:22:35Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template/Javascript}}<br />
{{:Team:UCLA/Template/CSS}}<br />
<br />
<html lang="en"><br />
<head><br />
<!-- META TAGS --><br />
<meta charset="utf-8"><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge"><br />
<meta name="viewport" content="width=device-width, initial-scale=1"><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><br />
<title>iGEM UCLA</title><br />
</head><br />
<br />
<br />
<br />
<!--TOP NAVIGATION MENU BAR--><br />
<div id = "top_menu" ><br />
<ul id = "menu"><br />
<li><a href="/Team:UCLA">Home</a></li><br />
<br />
<li><a href="/Team:UCLA/Team">Team</a><br />
<ul><br />
<li><a href="/Team:UCLA/Team/Meet_the_Team">Meet the Team</a></li><br />
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Project">Project</a><br />
<ul><br />
<li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li><br />
<li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li><br />
<li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li><br />
<li><a href="#">Human Practices</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Parts">Parts</a><br />
<!--<ul><br />
<li><a href="#">Page1</a></li><br />
<li><a href="#">Page2</a></li><br />
<li><a href="#">Page3</a></li><br />
</ul>--><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Modeling">Modeling</a></li><br />
<br />
<li><a href="/Team:UCLA/Notebook">Notebook</a><br />
<ul><br />
<li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li><br />
<li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li><br />
<li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Safety">Safety</a></li><br />
<br />
<li><a href="/Team:UCLA/Attributions">Attributions</a></li><br />
</ul><br />
<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="55px"/></a><br />
</div><br />
<br />
<br/><br/><br/><br />
<br />
<!-- Spider click to top button --><br />
<div class= "spider"><br />
<div class= "spiderline"></div><br />
<div class= "spiderbutton"></div><br />
<img class= "backtotop" src = "http://www.acessnapshots.com/top.png"/><br />
</div><br />
<img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png"/><br />
<br />
<br />
<!--SIDEBAR NAV--><br />
<div id="side_menu"><br />
<h1 id="side_menu_title">The Silk Road Map</h1><br />
<h4 style="font-family:Papyrus"> Navigate Our Wiki!</h4><br />
<div class= "sidebar_link" id= "link1"><a href="/Team:UCLA/Project"><b>Silk Background</b></a></div><br />
<div class= "sidebar_link" id= "link2"><a href="/Team:UCLA/Project/Customizing_Silk"><b>Programming Silk</b></a></div><br />
<div class= "sidebar_link" id= "link3"><a href="/Team:UCLA/Project/Functionalizing_Fibers"><b>Functionalizing Silk</b></a></div><br />
<div class= "sidebar_link" id= "link4"><a href="/Team:UCLA/Project/Spinning_Silk"><b>Processing Silk</b></a></div><br />
<div class= "sidebar_link" id= "link5"><a href="/Team:UCLA/Team/Meet_the_Team"><b>Meet the Team</b></a></div><br />
<div class= "sidebar_link" id= "link6"></div><br />
</div><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:20:41Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 0px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color: black;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:13:14Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 0px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template
Team:UCLA/Template
2014-10-06T22:12:03Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template/Javascript}}<br />
{{:Team:UCLA/Template/CSS}}<br />
<br />
<html lang="en"><br />
<head><br />
<!-- META TAGS --><br />
<meta charset="utf-8"><br />
<meta http-equiv="X-UA-Compatible" content="IE=edge"><br />
<meta name="viewport" content="width=device-width, initial-scale=1"><br />
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'><br />
<title>iGEM UCLA</title><br />
</head><br />
<br />
<br />
<br />
<!--TOP NAVIGATION MENU BAR--><br />
<div id = "top_menu" ><br />
<ul id = "menu"><br />
<li><a href="/Team:UCLA">Home</a></li><br />
<br />
<li><a href="/Team:UCLA/Team">Team</a><br />
<ul><br />
<li><a href="/Team:UCLA/Team/Meet_the_Team">Meet the Team</a></li><br />
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=UCLA">Official Profile</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Project">Project</a><br />
<ul><br />
<li><a href="/Team:UCLA/Project/Customizing Silk">Customizing Silk Properties</a></li><br />
<li><a href="/Team:UCLA/Project/Functionalizing Fibers">Functionalizing Fibers</a></li><br />
<li><a href="/Team:UCLA/Project/Spinning Silk">Spinning Silk</a></li><br />
<li><a href="#">Human Practices</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Parts">Parts</a><br />
<!--<ul><br />
<li><a href="#">Page1</a></li><br />
<li><a href="#">Page2</a></li><br />
<li><a href="#">Page3</a></li><br />
</ul>--><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Modeling">Modeling</a></li><br />
<br />
<li><a href="/Team:UCLA/Notebook">Notebook</a><br />
<ul><br />
<li><a href="/Team:UCLA/Notebook/Protocols">Protocols</a></li><br />
<li><a href="/Team:UCLA/Notebook/Calendar">Calendar</a></li><br />
<li><a href="/Team:UCLA/Notebook/Weekly Notes">Weekly Notes</a></li><br />
</ul><br />
</li><br />
<br />
<li><a href="/Team:UCLA/Safety">Safety</a></li><br />
<br />
<li><a href="/Team:UCLA/Attributions">Attributions</a></li><br />
</ul><br />
<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="55px"/></a><br />
</div><br />
<br />
<br/><br/><br/><br />
<br />
<!-- Spider click to top button --><br />
<div class= "spider"><br />
<div class= "spiderline"></div><br />
<div class= "spiderbutton"></div><br />
<img class= "backtotop" src = "http://www.acessnapshots.com/top.png"/><br />
</div><br />
<img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png"/><br />
<br />
<br />
<!--SIDEBAR NAV--><br />
<div id="side_menu"><br />
<h1 id="side_menu_title">The Silk Road Map</h1><br />
<h4>Navigate Our Wiki!</h4><br />
<div class= "sidebar_link" id= "link1"><a href="/Team:UCLA/Project"><b>Silk Background</b></a></div><br />
<div class= "sidebar_link" id= "link2"><a href="/Team:UCLA/Project/Customizing_Silk"><b>Programming Silk</b></a></div><br />
<div class= "sidebar_link" id= "link3"><a href="/Team:UCLA/Project/Functionalizing_Fibers"><b>Functionalizing Silk</b></a></div><br />
<div class= "sidebar_link" id= "link4"><a href="/Team:UCLA/Project/Spinning_Silk"><b>Processing Silk</b></a></div><br />
<div class= "sidebar_link" id= "link5"><a href="/Team:UCLA/Team/Meet_the_Team"><b>Meet the Team</b></a></div><br />
<div class= "sidebar_link" id= "link6"></div><br />
</div><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:11:21Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 0px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color:#45413A;<br />
font-family: 'Bad Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:18px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA/Template/CSS
Team:UCLA/Template/CSS
2014-10-06T22:09:56Z
<p>Samichaels: </p>
<hr />
<div><html><br />
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><br />
<link href='http://fonts.googleapis.com/css?family=Bad+Script' rel='stylesheet' type='text/css'><br />
<br />
<br />
<!--WIKI TEMPLATE FORMATTING--><br />
<style type="text/css"><br />
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/<br />
<br />
.firstHeading {<br />
width: 975px; <br />
margin: 0px auto;<br />
padding-top: 100px;<br />
margin-bottom: 20px;<br />
font-family: Georgia, Times, "Times New Roman", serif; <br />
display:none;<br />
}<br />
<br />
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}<br />
<br />
<br />
#centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */<br />
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
border: 0 none;<br />
height: 14px;<br />
z-index: 100;<br />
top: 0;<br />
position: fixed;<br />
width: 975px; <br />
left: 50%; <br />
margin-left: -487px;<br />
}<br />
<br />
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/<br />
background-color: #383838;<br />
height: 14px;<br />
display: block;<br />
z-index: 10;<br />
position: fixed;<br />
width: 100%;<br />
top: 0;<br />
}<br />
<br />
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/<br />
color: #727272; <br />
text-decoration: none; <br />
background-color: transparent;<br />
}<br />
<br />
body { <br />
background-color: #fff;<br />
}<br />
<br />
#globalWrapper, #content { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%;<br />
border: 0px;<br />
background-color: transparent;<br />
margin: 0px;<br />
padding: 0px;<br />
}<br />
<br />
html, body, .wrapper { /*-- changes default wiki settings --*/<br />
width: 100%; <br />
height: 100%; <br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
/*background-size: cover;*/<br />
}<br />
<br />
#contentcontainer { /*-- creates container for all content on page --*/<br />
font-family: Arial, Helvetica, sans-serif; <br />
font-weight: normal; <br />
font-size: 14px; <br />
color: #414141;<br />
width: 960px; <br />
margin-left: auto; <br />
margin-right: auto; <br />
background-color: #transparent; <br />
margin-top: 0px; <br />
}<br />
<br />
.sidemenu, .sidemenu li { <br />
list-style-type: none; <br />
list-style-image: none; <br />
font-family: verdana; <br />
text-decoration: none; <br />
color:#000; <br />
font-size: 14px;<br />
}<br />
<br />
.sidemenu li {display: block;}<br />
<br />
.sidemenu a {<br />
text-decoration:none; <br />
color: #000;<br />
display: block; <br />
width: 180px; <br />
height: 100%; <br />
padding: 3px 5px; <br />
transition: .25s ease-in-out;<br />
-moz-transition: .25s ease-in-out;<br />
-webkit-transition: .25s ease-in-out;<br />
} <br />
<br />
.sidemenu a.greyout { color: #909090; }<br />
<br />
.sidemenu a:hover {<br />
color:#666; <br />
background-color: #d9f5aa;<br />
}<br />
<br />
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}<br />
.sub-sidemenu a {color: #666;}<br />
<br />
div.underconst<br />
{<br />
padding:10px;<br />
border-radius:5px;<br />
background-color:pink;<br />
text-align:center;<br />
}<br />
<br />
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}<br />
<br />
.contentpara {margin-bottom: 30px;}<br />
<br />
span.email{font-family: monospace; font-weight: normal;}<br />
<br />
fieldset {border: 1px solid #337f53;}<br />
<br />
.greyout {color: #A0A0A0;}<br />
.highlightme {background-color: #FFFF00;}<br />
<br />
#alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}<br />
#annContainer {margin-left: 8px;}<br />
#newsContainer {border: 1px solid #ccc;}<br />
<br />
.newsTitle {<br />
display: block; <br />
color: #414141;<br />
font-size: 25px; <br />
font-family: Georgia, Times, "Times New Roman", serif;<br />
padding: 10px 15px 5px 10px; <br />
border-bottom: 1px solid #ccc; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem {<br />
border-bottom: 1px solid #ccc; <br />
display: block; <br />
padding: 5px 15px 0px 10px; <br />
margin-bottom: 0px; <br />
}<br />
<br />
.newsItem h3 {<br />
width: auto; <br />
display: inline; <br />
font-size: 14px; <br />
font-family: Arial, Helvetica, sans-serif; <br />
padding: 0px; <br />
margin: 0px;<br />
}<br />
<br />
.newsItem img {<br />
float: right; <br />
clear: right; <br />
width: 80px; <br />
padding-left: 15px;<br />
display: inline-block; <br />
}<br />
<br />
.newsItem .newsDate {<br />
font-style: italic; <br />
font-size: 14px; <br />
display: inline-block; <br />
color: #999; <br />
float: right; <br />
padding: 0px 0px 10px 15px;<br />
}<br />
<br />
.newsItem p, .newsItem ul, .newsItem li {<br />
padding: 0px; <br />
margin-left: 20px; <br />
font-size: 12px; <br />
line-height: 1.2;<br />
}<br />
<br />
.newsItem p {margin-top: 10px;}<br />
<br />
.annItem {<br />
border: 2px solid #49b677; <br />
display: block; <br />
padding: 0px 15px 10px 10px; <br />
margin-bottom: 18px; <br />
position: relative; <br />
height: 160px; <br />
vertical-align: middle;<br />
}<br />
<br />
.annItem .annCentered {<br />
display: table-cell; <br />
vertical-align: middle; <br />
height: 160px;<br />
}<br />
<br />
.annCentered h3 {<br />
padding: 0px;<br />
display: block; <br />
margin-left: auto; <br />
margin-right: auto; <br />
text-align: center;<br />
}<br />
<br />
.annItem ul, .annItem li {padding: 0px; margin: 0px;}<br />
.annItem li {list-style: none; margin: 5px}<br />
<br />
<!--TEXT STYLING--><br />
hr.style-one {<br />
border: 0;<br />
height: 1px;<br />
background: #333;<br />
background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); <br />
background-image: -o-linear-gradient(left, #ccc, #333, #ccc); <br />
}<br />
.style {<br />
font-size: 30px;<br />
font-family: 'Pacifico', cursive;<br />
}<br />
<br />
<br />
<br />
<!--SPLASH PAGE--><br />
.contentBorder {<br />
border: 1px solid #AAAAAA;<br />
-webkit-border-radius: 7px;<br />
-moz-border-radius: 7px;<br />
border-radius: 7px;<br />
-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35);<br />
}<br />
.content {<br />
font-family: Tahoma;<br />
font-size: 12px;<br />
color: #3D3D3D;<br />
margin-bottom:60px;<br />
background-color: white;<br />
padding: 15px 60px;<br />
<br />
border: 1px solid #cccccc;<br />
-webkit-border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
border-radius: 10px;<br />
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35);<br />
}<br />
#box5 {<br />
text-align: left;<br />
}<br />
#box6 { text-align: left;}<br />
#box7 {text-align: left;}<br />
.boxgridMedium {<br />
width: 298px;<br />
height: 435px;<br />
margin: 0px auto;<br />
}<br />
.boxgrid {<br />
overflow: hidden;<br />
position: relative;<br />
}<br />
<br />
.boxgrid img{<br />
position: absolute;<br />
top: 0;<br />
left: 0;<br />
border: 0;<br />
}<br />
.boxcaption{<br />
float: left;<br />
position: absolute;<br />
background: #000;<br />
width: 100%;<br />
opacity: .65;<br />
padding: 8px;<br />
/* For IE 5-7 */<br />
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);<br />
/* For IE 8 */<br />
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";<br />
}<br />
.boxcaption:hover {<br />
text-decoration: none;<br />
}<br />
h2.onBlack {<br />
font-family: Verdana;<br />
color:white;<br />
margin-top: -5px;<br />
border: none;<br />
Font-size: 23px;<br />
padding-bottom: 0px;<br />
line-height:1em;<br />
}<br />
p.onBlack {<br />
color:white;<br />
margin-right:18px;<br />
font-size: 12px;<br />
font-weight: bold;<br />
}<br />
p.onBlackIntro {<br />
font-size:14px;<br />
font-style: italic;<br />
color:white;<br />
margin-right:20px;<br />
margin-bottom:20px;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SPIDER TOP BUTTON--><br />
<style type="text/css"><br />
.spider{<br />
position: fixed;<br />
top: 210px;<br />
right: 0px;<br />
width: 200px;<br />
height: 80%;<br />
z-index: 10;<br />
overflow: hidden;<br />
}<br />
.spiderline{<br />
position: relative;<br />
left: 75%;<br />
background-color: #A8A8A8;<br />
width: 2px;<br />
height: 65%;<br />
z-index: 100;<br />
}<br />
.spiderbutton{<br />
position: relative;<br />
left: 50%;<br />
width: 110px;<br />
height: 56px;<br />
z-index: 10;<br />
background-image: url('https://static.igem.org/mediawiki/2014/a/ac/Spiderbutton2.png');<br />
background-repeat: no-repeat;<br />
}<br />
.backtotop{<br />
position: relative;<br />
left: 65%;<br />
width: 45px;<br />
z-index: 10;<br />
}<br />
.spiderweb{<br />
position: fixed;<br />
right: 0px;<br />
top: 0px;<br />
pointer-events:none;<br />
z-index:19;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SIDE MENU BAR--><br />
<style type="text/css"><br />
#side_menu{<br />
position:fixed;<br />
background-image: url('http://inspirationhut.net/wp-content/uploads/2012/11/Old-Paper-Texture-2.png');<br />
background-repeat: no-repeat;<br />
background-position: -540px -10px;<br />
top:-50px;<br />
left:-170px;<br />
width:150px;<br />
height:1070px;<br />
padding: 80px 50px 0 0;<br />
/*border: 2px solid #D46A6A;*/<br />
/*border-radius: 25px;*/<br />
margin-bottom: 20px;<br />
margin-top: 10px;<br />
z-index:21;<br />
}<br />
#side_menu #side_menu_title{<br />
text-align:center;<br />
font-family:Papyrus;<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu .sidebar_link{<br />
position: absolute;<br />
background-size: cover;<br />
<br />
<br />
/*text-decoration:none;*/<br />
}<br />
#side_menu #link1{<br />
top: 17%;<br />
left: 5%;<br />
font-family: 'Bad Script', cursive;<br />
font-size: 18px;<br />
}<br />
#side_menu #link2{<br />
top: 27%;<br />
left: 24%;<br />
font-family: 'Bad Script', cursive;<br />
font-size: 18px;<br />
}<br />
#side_menu #link3{<br />
top: 37%;<br />
left: 12%;<br />
font-family: 'Bad Script', cursive;<br />
font-size: 18px;<br />
}<br />
#side_menu #link4{<br />
top: 47%;<br />
left: 26%;<br />
font-family: 'Bad Script', cursive;<br />
font-size: 18px;<br />
}<br />
#side_menu #link5{<br />
top: 57%;<br />
left: 8%;<br />
font-family: 'Bad Script', cursive;<br />
font-size: 18px;<br />
}<br />
#side_menu #link6{<br />
top: 65%;<br />
left: 25%;<br />
background-image: url('http://www.clker.com/cliparts/5/u/w/z/E/3/x-marks-the-spot-th.png');<br />
width: 100px;<br />
height: 68px;<br />
}<br />
#side_menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--TOP MENU BAR--><br />
<style type="text/css"><br />
#top_menu{<br />
position:fixed;<br />
padding: 12px 0 0 0;<br />
width:100%;<br />
left:0;<br />
top:0;<br />
/*background:#550D00;*/<br />
background: #D8B67F;<br />
z-index:20;<br />
}<br />
#menu li{<br />
position:relative;<br />
float:left;<br />
list-style:none;<br />
padding: 0 10px 0 10px;<br />
}<br />
#menu a{<br />
color:#45413A;<br />
font-family: 'Kaushan Script', cursive;<br />
padding:18px 5px 15px 5px;<br />
text-decoration:none;<br />
width:98px;<br />
display:block;<br />
text-align:center;<br />
font-size:16px;<br />
border-bottom:thin solid #FFC363;<br />
}<br />
#menu{<br />
margin-left:auto;<br />
margin-right:auto;<br />
width:1100px;<br />
}<br />
#menu a:hover{<br />
background:#FFCF81;<br />
}<br />
#menu li ul{<br />
background:#D8B67F;<br />
/* display:none; */<br />
position:absolute;<br />
text-align:center;<br />
top:50px;<br />
right:0px;<br />
}<br />
#menu li:hover ul{<br />
display:block;<br />
}<br />
#dropdown_menu li ul li{<br />
position:relative;<br />
}<br />
</style><br />
<br />
<br />
<br />
<!--SLIDER--><br />
<style type="text/css"><br />
.slider{<br />
position: relative;<br />
width: 1150px;<br />
height: 350px;<br />
margin: auto;<br />
overflow: hidden;<br />
z-index: 13;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
}<br />
.slider .slider_left{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px; <br />
left: 0px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_left img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: 10px;<br />
}<br />
.slider .slider_right{<br />
position: absolute;<br />
background-color:black;<br />
top: 0px;<br />
left: 1100px;<br />
width: 50px;<br />
height: 100%;<br />
opacity: 0.5;<br />
z-index: 2;<br />
}<br />
.slider .slider_right img{<br />
position: relative;<br />
width: 100%;<br />
height: 200px;<br />
top: 25%;<br />
left: -10px;<br />
}<br />
.slider .slider_imgs{<br />
position: absolute;<br />
}<br />
.slider .slider_imgs div{<br />
float: left;<br />
width: 1150px;<br />
height: 350px;<br />
}<br />
.slider .slider_imgs #slide1{<br />
float: left;<br />
background-image:url('http://www.thinksnaps.com/wp-content/uploads/2014/07/Green-Bubbles-Awesome-Background.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide2{<br />
float: left;<br />
background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
.slider .slider_imgs #slide3{<br />
float: left;<br />
background-image:url('http://wallpaper-download.net/wallpapers/random-wallpapers-green-lime-background-wallpaper-32549.jpg');<br />
background-size: cover;<br />
background-repeat: no-repeat;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--PAGE HEADERS--><br />
<style type="text/css"><br />
.page_header{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/b/b3/Debut_dark.png');<br />
width: 100%;<br />
height: 70%;<br />
z-index: 0;<br />
}<br />
.page_header .page_header_box{<br />
position: absolute;<br />
overflow: hidden;<br />
z-index: 0;<br />
}<br />
#box1{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:10%;<br />
opacity: 0.5;<br />
}<br />
#box2{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:30%;<br />
opacity: 0.5;<br />
}<br />
#box3{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:50%;<br />
opacity: 0.5;<br />
}<br />
#box4{<br />
background-color:#0A64A4;<br />
width:20%;<br />
height:80%;<br />
top:10%;<br />
left:70%;<br />
opacity: 0.5;<br />
}<br />
</style><br />
<br />
<br />
<!--CONTENT SECTIONS--><br />
<style type="text/css"><br />
.content_container{<br />
position: absolute;<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/c3/Debut_light.png');<br />
top: 85%;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 50px;<br />
border-radius: 0px;<br />
z-index: -1;<br />
}<br />
<br />
.page_content{<br />
position: relative;<br />
background-color: #FFFFCC;<br />
width: 99%;<br />
padding: 0 0 0 0;<br />
margin: auto;<br />
margin-bottom: 20px;<br />
border-radius: 25px;<br />
z-index: -1;<br />
}<br />
.content_subsection{<br />
position: relative;<br />
width: 85%;<br />
padding: 10px 10px 10px 10px;<br />
margin: auto;<br />
}<br />
</style><br />
<br />
<!--STYLING FOR TABLES--><br />
<style><br />
table{<br />
background-image: url('https://static.igem.org/mediawiki/2014/c/cb/Debut_light.png');<br />
}<br />
</style><br />
<br />
</html></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-02T23:09:30Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch1"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch2"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch3"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-02T23:08:05Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch1"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch2"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://www.peprismine.com/Formals/images/Silk.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch3"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-02T23:05:05Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch1"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch2"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://cdnl.paradisefibers.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/8/8/880214-2.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch3"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels
http://2014.igem.org/Team:UCLA
Team:UCLA
2014-10-02T23:04:24Z
<p>Samichaels: </p>
<hr />
<div>{{:Team:UCLA/Template}}<br />
<br />
<br />
<html lang="en"><br />
<!-- TITLE BANNER--> <br />
<br/><br />
<center><img style="padding: 0px 0px 0px 0px;" src="https://static.igem.org/mediawiki/2014/f/fe/Project_banner.jpg"></center><br />
<br/><br />
<br />
<!--SLIDER--><br />
<div class= "slider"><br />
<table class= "slider_imgs" border="0" cellpadding="0" cellspacing="0"><br />
<tr><br />
<td><div id= "slide1"></div></td><br />
<td><div id= "slide2"></div></td><br />
<td><div id= "slide3"></div></td><br />
</tr><br />
</table><br />
<div class= "slider_left"><img src="http://www.richardsolomon.com/promotions/flow/arrow_left.png"/></div><br />
<div class= "slider_right"><img src="http://www.richardsolomon.com/promotions/flow/arrow_right.png"/></div><br />
</div><br />
<br />
<br/><br />
<br />
<br />
<!--SUMMARY TILES--><br />
<hr class="style-one"><br />
<br/><br />
<!-- Enter new info --> <br />
<br />
<div id= "centercontainer"><br />
<br />
<!-- End new info --><br />
<div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "><br />
<img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch1"><br />
<h2 class="onBlack">Customizing Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "><br />
<img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch2"><br />
<h2 class="onBlack">Functionalizing Fibers</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "><br />
<img src="http://cdnl.paradisefibers.com/media/catalog/product/cache/1/image/9df78eab33525d08d6e5fb8d27136e95/8/8/880214-2.jpg"><br />
<a class="cover boxcaption" style="top: 340px;" href="#anch3"><br />
<h2 class="onBlack">Spinning Silk</h2><br />
<p class="onBlackIntro"><br />
<br />
If you wish to see how, click here to start the interactive tour.<br />
</p><br />
<p class="onBlack"><br />
Just days before the deadline of iGEM 2013, we got the peaks that our entire summer built towards: Two small bumps on the NMR indicating the presence of bacterially produced rubber in our strain of E. coli. With a mad scramble to the finish line, our initial indication was reinforced. Click anywhere along this text to start the interactive tour, which will guide you along the path to rubber.<br />
</p><br />
</a><br />
</div><br />
<br />
<br/><br />
<!-- Enter new info --><br />
</div><br />
<!-- End new info --><br />
<!--main content --><br />
<table width="70%" align="center"><br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr><br />
<tr> <td colspan="3" height="5px"> </td></tr><br />
<br />
<br />
<!--requirements section --><br />
<tr><td colspan="3"> <h3> Requirements </h3></td></tr><br />
<tr><br />
<td width="45%" valign="top"> <br />
<br />
<p> Please be sure to keep these links, your audience will want to find your: </p><br />
<br />
<!-- Links to other team pages --><br />
<ul><br />
<li><a href="https://2014.igem.org/Team:UCLA">Home</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Team">Team</a> </li><br />
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=UCLA">Official Team Profile</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Project">Project</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Parts">Parts</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Modeling">Modeling</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Notebook">Notebook</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Safety">Safety</a> </li><br />
<li><a href="https://2014.igem.org/Team:UCLA/Attributions">Attributions</a> </li><br />
<br />
</ul><br />
<br />
</td><br />
<br />
<td > </td><br />
<td width="45%"><br />
<br />
<p>There are a few wiki requirements teams must follow:</p><br />
<ul><br />
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li><br />
<li>All pages must be created under the team’s name space.</li><br />
<li>As part of your documentation, keep the links from the menu to the left. </li><br />
<li>Do not use flash in wiki code. </li><br />
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li><br />
</ul><br />
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p><br />
<br />
</td><br />
</tr><br />
<br />
<br />
<tr> <td colspan="3" height="15px"> </td></tr><br />
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr><br />
<br />
<br />
<!--tips --><br />
<tr><td colspan="3" > <h3> Tips </h3></td></tr><br />
<br />
<tr><br />
<td width="45%" valign="top"> <br />
<p>We are currently working on providing teams with some easy to use design templates.<br />
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p><br />
<br />
<ul><br />
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li><br />
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li><br />
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li><br />
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li><br />
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li><br />
</ul><br />
<br />
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p><br />
</td><br />
<br />
<td> </td><br />
<td width="45%"> <br />
<br />
<p>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: </p><br />
<br />
<ul><br />
<li>State your accomplishments! Tell people what you have achieved from the start. </li><br />
<li>Be clear about what you are doing and what you plan to do.</li><br />
<li>You have a global audience! Consider the different backgrounds that your users come from.</li><br />
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li><br />
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li><br />
<li>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 <a href="">iGEM 2013 calendar</a> </li><br />
<li>Have lots of fun! </li><br />
</ul><br />
</br><br />
</td><br />
</tr><br />
</table></div>
Samichaels