Template:Team:Washington/Templates/Top

From 2011.igem.org

(Difference between revisions)
 
(165 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<style type="text/css">
<style type="text/css">
-
body {background: #B8B8B8;}    <!-- this is the background (side) color -->
+
.firstHeading {                                                   /* Gets rid of the default iGEM picture*/
-
#globalwrapper {
+
     height:2px;
-
    width:965px;
+
-
    padding:20px 0px;
+
-
    margin: 0 auto;
+
-
    background-color:#FFFFFF;;      <!-- I dont really know what this colors, but it makes a line below the menu if its not the same as menu color -->
+
-
    height:100%;
+
-
}
+
-
.firstHeading {                               <!-- makes the top name of page disappear -->
+
-
     height:0px;
+
     visibility:hidden;
     visibility:hidden;
-
}
+
}            
#content {
#content {
     border-left-width:0px;
     border-left-width:0px;
     border-right-width:0px;
     border-right-width:0px;
-
     padding:5px;
+
     padding: 0px 5px 0px 5px;
-
     width: 965px;                       <!-- this adjusts the width of the content -->
+
     width:965px;                                                   /* Content width*/
}
}
#menubar {  
#menubar {  
-
     background-color:  #FFFFFF;   <!-- top left menu background color made white to blend in with heading backgroun color-->
+
     background-color:  #FFFFFF;                             /* left menu bar color*/
}
}
#menubar ul li a {  
#menubar ul li a {  
-
     color: #696868; }                   <!-- menue text color-->
+
     color: #545353; }                                             /* menu text color*/
-
     .right-menu li a {
+
     .right-menu li a {  
-
    color: white;   
+
    color: red;   
-
     background-color: green;   <!-- top right menu background color made white to blend in with heading backgroun color-->
+
     background-color: #FFFFFF;                             /* right menu bar color*/
 +
}
 +
#p-logo { height 1px; overflow:hidden; display: none;
}
}
-
 
-
#p-logo { height 0px; overflow:hidden; display: none;}
 
-
 
#top-section {       
#top-section {       
         background-position: center center;  
         background-position: center center;  
         background-repeat: no-repeat;  
         background-repeat: no-repeat;  
-
         background-color: #FFFFFF;     <!-- This is the header background color made white-->
+
         background-color: #FFFFFF;                         /* top header background color*/
         border-width:0px;
         border-width:0px;
-
         height:12px;                           <!-- Height of the header determines how low the content placed on the page begins-->
+
         height:10px;                       /* top header height (determines how low content will start to appear)*/
-
        }
+
}
-
 
+
#siteSub {
-
#siteSub {                                
+
display:none;
display:none;
}
}
-
#search-controls {
+
#search-controls {                                                 /* gets rid of the search bar (it was ugly) */
-
display:none;                                    <!-- gets rid of search bar it was ugly-->
+
display:none;
margin-top:0px;
margin-top:0px;
}
}
-
 
#contentSub {
#contentSub {
display:none;
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;
 +
}
 +
 +
.whitebox {
 +
  -moz-box-shadow:  0px 0px 0px #ccc;
 +
  -webkit-box-shadow:  0px 0px 0px #ccc;
 +
  box-shadow:  0px 0px 15px #ccc;
 +
  background-color: #FFFFFF;
 +
  -moz-border-radius: 1px;
 +
  border-radius: 15px;
 +
  margin-top: 20px;
 +
  padding-top: 20px;
 +
  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>
</style>
 +
 +
 +
 +
<A HREF="https://2011.igem.org/Team:Washington"><img class="thumbnail"  src='https://static.igem.org/mediawiki/2011/c/c9/UW_mamK-banner.jpg' width= "965"/></A>
 +
 +
<a href="http://www.washington.edu/"><img src='https://static.igem.org/mediawiki/2011/1/10/UW_seal_desat.png' align="left" width= "57"/></a>
 +
 +
<a href="https://2011.igem.org/Main_Page"><img src='https://static.igem.org/mediawiki/igem.org/c/c8/IGEM_desat.png' 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://2011.igem.org/Main_Page"> iGEM Homepage </a>
 +
<a href="https://2011.igem.org/Team:Washington">UW 2011</a>
 +
<a href="https://2010.igem.org/Team:Washington"> UW 2010 </a>
 +
<a href="https://2009.igem.org/Team:Washington"> UW 2009 </a>
 +
<a href="https://2008.igem.org/Team:University_of_Washington"> UW 2008 </a>
 +
<a href="http://synbio.washington.edu/"> UW SynBio </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>
</html>

Latest revision as of 06:14, 22 October 2011