Team:Gaston Day School/Modeling

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
 
-
This is a template page. READ THESE INSTRUCTIONS.
 
-
</div>
 
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
 
-
</div>
 
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong>  have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<style type="text/css">
 +
.firstHeading {                                                    /* Gets rid of the default iGEM picture*/
 +
    height:2px;
 +
    visibility:hidden;
 +
}           
 +
#content {
 +
    border-left-width:0px;
 +
    border-right-width:0px;
 +
    padding: 0px 5px 0px 5px;
 +
    width:965px;                                                    /* Content width*/
 +
}
 +
#menubar {
 +
    background-color:  #FFFFFF;                              /* left menu bar color*/
 +
}
 +
#menubar ul li a {
 +
    color: #545353; }                                            /* menu text color*/
 +
    .right-menu li a {
 +
    color: red; 
 +
    background-color: #FFFFFF;                              /* right menu bar color*/
 +
}
 +
#p-logo { height 1px; overflow:hidden; display: none;
 +
}
 +
#top-section {     
 +
        background-position: center center;
 +
        background-repeat: no-repeat;
 +
        background-color: #FFFFFF;                        /* top header background color*/
 +
        border-width:0px;
 +
        height:10px;                        /* top header height (determines how low content will start to appear)*/
 +
}
 +
#siteSub {
 +
display:none;
 +
}
 +
#search-controls {                                                /* gets rid of the search bar (it was ugly) */
 +
display:none;
 +
margin-top:0px;
 +
}
 +
#contentSub {
 +
display:none;
 +
}
 +
/*Now to set heading and body fonts*/
 +
body {
 +
    background: #545353;                      /* Background (on side color)*/
 +
}               
 +
h1
 +
{
 +
color:#262626;
 +
text-align:left;
 +
font-family:"Trebuchet";
 +
font-size:25px;
 +
line-height:100%;
 +
border-bottom: none;
 +
padding:0px 0px 0px 0px; 
 +
margin: 0px 0px 0px 0px;
 +
}
 +
h2
 +
{
 +
color:#262626;
 +
text-align:left;
 +
font-family:"Trebuchet";
 +
font-size:20px;
 +
line-height: 100%;
 +
border-bottom: none; 
 +
padding:0px 0px 0px 0px; 
 +
margin: 0px 0px 0px 0x;
 +
}
 +
h3
 +
{
 +
color:#262626;
 +
text-align:left;
 +
font-family:"Trebuchet";
 +
font-size:17px;
 +
line-height: 100%;
 +
border-bottom: none; 
 +
padding:0px 0px 0px 0px; 
 +
margin: 0px 0px 0px 0x;
 +
}
 +
p
 +
{
 +
color:#262626;
 +
text-align:left;
 +
font-family:"Arial";
 +
font-size:14px;
 +
line-height:100%
 +
border-bottom: none;
 +
padding:0px 0px 0px 0px; 
 +
margin: 0px 0px 0px 0x;
 +
border:0px
 +
}
 +
body {
 +
color:#808080;
 +
line-height: 1;
 +
font-family:"Arial";
 +
font-size:11px;
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
.whitebox {
-
!align="center"|[[Team:Gaston_Day_School|Home]]
+
  -moz-box-shadow: 0px 0px 0px #ccc;
-
!align="center"|[[Team:Gaston_Day_School/Team|Team]]
+
  -webkit-box-shadow:  0px 0px 0px #ccc;
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Gaston_Day_School Official Team Profile]
+
  box-shadow:  0px 0px 15px #ccc;
-
!align="center"|[[Team:Gaston_Day_School/Project|Project]]
+
  background-color: #FFFFFF;
-
!align="center"|[[Team:Gaston_Day_School/Parts|Parts Submitted to the Registry]]
+
  -moz-border-radius: 1px;
-
!align="center"|[[Team:Gaston_Day_School/Modeling|Modeling]]
+
  border-radius: 15px;
-
!align="center"|[[Team:Gaston_Day_School/Notebook|Notebook]]
+
  margin-top: 20px;
-
!align="center"|[[Team:Gaston_Day_School/Safety|Safety]]
+
  padding-top: 20px;
-
!align="center"|[[Team:Gaston_Day_School/Attributions|Attributions]]
+
  padding-left: 20px;
-
|}
+
  padding-right: 20px;
 +
  padding-bottom: 20px;
 +
  margin-left: 15px;
 +
  margin-right: 25px;
 +
}
 +
.thumbnail
 +
{
 +
margin-bottom:0px;
 +
padding-bottom:0px;
 +
position:relative;
 +
}
 +
</style>
-
If you choose to include a '''Modeling''' page, please write about your modeling adventures here. This is not necessary but it may be a nice list to include.
+
 
 +
<A HREF="https://2012.igem.org/Team:Gaston_Day_School"><img class="thumbnail"  src='http://https://static.igem.org/mediawiki/2009/9/9e/Gds_banner.png' width= "965"/></A>
 +
 
 +
<a href="https://2012.igem.org/Team:Gaston_Day_School/"><img src='http://https://static.igem.org/mediawiki/2011/5/5a/Gaston_Day_School_logo.png' align="left" width= "57"/></a>
 +
 
 +
<a href="https://2012.igem.org/Main_Page"><img src='http://https://static.igem.org/mediawiki/2012/5/56/GdsIgemlogouse.jpg' align="right" width= "70"/></a>
 +
 
 +
<style type="text/css">
 +
#content {z-index:4;}
 +
#ddwrapper * {z-index:8 !important;}
 +
 
 +
div#ddwrapper {
 +
margin:0;
 +
padding:0;
 +
height:28px;
 +
width:965px; /* change to adjust imperfections in width */
 +
}
 +
div#ddnav {
 +
margin:0 auto; /* needed to center the dropdown */
 +
padding:0;
 +
top:5px;
 +
/* width: 965px */
 +
visibility:hidden; /* dropdown is hidden until properly initalised by javascript */
 +
}
 +
div#ddtoggle {
 +
margin:0;
 +
position:fixed;
 +
right:2px;
 +
top:15px;
 +
height:10px;
 +
width:10px;
 +
z-index:100;
 +
}
 +
 
 +
#ddnav ul {
 +
display:table-row; /* works only for firefox, later adjusted by javascript for IE */
 +
margin:0 auto;
 +
padding:0;
 +
}
 +
#ddnav ul li {
 +
display:table-cell; /* works only for firefox, later adjusted by javascript for IE */
 +
list-style:none;
 +
margin:0;
 +
padding:0 !important;
 +
border-right:1px solid #FFF; /* creates illusion of spacing between tabs */
 +
}
 +
#ddnav ul li:last-child{border-right:none;}
 +
#ddnav a{
 +
display:block;
 +
margin:0;
 +
padding:4px 9px; /* play with dimensions for size of tabs */
 +
background-color:#545353; /* background color for tabs */
 +
color:#FFF !important; /* font color for text in tabs */
 +
text-align:center; /* aligning for text in tabs */
 +
text-decoration:none !important;
 +
font:bold 10pt Trebuchet MS; /* font properties for text in tabs */
 +
outline:0;
 +
}
 +
#ddnav ul li a:hover {background-color:#99CCFF;}/* background color for tabs on mouseover */
 +
#ddnav li a:active {outline:none;} /* remove standard dotted border for links when clicked (IE) */
 +
#ddnav li a:focus {-moz-outline-style:none;} /* remove standard dotted border for links when clicked (FF) */
 +
#ddnav div {
 +
display:none;
 +
position:absolute;
 +
width:9em;
 +
background-color:#000; /* bug solution, do not change ! */
 +
border:1px solid #5970B2; /* border color for dropdown menus */
 +
opacity:0.9; /* transparancy of the dropdown menus (FF) */
 +
filter:alpha(opacity=90); /* transparancy of the dropdown menus (IE) */
 +
}
 +
#ddnav div a {
 +
display:block;
 +
padding:5px 10px; /* play with dimensions of block element in dropdown menus */
 +
position:relative;
 +
font:normal 8pt arial; /* font properties for text in dropdown menus */
 +
text-align:left; /* aligning of text in dropdown menus */
 +
cursor:pointer;
 +
}
 +
#ddnav div a:hover, #ddnav span a:hover {color:#000 !important;} /* text color on mouseover */
 +
#ddnav span div {
 +
position:relative;
 +
border:none;
 +
border-bottom:2px groove #5970B2; /* separator for submenus, groove does not work in FF */
 +
opacity:1.0; /* avoid stacking transparancy for submenus (FF) */
 +
filter:alpha(opacity=100); /* avoid stacking transparancy for submenus (IE) */
 +
}
 +
 +
 
 +
 
 +
/* may want to upload the following pictures to a new location */
 +
.expand {background: url('https://static.igem.org/mediawiki/2008/e/ef/Icon-expand.png') no-repeat 95% 50%;}
 +
.collapse {background: url('https://static.igem.org/mediawiki/2008/c/cd/Icon-collapse.png') no-repeat 95% 50%;}
 +
 
 +
.docked {background: #99ccff url("https://static.igem.org/mediawiki/2008/6/62/Ddnavundock.png") no-repeat 50% 50%;}
 +
.undocked {background: #99ccff url("https://static.igem.org/mediawiki/2008/e/e4/Ddnavdock.png") no-repeat 50% 50%;}
 +
</style>
 +
 
 +
<!-- IMPORTANT: save following script under a personalized webspace or download the library at www.jquery.com -->
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
function ddnav() {
 +
$('#ddnav ul li').hover(
 +
function () {
 +
$(this).find('div:first').css('display','block');},
 +
function () {
 +
$(this).find('div:first').css('display','none');}
 +
);
 +
}
 +
 +
function ddnavsub() {
 +
$('#ddnav span > a').toggle(
 +
function () {
 +
$(this).removeClass("#ddnav expand").addClass("#ddnav collapse");
 +
$(this).parent().find('div:first').slideDown('fast');
 +
$(this).hover(
 +
function (){$(this).css('background-color','#99AAFF');},
 +
function (){$(this).css('background-color','#99AAFF');});},
 +
function () {
 +
$(this).removeClass("#ddnav collapse").addClass("#ddnav expand");
 +
$(this).parent().find('div:first').css('display','none');
 +
$(this).hover(
 +
function (){$(this).css('background-color','#99CCFF');},
 +
function (){$(this).css('background-color','#075A90');});}
 +
).addClass("#ddnav expand");
 +
}
 +
 +
/* If you wish to omit the docking feature, remove following function ddtoggle() */
 +
function ddtoggle() {
 +
$('#ddtoggle').toggle(
 +
function () {
 +
$(this).removeClass('undocked').addClass('docked');
 +
$('#ddnav').css('position','fixed');},
 +
function () {
 +
$(this).removeClass('docked').addClass('undocked');
 +
$('#ddnav').css('position','static');}
 +
);
 +
}
 +
 
 +
function ddalign() {
 +
var _windowWidth = $(window).width();
 +
var _leftOffset = (_windowWidth - 965)/2;
 +
 
 +
$('div#ddnav').css('left',_leftOffset);
 +
}
 +
 +
function ddmsie() {
 +
$('#ddnav a').hover(
 +
function () {$(this).css('background-color','#99ccff');},
 +
function () {$(this).css('background-color','#075a90');}
 +
);
 +
 +
/* toggle doesn't work yet */
 +
$('#ddtoggle').css('display','none');
 +
 +
$('#ddnav ul').css('display','inline-block');
 +
$('#ddnav ul li').css('display','inline');
 +
$('#ddnav ul li').css('position','relative');
 +
$('#ddnav ul li>a').css('display','inline-block');
 +
$('#ddnav ul li>a').css('margin-right','-4px');
 +
 +
$('#ddnav div').css('left','0');
 +
$('#ddnav div').css('top','100%');
 +
$('#ddnav span div').css('top','0');
 +
}
 +
 +
function ddmozilla() {
 +
ddtoggle();
 +
$(window).bind('resize', function() {ddalign();});
 +
}
 +
 
 +
$(function () {
 +
ddnav();
 +
ddnavsub();
 +
 
 +
if(jQuery.browser.msie) ddmsie();
 +
if(jQuery.browser.mozilla) ddmozilla();
 +
 
 +
$('#ddnav').css('visibility','visible');
 +
});
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
 
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-26265208-1']);
 +
  _gaq.push(['_trackPageview']);
 +
 
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
 +
 
 +
</script>
 +
 
 +
<!-- If you wish to omit the docking feature omit following line (div with id ddtoggle) -->
 +
<div id="ddtoggle" class="undocked"></div>
 +
<div id="ddwrapper">
 +
<!-- Here the actual links are defined, simply replace with your own links in the appropriate sections -->
 +
<div id="ddnav" align="center">
 +
<ul>
 +
<li>
 +
<a href="https://2011.igem.org/Team:Washington">Home</a>
 +
                <div>
 +
<a href="https://2012.igem.org"> iGEM Homepage </a>
 +
<a href="https://2011.igem.org/Team:Gaston_Day_School"> GDS 2011 </a>
 +
<a href="https://2010.igem.org/Team:Gaston_Day_School"> GDS 2010 </a>
 +
                        <a href="https://2009.igem.org/Team:Gaston_Day_School"> GDS 2009 </a>
 +
</div>
 +
 
 +
</li>
 +
<li>
 +
<a href="https://2011.igem.org/Team:Washington/Team/Members">About Us</a>
 +
<div>
 +
<a href="https://2011.igem.org/Team:Washington/Team/Members">The team</a>
 +
<a href="https://2011.igem.org/Team:Washington/Team/Sponsors"> Sponsors </a>
 +
<a href="https://2011.igem.org/Team:Washington/Team/Americas"> Americas Regional Jamboree </a>
 +
</div>
 +
</li>
 +
<li>
 +
<a href="https://2011.igem.org/Team:Washington/Alkanes/Background">Diesel Production</a>
 +
<div>
 +
<a href="https://2011.igem.org/Team:Washington/Alkanes/Background">Background</a>
 +
<a href="https://2011.igem.org/Team:Washington/Alkanes/Methods"> Methods </a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Alkanes/Results"> Results Summary </a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Alkanes/Future"> Future Directions </a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Alkanes/Parts"> Parts Submitted </a>
 +
</div>
 +
</li>
 +
        <li>
 +
<a href="https://2011.igem.org/Team:Washington/Celiacs/Background">Gluten Destruction</a>
 +
<div>
 +
<a href="https://2011.igem.org/Team:Washington/Celiacs/Background">Background</a>
 +
<a href="https://2011.igem.org/Team:Washington/Celiacs/Methods"> Methods </a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Celiacs/Results"> Results Summary</a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Celiacs/Future"> Future Directions </a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Celiacs/Parts"> Parts Submitted </a>
 +
</div>
 +
</li>
 +
        <li>
 +
<a href="https://2011.igem.org/Team:Washington/Magnetosomes/Background">iGEM Toolkits</a>
 +
<div>
 +
<a href="https://2011.igem.org/Team:Washington/Magnetosomes/Background"> Background </a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Magnetosomes/GibsonVectors">Gibson Assembly Toolkit </a>
 +
<a href="https://2011.igem.org/Team:Washington/Magnetosomes/GibsonResults">Gibson Toolkit Results</a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Magnet_Toolkit">Magnetosome Toolkit</a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Magnet_Results">Magnetosome Results</a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Parts"> Parts Submitted </a>
 +
                        <a href="https://2011.igem.org/Team:Washington/Magnetosomes/Future"> Future Directions </a>
 +
                       
 +
</div>
 +
</li>
 +
        <li>
 +
<a href="https://2011.igem.org/Team:Washington/Parts">Data Page</a>
 +
                <div>
 +
<a href="https://2011.igem.org/Team:Washington/Parts">Data Page</a>
 +
<a href="http://partsregistry.org/cgi/partsdb/pgroup.cgi?pgroup=iGEM2011&group=Washington"> Parts Registry </a>
 +
</div>
 +
 
 +
</li>
 +
        <li>
 +
<a href="https://2011.igem.org/Team:Washington/Protocols">Protocols</a>
 +
</li>
 +
        <li>
 +
<a href="https://2011.igem.org/Team:Washington/Outreach">Outreach</a>
 +
                <div>
 +
<a href="https://2011.igem.org/Team:Washington/Outreach">Local Outreach</a>
 +
 +
<a href="https://2011.igem.org/Team:Washington/Outreach/iGEM_Collaborations">iGEM Collaborations</a></div>
 +
 
 +
</li>
 +
        <li>
 +
<a href="https://2011.igem.org/Team:Washington/Safety">Safety</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</html>

Revision as of 00:41, 6 April 2012

Retrieved from "http://2012.igem.org/Team:Gaston_Day_School/Modeling"