Template:Brown

From 2009.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
<style type="text/css">
+
<style type="text/css">
-
pre {font-size: 1.2em}
+
-
span.keyword {color: #ffffff}
+
-
span.comment {color: #ffffff}
+
-
span.string {color: #ffffff}
+
-
span.untermstring {color: #B20000}
+
-
span.syscmd {color: #ffffff}
+
-
<style type="text/css">
+
       .clear {clear:both;}
       .clear {clear:both;}
body.mediawiki {
body.mediawiki {
Line 18: Line 11:
font-family: Calibri, Verdana, helvetica, sans-serif;
font-family: Calibri, Verdana, helvetica, sans-serif;
}
}
-
#menu {
+
h2 {padding: 10px 20px;
 +
                        font-size: 18px;
 +
                        color: #eb8300;
 +
                        font-decoration: none;
 +
                        font-weight: bold;}
 +
h2 a {color: #eb8300;}
 +
h3 {padding: 10px 20px;
 +
                        font-size: 16px;
 +
                        color: #eb8300;
 +
                        font-decoration: none;
 +
                        font-weight: bold;}
 +
h1.firstHeading {
 +
display: none;
 +
}
 +
p {
 +
text-align: justify;
 +
}
 +
a:link {
 +
color: #00a5ea;
 +
text-decoration: none
 +
}
 +
a:visited {
 +
color:#00a5ea;
 +
text-decoration: none
 +
}
 +
a:hover {
 +
                        color: #eb8300;
 +
text-decoration: none
 +
}
 +
a:active {
 +
color:#f29400;
 +
text-decoration: none
 +
}
 +
#bodyContent { padding: 10px auto; width: 910px; margin: 225px auto; clear: none;}
 +
table#team_members { text-align: justify; border: 0; }
 +
table#team_members h2, table#team_members h3 { clear: both; }
 +
#content * a:hover {text-decoration:none;}
 +
#main_wrapper {
 +
                        position:absolute; left:0px; top:0px;
 +
margin: 0;
 +
width: 969px;
 +
height: 221px;
 +
align: center;
 +
border-style: solid;
 +
                        border-color: white;
 +
}
 +
 +
}
 +
#navigation {
 +
position:absolute; left:0px; top:150px; left:0px; width:793px; height:69px;
 +
z-index:100; background-color: transparent; float: left;
 +
background-image: url(https://static.igem.org/mediawiki/2009/5/53/NaviBar.png);
 +
background-repeat: no-repeat;
 +
color: #0000FF;
 +
 +
}
 +
#super_main_wrapper {
 +
                        position:absolute; left:0px; top:227px;
 +
margin-bottom: 30px;
 +
width: 975px;
 +
align: center;
 +
background-color: #ede8e2;
 +
                        heigth: auto;
 +
                }
 +
                #orangeBox, #greenBox, #blueBox {background-repeat: no-repeat;
 +
                        height:200px;
 +
                        width: 323px;
 +
                        float:left;}
 +
                #orangeBox p, #greenBox p, #blueBox p{padding: 0 20px;
 +
                        text-align: justify;
 +
                        font-size: 12px;
 +
                        color: #FFF;}
 +
                #orangeBox h3, #greenBox h3, #blueBox h3{padding: 20px 25px 0 20px;
 +
                        font-weight: bold;
 +
                        font-size: 18px;
 +
                        color: #FFF;}
 +
                #orangeBox a, #greenBox a, #blueBox a {
 +
                        padding-right: 20px;
 +
                        font-weight: bold;
 +
                        font-size: 14px;
 +
                        display: block;
 +
                        text-align: right;
 +
                        color: #FFF;} 
 +
                #orangeBox {margin-left: 3px;
 +
                        background-image: url(https://static.igem.org/mediawiki/2009/9/9d/OrangeBox.jpg);}
 +
                #greenBox {background-image: url(https://static.igem.org/mediawiki/2009/9/97/GreenBox.jpg);}
 +
                #blueBox {background-image: url(https://static.igem.org/mediawiki/2009/9/96/BlueBox.jpg);}
-
background: url(https://static.igem.org/mediawiki/2009/Allergenebanner09.gif) no-repeat center;
+
                #SubWrapper {width: 647px;
-
}
+
                        float: left;
-
#menu ul{
+
                        margin-left: 3px;
-
list-style: none;
+
                        margin-top: 3px;
-
padding-top: 30px;
+
                        background-color: #ede8e2;}
-
}
+
                #SubWrapper * p, #SubWrapper p  {padding: 0 20px;
-
#menu li{
+
                        text-align: justify;
-
display: inline;
+
                        font-size: 12px;}
-
padding: 3px;
+
                #SubWrapper * h3, #SubWrapper h3 {padding: 10px 20px;
-
border: none;
+
                        font-size: 18px;}
-
color: #ffffff;
+
                #news {width:320px;
-
}
+
                        margin-top: 3px;
-
#menu a {
+
                        float: left;
-
font-size: 10pt;
+
                        background-color: #d8d5d0;}
-
font-family: Lucida Grande, Verdana, Arial, Sans-Serif;
+
              #news p {padding: 0 20px;
-
text-decoration: none;
+
                        text-align: justify;
-
color: #000000;
+
                        font-size: 12px;}
-
}
+
                #news h3 {padding: 10px 20px;
-
#menu a:hover {
+
                        font-size: 18px;}
-
color: #000000;
+
                #mission_box {width:650px;
-
}
+
                        float: left;}
 +
                #team_box, #heartbeat_box, #notebook_box, #parts_box, #gallery_box, #sponsors_box {width:215px;
 +
                        float: left;
 +
                        padding: 10px 0 0 0;}
-
#nav, #nav ul {
+
               
-
position: relative;
+
<!-- ################# Navi styles ######################### -->
-
margin: 0 auto; /* purpose: allow centering ul table */
+
#menu * {
 +
margin: 0;
padding: 0;
padding: 0;
-
display: table /* purpose: ul doesn't stretch width 100% */
+
}
-
}
+
-
#nav li {
+
#menu {
-
display: table-cell; /* purpose: li behaves like table-cell */
+
behavior: url(https://www.bioquant.uni-heidelberg.de/fileadmin/igem/wiki_docs/csshover.htc); <!-- fuer ie6 -->
-
position: relative; /* purpose: non-overlap li elements in ul */
+
font-family: calibri, verdana, sans-serif;
-
list-style: none; /* purpose: remove default html list-style */
+
font-size: 14px;
-
}
+
background-color: transparent;
 +
float:center;
 +
padding: 10px 0 0 0;
 +
}
-
#nav li a {
+
* html #menu ul{ padding-left:20px;} <!-- ie hack -->
-
display: block; /* purpose: non-overlap div on a */
+
-
margin: 0 1px 0 0; /* purpose: spacing main menu items */
+
-
padding: 2px 12px;
+
-
background-color: #000000;
+
-
color: #ffffff;
+
-
text-align: center;
+
-
text-decoration: none; /* purpose: remove underline from a */
+
-
font: bold 13px arial;
+
-
}
+
-
#nav li a:hover {
+
#menu ul {
-
background-color: #e9191a;
+
float: left;
-
color: white;
+
list-style: none;
-
}
+
}
-
#nav div {
+
#menu ul li {
-
position: absolute; /* purpose: li of div doesn't spread out */
+
background-color:transparent;
-
display: none;
+
float:left;
-
width: 10em;
+
position: relative;
-
opacity: 0.8;
+
list-style: none;
-
filter: alpha(opacity=80);
+
padding: 0 20px 0 0;
-
border: 1px solid #e9191a;
+
        font-weight: bold;
-
background: #e9191a;
+
}
-
}
+
-
#nav span a, #nav div a {
+
#menu a {
-
position: relative;
+
color: #FFF;
-
display: block; /* purpose: a's in div have same width */
+
display: block;
-
margin: 0;
+
text-decoration: none;
-
padding: 5px 10px;
+
-
text-align: left;
+
-
font: 11px arial;
+
}
}
-
+
 
-
#nav span a:hover, #nav div a:hover {
+
#menu a:visited {
-
background-color: #e9191a;
+
color:#FFFFFF;
-
color: #000;
+
text-decoration: none
}
}
-
#nav span div {
+
#menu a:hover {
-
position: relative;
+
color: #00a5ea;
-
margin: 0;
+
-
border: none; /* purpose: reset border to none */
+
-
border-top: 1px solid #5970B2; /* purpose: add a seperator */
+
-
border-bottom: 1px solid #5970B2; /* purpose: add a seperator */
+
-
opacity: 1.0; /* purpose: opacity already 0.8 by #nav div */
+
-
filter: alpha(opacity=100); /* purpose: opacity already 80 by #nav div */
+
}
}
-
 
-
#nav span div a {
 
-
text-indent: 10px;
 
-
}
 
-
 
-
#nav span div span div a {
 
-
text-indent: 20px;
 
-
}
 
-
#nav .expand {
+
#menu ul li ul {
-
background-image: url('https://static.igem.org/mediawiki/2009/e/ef/Icon-expand.png');
+
display: none;
-
background-repeat: no-repeat;
+
position: absolute;
-
background-position: 95% 50%;
+
left: -20px;
-
}
+
width: 155px;
 +
font-size: 12px;
 +
opacity: 0.8;
 +
list-style: none;
 +
        top: 13px;
 +
        padding-top: 5px;
 +
        z-index:500;
 +
}
-
#nav .collapse {
+
#menu ul li:hover ul {
-
background-image: url('https://static.igem.org/mediawiki/2009/c/cd/Icon-collapse.png');
+
display: block;
-
background-repeat: no-repeat;
+
        background-position: bottom;
-
background-position: 95% 50%;
+
}
-
}
+
-
</style>
+
-
<script type="text/javascript" src="http://student.kuleuven.be/~s0173901/scripts/jquery.js"></script>
+
#menu ul li ul li {
-
<script type="text/javascript">
+
width: 100%;
 +
list-style: none;
 +
        background-color: #000;
 +
        margin: -1px;
 +
        padding-left: 5px;
 +
}
-
function ddmsie() {
+
body#home #mainHome a,
-
$("#nav ul").css('display', 'inline-block');
+
body#team .aTeam,
-
$("#nav li").css('display', 'inline');
+
body#project .aProject,
-
$("#nav a").css('display', 'inline-block');
+
body#parts .aParts,
-
$("#nav a").hover(function () {$(this).css('background-color', '#d4e2ef')},
+
body#notebook .aNotebook,
-
function () {$(this).css('background-color', '#649cd7')});
+
body#links .aLinks,
-
$("#nav div a").css('display', 'block');
+
{ color: #F08F03; cursor: default; }
-
$("#nav div").css('left', '0');
+
-
$("#nav div").css('top', '150%');
+
-
$("#nav span div").css('top', '0');
+
-
}
+
-
function ddmozilla() {
 
-
 
-
}
 
-
 
-
function ddnav() {
 
-
$("#nav li").hover(
 
-
function () {
 
-
$(this).find("div:first").css('display', 'inline');},
 
-
function () {
 
-
$(this).find("div:first").css('display', 'none');}
 
-
);
 
-
 
-
$("#nav span > a").toggle(
 
-
function () {
 
-
$(this).removeClass("#nav expand").addClass("#nav collapse");
 
-
$(this).css('background-color', '#99AAFF');
 
-
$(this).parent().find("div:first").css('display', 'block');},
 
-
function () {
 
-
$(this).removeClass("#nav collapse").addClass("#nav expand");
 
-
$(this).hover(
 
-
function () {
 
-
$(this).css('background-color', '#d4e2ef');},
 
-
function () {
 
-
$(this).css('background-color', '#649cd7');}
 
-
);
 
-
$(this).parent().find("div:first").css('display', 'none');
 
-
}
 
-
).addClass("#nav expand");
 
-
}
 
-
$(function () {
+
</style>
-
if(jQuery.browser.msie) ddmsie();
+
</head>
-
if(jQuery.browser.mozilla) ddmozilla();
+
-
ddnav();
+
-
});
+
-
</script>
+
-
<div align="center" id="menu"></div><br />
+
-
<div align="center" id="nav">
+
-
<ul>
+
-
<li><a href="https://2009.igem.org/Team:Brown">Home</a></li>
 
-
<li><a href="https://2009.igem.org/Team:Brown/Team">Team</a>
+
<!-- ############################# BODY!!!!! #################################### -->
-
<div>
+
-
<a href="https://2009.igem.org/Team:Brown/Team/Students">Students</a>
+
-
<a href="https://2009.igem.org/Team:Brown/Team/Advisers">Advisors</a>
+
-
</div>
+
-
</li>
+
-
<li><a href="https://2009.igem.org/Team:Brown/Project">The Project</a>
+
<body>
-
<div>
+
<div id="main_wrapper">
 +
  <div id="header">
 +
        <div id="image"></div>
 +
<div id="navigation">
 +
<div id="menu">
 +
<ul>
 +
  <li id="mainHome"><a href="https://2009.igem.org/Team:Brown">Home</a></li>
 +
  <li id="mainTeam"><a class="aTeam" href="https://2009.igem.org/Team:Brown/Team">Team</a>
 +
<ul>
 +
  <li><a href="https://2009.igem.org/Team:Brown/Team">Overview</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Brown/Team_Members#Students">Students</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Brown/Team_Members#Advisors">Advisors</a></li>
 +
  <li><a href="https://2009.igem.org/Team:Brown/Team_Scientific_Environment">Scientific Environment</a></li>
 +
</ul>
 +
    </li>
 +
    <li id="mainProject"><a class="aProject" href="https://2009.igem.org/Team:Brown/Project">Project</a>
<ul>
<ul>
-
  <li><a href="https://2009.igem.org/Team:Brown/Background">Background</a></li>
+
  <li><a href="https://2009.igem.org/Team:Brown/Project_Introduction">Introduction</a></li>
-
  <li><a href="https://2009.igem.org/Team:Brown/HBP">Histamine Binding Protein</a></li>
+
  <li><a href="https://2009.igem.org/Team:Brown/Project_HBP">Histamine Binding Protein</a></li>
-
  <li><a href="https://2009.igem.org/Team:Brown/S.epidermidis">S.epidemidis</a></li>
+
  <li><a href="https://2009.igem.org/Team:Brown/Project_S.epidermidis">S.epidermidis</a></li>
-
  <li><a href="https://2009.igem.org/Team:Brown/Histamine_Sensor">Histamine Sensor</a></li>
+
  <li><a href="https://2009.igem.org/Team:Brown/Project_Histamine_Sensor">Histamine Sensor</a></li>
-
  <li><a href="https://2009.igem.org/Team:Brown/Human Practices">Human Practices</a></li>
+
  <li><a href="https://2009.igem.org/Team:Brown/Project_Human_Practices">Human Practices</a></li>
-
  <li><a href="https://2009.igem.org/Team:Brown/Future_Work">t</a>Future Work</li>
+
  <li><a href="https://2009.igem.org/Team:Brown/Project_References">References</a></li>
-
  <li><a href="https://2009.igem.org/Team:Brown/References">References</a></li>
+
</ul>
</ul>
 +
    </li>
 +
  <li id="mainParts"><a class="aParts" href="https://2009.igem.org/Team:Brown/Parts">Parts</a></li>
 +
  <li id="mainNotebook"><a class="aNotebook" href="https://2009.igem.org/Team:Brown/Links">Links</a>
 +
</ul>
-
<br/>
+
</div><!-- end drop menu -->
-
{|cellspacing="7" cellpadding="10" style="background:#000000; width: 965px;"
+
</div> <!-- end navigation -->
-
|-valign="top"
+
</div>
-
|style="background:#ffffff"|
+
</div>
 +
</body></html>

Revision as of 17:08, 15 October 2009

Allergenebanner09.gif

Retrieved from "http://2009.igem.org/Template:Brown"