Template:Team:OU-Norman OK

From 2013.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<!--put stuff here-->
+
  <!--put stuff here-->
-
<link rel="stylesheet" type="text/css" href="csshorizontalmenu.css" />
+
  <style >
-
<script type="text/javascript" src="csshorizontalmenu.js">
+
 +
 +
div#navigation{
 +
/* Old browsers */
 +
border-radius: 0px;
 +
padding:90px 0 0 0;
 +
}
-
/***********************************************
+
#navigation ul, #navigation li{ list-style:none; padding:0; margin:0; display:inline; }
 +
#navigation ul li{
 +
        float:left;
 +
        position:relative;
-
* CSS Horizontal List Menu- by JavaScript Kit (www.javascriptkit.com)
+
}
-
* Menu interface credits: http://www.dynamicdrive.com/style/csslibrary/item/glossy-vertical-menu/  
+
 
-
* This notice must stay intact for usage
+
#navigation ul li a{
-
* Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more
+
 
 +
display:block;
 +
padding:7px 12px;
 +
margin-left:auto;
 +
        margin-right:auto;
 +
font-size:18px;
 +
white-space:nowrap;
 +
border-radius:1px;
 +
 
 +
}
 +
#navigation ul li a:hover{}
 +
#navigation ul li ul li a{
 +
width: 150px ;
 +
}
 +
#navigation ul ul li a:hover{
 +
        background:black; /*menu item highlight*/
 +
background-repeat:repeat-x;
 +
        color:white; /*text on hover*/
 +
background-size:200%;
 +
}
 +
#navigation ul ul{
 +
float: left;
 +
position:absolute;
 +
height:-99999px;
 +
margin-left:auto;
 +
        margin-right:auto;
 +
opacity: 0; /* Hide sub level */
 +
-webkit-transition: opacity .5s ease-in-out;
 +
-moz-transition: opacity .5s ease-in-out;
 +
-o-transition: opacity .5s ease-in-out;
 +
z-index:497;
 +
background:#fff080; /*menu background*/
 +
padding: 0px;
 +
border:1px solid #063257;
 +
border-top:1px solid #063257;
 +
box-shadow:#111 0 3px 4px;
 +
border-bottom-left-radius:2px;
 +
border-bottom-right-radius:2px;
 +
 
 +
}
 +
#navigation ul ul ul {
 +
margin-left:auto;
 +
        margin-right:auto;
 +
 
 +
 
 +
opacity: 0;
 +
-webkit-transition: opacity .5s ease-in-out; /* Hide sub levels */
 +
-moz-transition: opacity .5s ease-in-out;
 +
-o-transition: opacity .5s ease-in-out;
 +
border-radius:6px;
 +
border:1px solid #444;
 +
}
 +
#navigation ul li:hover>ul{ opacity: 1; position:absolute; top:100%; left:0; }
 +
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
 +
 
 +
 
 +
 
 +
.slideshow img { position:absolute; left:10; top:10; }
 +
 
 +
.slideshow {
 +
    margin: -375px 0px 0px 400px;
 +
    position: absolute;
 +
    width: 520px;
 +
    height: 350px;
 +
    padding: 10px;
 +
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
 +
}
 +
 
 +
 
 +
.side {
 +
    margin: -500px 0px 0px 500px;
 +
    position: absolute;
 +
    width: 520px;
 +
    height: 350px;
 +
    padding: 10px;
 +
 
 +
}
 +
 
 +
#footer-box {
 +
  visibility:hidden
 +
}
 +
#catlinks {visibility:hidden}
 +
 
 +
#top-section {
 +
    height: 0px; }
 +
#p-logo {
 +
    height:0px; overflow:hidden; display:none;}
 +
#search-controls {
 +
    display:none;}
 +
 
 +
#top-section {
 +
    height:14px;
 +
    width: 100%;
 +
    border: 0;
 +
    background: rgba(51,51,51,1)}
 +
.left-menu a {
 +
    color: white; }
 +
.left-menu:hover {
 +
    color: white;
 +
    background: transparent; }
 +
.left-menu:hover a {
 +
    color: white; }
 +
.right-menu li a {
 +
    background-color: transparent;
 +
    color: white;}
 +
#content {
 +
    width:100%;
 +
    border:none;
 +
    padding:0;
 +
}
 +
#content #top, #content #siteSub, #content #contentSub {
 +
  display:none;
 +
  margin:0;
 +
  padding:0;
 +
}
 +
/* Hides default page title beneath banner */
 +
.firstHeading {
 +
  height:0px;
 +
  visibility:hidden;
 +
}
 +
 
 +
/*------------------------- Layout styles ------------------------*/  
 +
body{
 +
 
 +
margin:0 auto;
 +
        width: 962px;
 +
        height: 0 auto;
 +
background:#fffdd0;
 +
        background-attachment: fixed;
 +
background-size:cover;
 +
}
 +
.page{
 +
        margin: -23px 0 0px 0;
 +
        width:962px;
 +
        height: 0 auto;
 +
background:#ffffff no-repeat center top;
 +
}
 +
 
 +
/*------------------------- Font ------------------------*/
 +
@font-face {
 +
p.arial
 +
    font-weight: normal;
 +
    font-style: normal;
 +
}
 +
 
 +
/*------------------------- Header ------------------------*/  
 +
.header{
 +
background:#b20d35 url('https://static.igem.org/mediawiki/2013/8/8a/Invisible_background.png');
 +
width:962px;
 +
margin:0 auto ;
 +
height:124px;
 +
padding:0px 0px 0;
 +
}
 +
.header a#logo{
 +
display:block;
 +
float:left;
 +
outline:none;
 +
        margin:17px 0 0 15px;
 +
}
 +
.header a#logo img{
 +
border:0;
 +
}
 +
.header a#name{
 +
        display:block;
 +
        float:left;
 +
        outline:none;
 +
        margin:17px 0 0 0;
 +
}
 +
.header a#name img{
 +
        border:0;
 +
}
 +
.header ul{
 +
margin:0 15px 0 0;
 +
list-style:none;
 +
padding:0px 0 0;
 +
float:right;
 +
}
 +
.header ul li.left{
 +
float:left;
 +
margin:0 0 0 36px;
 +
}
 +
.header ul li.right{
 +
float:right;
 +
margin:0 0 0 36px;
 +
}
 +
.header ul li.selected a,.header ul li a:hover{
 +
color:#fffdd0;
 +
}
 +
.header ul li a{
 +
font-size:16px;
 +
text-decoration:none;
 +
color:black;
 +
 
 +
outline:none;
 +
}
 +
</style>
 +
<style type="text/javascript">
 +
  .page{
 +
        margin: -23px 0 0px 0;
 +
        width:962px;
 +
height: 0 auto;
 +
background:url(https://static.igem.org/mediawiki/2013/) no-repeat center top;
 +
}
 +
</style>
-
***********************************************/
 
-
</script>
 
</head>
</head>
<body>
<body>
<!-- put more stuff here too -->
<!-- put more stuff here too -->
-
<ul id="verticalmenu" class="glossymenu">
+
<div class = "page">
-
<li><a href="https://2013.igem.org/Team:OU-Norman_OK">Home</a></li>
+
<div class = "header">
-
<li><a href="https://2013.igem.org/Team:OU-Norman_OK/Team" >Team</a>
+
<a href="https://2013.igem.org/Team:OU-Norman_OK/Home" id="logo"><img src = "https://static.igem.org/mediawiki/2013/e/ef/Logo_small.png" style = "position:relative;left:0;top:0;"height = "100px" alt="home"/></a>
-
<ul>
+
                              <div id="navigation">
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Team/Undergraduates">Undergraduates</a></li>
+
  <ul id="verticalmenu" class="glossymenu">
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Team/Graduate_Students">Graduate Students</a></li>
+
  <li><a class="left" href="https://2013.igem.org/Team:OU-Norman_OK/Home"><span data-text="Home">Home</a></li>
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Team/Advisors">Advisors</a></li>
+
  <li><a class="left" href="https://2013.igem.org/Team:OU-Norman_OK/Team" ><span data-text="Team">Team</a>
-
    </ul></li>
+
  <ul>
-
<li><a href="https://2013.igem.org/Team:OU-Norman_OK/Project">Project</a>
+
      <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Team/Undergraduates">Undergraduates</a></li>
-
<ul>
+
        <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Team/Graduate_Students">Graduate Students</a></li>
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Project/Overview">Overview</a></li>
+
        <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Team/Advisors">Advisors</a></li>
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Project/Notebook">Notebook</a></li>
+
  </ul>
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Project/Submitted_Parts">Submitted Parts</a></li>
+
</li>
-
</ul>
+
<li><a class="left" href="https://2013.igem.org/Team:OU-Norman_OK/Project"><span data-text="Project">Project</a>
-
</li>
+
<ul>
 +
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Project/Overview">Overview</a></li>
 +
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Project/Notebook">Notebook</a></li>
 +
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Project/Submitted_Parts">Submitted Parts</a></li>
 +
</ul>
 +
</li>
 +
 
-
<li><a href="https://2013.igem.org/Team:OU-Norman_OK/Safety" >Safety</a></li>
 
-
<li><a href="https://2013.igem.org/Team:OU-Norman_OK/Commmunity" >Community Outreach</a>
+
<li><a class="right" href="https://2013.igem.org/Team:OU-Norman_OK/Safety" ><span data-text="Safety">Safety</a></li>
-
<ul>
+
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Community/Teaching">Teaching</a></li>
+
-
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Community/Videos">Online</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:OU-Norman_OK/Attributions">Attributions</a></li>
+
 +
<!-- <li><a class="right" href="https://2013.igem.org/Team:OU-Norman_OK/Outreach" ><span data-text="Outreach">Outreach</a>
 +
<ul>
 +
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Community/Teaching">Teaching</a></li>
 +
    <li><a href="https://2013.igem.org/Team:OU-Norman_OK/Community/Videos">Online</a></li>
 +
</ul>
 +
</li>
 +
--> <li><a class="right" href="https://2013.igem.org/Team:OU-Norman_OK/Attributions"><span data-text="Attributions">Attributions</a></li>
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 04:51, 27 September 2013

Retrieved from "http://2013.igem.org/Template:Team:OU-Norman_OK"