Team:Brown/templates/header

From 2010.igem.org

(Difference between revisions)
 
(81 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
+
<!-- We would like to thank TU Delft for their WikiHacks and BCCS Bristol for inspiring our menubar design-->
-
<script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.gradient.js"></script>
+
-
<script type="text/javascript" src="http://dl.getdropbox.com/u/136370/jquery.corner.js"></script>
+
-
 
+
-
<!-- BEGIN Breadcrumbs script from TU Delft -->
+
-
<script language="javascript" type="text/javascript">
+
-
//Configure the script here
+
-
var teamname = "Brown";
+
-
// Do not edit below
+
-
// Loop through the URL
+
-
function buildDepth(array,count) {
+
-
var depthStr="";
+
-
for (i=0;i<count;i++)
+
-
{
+
-
depthStr=depthStr + array[i] + "/" ;
+
-
}
+
-
return depthStr;
+
-
}
+
-
// The function
+
-
function buildBreadCrumbTrail(page) {
+
-
// Declare vars
+
-
var constituentFolders = new Array();
+
-
var currentURL = page;
+
-
// Split the URL
+
-
constituentFolders=currentURL.split("/");
+
-
// Start with a link to the team home page
+
-
var outputStr="<a href='https://2010.igem.org/Team:'" + teamname + ">Home</a>";
+
-
// Loop through the URL
+
-
for (count=0;count<(constituentFolders.length);count++)
+
-
{
+
-
outputStr=outputStr + " > <a href='https://2010.igem.org/Team:" + teamname + buildDepth(constituentFolders,count) + constituentFolders[count] + "'>" + capitaliseFirstLetter(constituentFolders[count]).replace(/-/gi," ") + "</a>";
+
-
}
+
-
// Write to the div
+
-
$("#breadcrumbs").html(outputStr);
+
-
}
+
-
// Capitalize the first letter
+
-
function capitaliseFirstLetter(string) {
+
-
    return string.charAt(0).toUpperCase() + string.slice(1);
+
-
}
+
-
// Start the script upon page load
+
-
$(function() {
+
-
buildBreadCrumbTrail(window.location.pathname);
+
-
}
+
-
</script>
+
-
 
+
<style>
<style>
/*BEGIN HEADER/MENU REMOVAL*/
/*BEGIN HEADER/MENU REMOVAL*/
-
__NOTOC__
 
h1.firstHeading {display:none;}
h1.firstHeading {display:none;}
body {background-color: #260603; background-repeat: no-repeat; background-position: top center;0}
body {background-color: #260603; background-repeat: no-repeat; background-position: top center;0}
Line 63: Line 19:
#p-logo a {display: none;}
#p-logo a {display: none;}
/*END HEADER/MENUBAR REMOVAL*/
/*END HEADER/MENUBAR REMOVAL*/
-
 
/* Wiki Hacks - END */
/* Wiki Hacks - END */
-
 
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; width: 949px;}
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; width: 949px;}
#footer-box {width: 949px;}
#footer-box {width: 949px;}
-
/*Commented out header hider in favor of our previous code*/
+
h1 { background: #DFE4EB; color: black; text-align:center; }
-
h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black }
+
h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black; font-weight:bold; }
-
.panel img { width: 200px }  /*width of the boxes at the bottom */
+
.panel img { width: 200px }  /*bottom boxes width */
-
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none }
+
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none; z-index:500;}
ul#nav { position:centre; left: 3px; z-index:500; }
ul#nav { position:centre; left: 3px; z-index:500; }
-
ul#nav ul { display: none;}
+
ul#nav ul { display: none; z-index:500;}
-
ul#nav li {float:left; position:relative; margin-bottom: 0; }
+
ul#nav li {float:left; position:relative; margin-bottom: 0; z-index:500;}
ul#nav a {
ul#nav a {
   display:block;
   display:block;
Line 84: Line 38:
   text-decoration:none;  
   text-decoration:none;  
   text-indent:0.5em;  
   text-indent:0.5em;  
 +
z-index:500;
}
}
-
 
ul#nav li:hover > ul {
ul#nav li:hover > ul {
   display:block;  
   display:block;  
Line 91: Line 45:
   left:12em; /* ul#nav a width */
   left:12em; /* ul#nav a width */
   top:0;
   top:0;
 +
z-index:500;
}
}
ul#nav > li:hover > ul {  
ul#nav > li:hover > ul {  
   left:0;
   left:0;
   top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
   top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
 +
z-index:500;
}
}
-
 
-
 
ul#nav > li {   
ul#nav > li {   
   border: 0.5em solid #260603;   
   border: 0.5em solid #260603;   
   background: #003366;  
   background: #003366;  
 +
z-index:500;
}
}
ul#nav > li:first-child {
ul#nav > li:first-child {
   -moz-border-radius-topleft: 0.0em;
   -moz-border-radius-topleft: 0.0em;
 +
z-index:500;
}
}
ul#nav > li:last-child {
ul#nav > li:last-child {
   -moz-border-radius-topright: 0.0em;
   -moz-border-radius-topright: 0.0em;
 +
z-index:500;
}
}
-
 
ul#nav li > ul {
ul#nav li > ul {
   border: 0.2em solid #000;  
   border: 0.2em solid #000;  
   -moz-border-radius: 0.2em;
   -moz-border-radius: 0.2em;
 +
z-index:500;
}
}
-
ul#nav li > a {  background: #fff; color: black; }
+
ul#nav li > a {  background: #fff; color: black; z-index:500;}
-
ul#nav li:hover > a { color: #fff; background: #000; } /*menu text po najechaniu myszka */
+
ul#nav li:hover > a { color: #fff; background: #260603; z-index:500;} /* Menu subitem hover text */
-
 
+
ul#nav > li > a {  color:#000; background: #DFE4EB; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center; z-index:500;} /*menu text properties*/
-
ul#nav > li > a {  color:#000; background: #AAAAAA; border: 0.1em solid #585858; font-weight:bold; } /*menu text properties*/
+
ul#nav > li:hover > a { }
ul#nav > li:hover > a { }
-
</style>
 
 +
ul#nav2, ul#nav2 ul { padding:0; margin:0; list-style-type: none; list-style-image: none;}
 +
ul#nav2 { position:centre; left: 3px;}
 +
ul#nav2 ul { display: none;}
 +
ul#nav2 li {float:left; position:relative; margin-bottom: 0;}
 +
ul#nav2 a {
 +
  display:block;
 +
  width:12em;
 +
  font-size:1em;
 +
  height:2em;
 +
  line-height:2em;  /* ul#nav a height */
 +
  text-decoration:none;
 +
  text-indent:0.5em;
 +
}
 +
ul#nav2 li:hover > ul {
 +
  display:block;
 +
  position:absolute;
 +
  left:12em; /* ul#nav a width */
 +
  top:0;
 +
}
 +
ul#nav2 > li:hover > ul {
 +
  left:0;
 +
  top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
 +
}
 +
ul#nav2 > li {   
 +
  border: 0.5em solid #632D2D;
 +
  background: #003366;
 +
}
 +
ul#nav2 > li:first-child {
 +
  -moz-border-radius-topleft: 0.0em;
 +
}
 +
ul#nav2 > li:last-child {
 +
  -moz-border-radius-topright: 0.0em;
 +
}
 +
ul#nav2 li > ul {
 +
  border: 0.2em solid #000;
 +
  -moz-border-radius: 0.2em;
 +
}
 +
ul#nav2 li > a {  background: #fff; color: black;}
 +
ul#nav2 li:hover > a { color: #fff; background: #260603;} /* Menu subitem hover text */
 +
ul#nav2 > li > a {  color:#fff; background: #212121; border: 0.1em solid #000000; font-weight:bold; font-variant: small-caps; text-align:center;} /*menu text properties*/
 +
ul#nav2 > li:hover > a { }
 +
 +
 +
</style>
</html>
</html>
<html>
<html>
<body>
<body>
-
<div style="position: relative; width: 949px; height: 150px; background: url('https://static.igem.org/mediawiki/2010/d/d2/Mainlogo.jpg'); clear: both;  ">
+
<div id="logo" style="position: relative; width: 949px; height: 150px; background: url('https://static.igem.org/mediawiki/2010/d/d2/Mainlogo.jpg'); clear: both;  ">  
-
 
+
-
<!--
+
-
<div style="position: absolute; bottom: 0; z-index: 2; width: 965px; height: 75px;
+
-
opacity:0.8;filter:alpha(opacity=80); "></div>
+
-
-->
+
-
<!-- Removed Brown iGEM text
+
-
<div style="position: absolute; bottom: 12px; right: 25px; color: black; z-index: 3; font-size: 1.5em">
+
-
Brown iGEM
+
-
<br />
+
-
<span style="font-size: small">iGEM 2010</span>
+
</div>
</div>
-
-->
 
-
</div>
 
</html>
</html>
{{:Team:Brown/templates/menu}}
{{:Team:Brown/templates/menu}}
-
<html>
 
-
<div id="breadcrumbs">The breadcrumbs will show up in this div</div>
 
-
</html>
 

Latest revision as of 08:57, 27 October 2010

Retrieved from "http://2010.igem.org/Team:Brown/templates/header"