Team:UC-SantaCruz Template

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <!-- This part is only if you want to use $...$ delimiters --> <script type="text/x-mathjax-config"> MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)...")
(Undo revision 226892 by Mamiri (talk))
 
(4 intermediate revisions not shown)
Line 1: Line 1:
 +
__NOTOC__
<html>
<html>
 +
<!-- We would like to thank TU Delft for their WikiHacks and BCCS Bristol for inspiring our menubar design-->
 +
<style>
 +
/*BEGIN HEADER/MENU REMOVAL*/
 +
h1.firstHeading {display:none;}
 +
body {background-color: #260603; background-repeat: no-repeat; background-position: top center;0}
 +
#top-section {width:965px; border: 0; border-bottom: 1px solid #888888; height: 20px; overflow: visible;}
 +
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
 +
#menubar {position: absolute; top: 0px; display:block; float:left; border: none;}
 +
#menubar li a {color: #888888;}
 +
#menubar.right-menu {position: absolute; right: 20px; font-size: 10px;}
 +
#menubar.left-menu {position: absolute; left: 20px; font-size: 10px;}
 +
#search-controls {display: none}
 +
h3#siteSub {display: none;}
 +
#contentSub {display: none;}
 +
p:first-child {display: none;}
 +
#p-logo {display: none;}
 +
#p-logo a {display: none;}
 +
/*END HEADER/MENUBAR REMOVAL*/
 +
/* Wiki Hacks - END */
 +
#content { font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 1.14em; width: 949px;}
 +
#footer-box {width: 949px;}
 +
h1 { background: #DFE4EB; color: black; text-align:center; }
 +
h2 { background: #DFE4EB; border:0;border-top: 1px solid #B1BECF; color: black; font-weight:bold; }
 +
.panel img { width: 200px }  /*bottom boxes width */
-
<!-- This part is only if you want to use $...$ delimiters -->
+
ul#nav, ul#nav ul { padding:0; margin:0; list-style-type: none; list-style-image: none; z-index:500;}
-
<script type="text/x-mathjax-config">
+
ul#nav { position:centre; left: 3px; z-index:500; }
-
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
+
ul#nav ul { display: none; z-index:500;}
-
</script>
+
ul#nav li {float:left; position:relative; margin-bottom: 0; z-index:500;}
-
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
ul#nav a {
-
 
+
  display:block;
-
<script type="text/javascript">
+
  width:12em;
-
 
+
  font-size:1em;
-
$(function(){
+
  height:2em;  
-
$('.slideshow img:gt(0)')
+
  line-height:2em;  /* ul#nav a height */
-
        .hide();
+
  text-decoration:none;  
-
setInterval(function(){
+
  text-indent:0.5em;
-
        $('.slideshow :first-child')
+
z-index:500;
-
        .fadeOut()
+
-
        .next('img')
+
-
        .fadeIn()
+
-
        .end()
+
-
        .appendTo('.slideshow');}, 6000);
+
-
});
+
-
 
+
-
 
+
-
</script>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<head>
+
-
 
+
-
<style type="text/css">
+
-
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; }
+
ul#nav li:hover > ul {
-
#navigation ul li{
+
  display:block;  
-
        float:left;  
+
  position:absolute;  
-
        position:relative;  
+
  left:12em; /* ul#nav a width */
-
 
+
  top:0;
 +
z-index:500;
}
}
-
 
+
ul#nav > li:hover > ul {  
-
#navigation ul li a{  
+
  left:0;
-
 
+
  top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */
-
display:block;
+
z-index:500;
-
padding:7px 12px;
+
-
margin-left:auto;
+
-
        margin-right:auto;
+
-
font-size:18px;
+
-
white-space:nowrap;  
+
-
border-radius:1px;
+
-
 
+
}
}
-
#navigation ul li a:hover{}
+
ul#nav > li {
-
#navigation ul li ul li a{
+
  border: 0.5em solid #260603; 
-
width: 150px ;
+
  background: #003366;
 +
z-index:500;
}
}
-
#navigation ul ul li a:hover{
+
ul#nav > li:first-child {
-
        background:#063257;
+
  -moz-border-radius-topleft: 0.0em;
-
background-repeat:repeat-x;
+
z-index:500;
-
        color:#fff080;
+
-
background-size:200%;
+
}
}
-
#navigation ul ul{
+
ul#nav > li:last-child {
-
position:absolute;
+
  -moz-border-radius-topright: 0.0em;
-
height:-99999px;
+
z-index:500;
-
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;
+
-
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 {
+
ul#nav li > ul {
-
margin-left:auto;
+
  border: 0.2em solid #000;  
-
        margin-right:auto;
+
  -moz-border-radius: 0.2em;
-
 
+
z-index:500;
-
 
+
-
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; }
+
ul#nav li > a { background: #fff; color: black; z-index:500;}
-
#navigation ul ul li:hover>ul{ position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
+
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:hover > a { }
-
.slideshow img { position:absolute; left:10; top:10; }
+
ul#nav2, ul#nav2 ul { padding:0; margin:0; list-style-type: none; list-style-image: none;}
-
 
+
ul#nav2 { position:centre; left: 3px;}
-
.slideshow {  
+
ul#nav2 ul { display: none;}
-
    margin: -375px 0px 0px 400px;  
+
ul#nav2 li {float:left; position:relative; margin-bottom: 0;}
-
    position: absolute;  
+
ul#nav2 a {
-
    width: 520px;  
+
  display:block;
-
    height: 350px;  
+
  width:12em;
-
    padding: 10px;  
+
  font-size:1em;
-
    box-shadow: 0 0 10px rgba(0,0,0,0.4);  
+
  height:2em;  
 +
  line-height:2em; /* ul#nav a height */
 +
  text-decoration:none;
 +
  text-indent:0.5em;  
}
}
-
 
+
ul#nav2 li:hover > ul {
-
 
+
  display:block;  
-
.side {  
+
  position:absolute;  
-
    margin: -500px 0px 0px 500px;  
+
  left:12em; /* ul#nav a width */
-
    position: absolute;  
+
  top:0;
-
    width: 520px;  
+
-
    height: 350px;  
+
-
    padding: 10px;
+
-
 
+
}
}
-
 
+
ul#nav2 > li:hover > ul {  
-
#footer-box {
+
  left:0;
-
    width:100%;
+
  top:2.4em; /* ul#nav a height + 2*(ul#nav > li > ul border-width) */
-
    border:none;
+
-
    padding:5px 0;
+
-
    opacity:0.6;
+
-
    filter:alpha(opacity=60); /* For IE8 and earlier */
+
}
}
-
 
+
ul#nav2 > li {  
-
 
+
  border: 0.5em solid #632D2D;  
-
#top-section {
+
  background: #003366;  
-
    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 {
+
ul#nav2 > li:first-child {
-
  display:none;
+
  -moz-border-radius-topleft: 0.0em;
-
  margin:0;
+
-
  padding:0;
+
}
}
-
/* Hides default page title beneath banner */
+
ul#nav2 > li:last-child {
-
.firstHeading {
+
  -moz-border-radius-topright: 0.0em;
-
  height:0px;
+
-
  visibility:hidden;
+
}
}
-
 
+
ul#nav2 li > ul {
-
/*------------------------- Layout styles ------------------------*/
+
  border: 0.2em solid #000;  
-
body{
+
  -moz-border-radius: 0.2em;
-
 
+
-
margin:0 auto;
+
-
        width: 962px;
+
-
        height: 0 auto;
+
-
background:url(https://static.igem.org/mediawiki/2012/0/0e/Michigan_DNA_Background.png) no-repeat center top;
+
-
        background-attachment: fixed;
+
-
background-size:cover;
+
-
}
+
-
.page{
+
-
        margin: -23px 0 0px 0;
+
-
        width:962px;
+
-
        height: 0 auto;
+
-
background:url(https://static.igem.org/mediawiki/2012/4/49/Michigan_Invisible_Header.png) no-repeat center top;
+
}
}
-
 
+
ul#nav2 li > a { background: #fff; color: black;}
-
/*------------------------- Font ------------------------*/
+
ul#nav2 li:hover > a { color: #fff; background: #260603;} /* Menu subitem hover text */
-
@font-face {
+
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*/
-
p.sansserif{font-family:Century Gothic,sans-serif;}
+
ul#nav2 > li:hover > a { }
-
    font-weight: normal;
+
-
    font-style: normal;
+
-
}
+
-
 
+
-
/*------------------------- Header ------------------------*/
+
-
.header{
+
-
background:url(https://static.igem.org/mediawiki/2012/f/fe/Michigan_Blue_Divider.png) no-repeat center 124px;
+
-
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{
+
-
float:left;
+
-
margin:0 0 0 36px;
+
-
}
+
-
.header ul li.selected a,.header ul li a:hover{
+
-
color:#063257;
+
-
}
+
-
.header ul li a{
+
-
font-size:16px;
+
-
text-decoration:none;
+
-
color:#063257;
+
-
 
+
-
outline:none;
+
-
}
+
-
 
+
-
/*------------------------- Body ------------------------*/  
+
-
 
+
-
/*.body{
+
-
/*background:url(https://static.igem.org/mediawiki/2012/8/89/Michigan_body.png);*/
+
-
width:962px;
+
-
margin: 0px auto;
+
-
padding:0 0 0px 0px;
+
-
overflow:hidden;
+
-
}*/
+
-
.body div#featured{
+
-
background:url(https://static.igem.org/mediawiki/2012/e/eb/Random_Michigan_1.png) no-repeat right top;
+
-
height:0px;
+
-
padding:50px 0px 17px 0px;
+
-
        margin: -30px 0 0 0;
+
-
}
+
-
.body div#featured h3{
+
-
        line-height:110%;
+
-
color:#063257;
+
-
font-size:24px;
+
-
margin:0 0 30px;
+
-
width:362px;
+
-
padding:50px 16px 0;
+
-
font-weight:bold;
+
-
        font-style:italic;
+
-
}
+
-
.body div#featured p{
+
-
width:362px;
+
-
color:#063257;
+
-
font-size:16px;
+
-
line-height:22px;
+
-
text-shadow: 0 1px 0 #fcfcfc;
+
-
text-align:justify;
+
-
margin:0;
+
-
        padding: 0px 16px 50px;
+
-
}
+
-
.body div#basic{
+
-
height:0px auto;
+
-
padding:50px 50px 50px 50px;
+
-
        margin: -30px 0 0 0;
+
-
}
+
-
.body div#basic h3{
+
-
        line-height:110%;
+
-
color:#063257;
+
-
font-size:24px;
+
-
margin:0 0 0px;
+
-
 
+
-
padding:0px 0px 0;
+
-
font-weight:bold;
+
-
        font-style:italic;
+
-
}
+
-
.body div#basic h2{
+
-
color:#063257;
+
-
}
+
-
.body div#basic h1{
+
-
color:#063257;
+
-
}
+
-
.body div#basic h4{
+
-
        line-height:110%;
+
-
color:#063257;
+
-
font-size:18px;
+
-
margin:0 0 0px;
+
-
width:362px;
+
-
padding:0px 0px 0;
+
-
font-weight:bold;
+
-
        font-style:italic;
+
-
}
+
-
.body div#basic p{
+
-
width:0px auto;
+
-
color:#063257;
+
-
font-size:16px;
+
-
line-height:22px;
+
-
text-shadow: 0 1px 0 #fcfcfc;
+
-
text-align:justify;
+
-
margin:0;
+
-
        padding: 10px 10px 10px;
+
-
}
+
-
.body div#simple{
+
-
height:0px auto;
+
-
padding:0px 0px 0px 30px;
+
-
        margin: 0px 0 0 0;
+
-
}
+
-
.body div#simple h3{
+
-
        line-height:110%;
+
-
color:#063257;
+
-
font-size:24px;
+
-
margin:0 0 0px;
+
-
width:362px;
+
-
padding:0px 0px 0;
+
-
font-weight:bold;
+
-
        font-style:italic;
+
-
}
+
-
 
+
-
.body div#simple p{
+
-
width:0px auto;
+
-
color:#063257;
+
-
font-size:16px;
+
-
line-height:22px;
+
-
text-shadow: 0 1px 0 #fcfcfc;
+
-
text-align:justify;
+
-
margin:0;
+
-
        padding: 10px 10px 10px;
+
-
}
+
-
 
+
</style>
</style>
-
 
+
</html>
-
 
+
<html>
-
 
+
<body>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+
<div id="logo" style="position: relative; width: 949px; height: 225px; background: url('https://static.igem.org/mediawiki/2013/5/56/UC-SantaCruz_Banner.jpg'); clear: both; ">  
-
<title>Xayona Website Template</title>
+
-
<link rel="stylesheet" href="css/style.css" type="text/css" />
+
-
<!--[if IE 7]>
+
-
<link rel="stylesheet" href="css/ie7.css" type="text/css" />
+
-
<![endif]-->
+
-
</head>
+
-
<body>
+
-
<div class="page">
+
-
<div class="header">
+
-
<a href="https://2012.igem.org"><img src="https://static.igem.org/mediawiki/2012/8/83/Igem_icon.png" style="position:absolute;right:0;top:0;" alt=""></img></a>
+
-
<a href="https://2013.igem.org/Team:Michigan" id="logo"><img src="https://static.igem.org/mediawiki/2012/c/c2/Michigan_2012_Logo_ani.gif" alt=""/></a>
+
-
                                <a href="https://2013.igem.org/Team:Michigan" id="name"><img src="https://static.igem.org/mediawiki/2012/5/5f/Michigan_2012_Site_name.png" alt=""/></a>
+
-
                        <div id="navigation">
+
-
<ul>
+
-
<li class="selected"><a>Project</a>
+
-
<ul>
+
-
                                              <li><a href="https://2013.igem.org/Team:Michigan/Project">Project Description</a></li>
+
-
                                              <li><a href="https://2013.igem.org/Team:Michigan/Parts">Parts</a></li>
+
-
 
+
-
                                           
+
-
  <li><a href="https://2013.igem.org/Team:Michigan/Modeling">Modeling</a></li>
+
-
</ul></li>
+
-
 
+
-
<li><a>Notebook</a>
+
-
                                            <ul>
+
-
                                              <li><a href="https://2013.igem.org/Team:Michigan/Notebook">Construction</a></li>
+
-
                                              <li><a href="https://2013.igem.org/Team:Michigan/Construction">Characterization</a></li>
+
-
                                              <li><a href="https://2013.igem.org/Team:Michigan/Notebook/Protocols">Protocols</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Michigan/Attributions">Attributions</a>
+
-
                                            </ul>
+
-
                                        </li>
+
-
                                        <li><a>Team</a>
+
-
                                        <ul>
+
-
<li><a href="https://2013.igem.org/Team:Michigan/Team">Team</a></li>
+
-
                                        <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Michigan">Team Profile</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:Michigan/Safety">Safety</a>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:Michigan/Sponsors">Sponsors</a>
+
-
</li>
+
-
+
-
</li>
+
-
                                        <li><a href="https://2013.igem.org/Team:Michigan/Outreach">Outreach</a>
+
-
</li>
+
-
</ul>
+
-
+
</div>
</div>
-
</div>
 
-
 
-
</div>
 
-
</body>
 
</html>
</html>
 +
{{:Team:UC-Santa_Cruz/templates/menu}}

Latest revision as of 23:21, 27 September 2013

Retrieved from "http://2013.igem.org/Team:UC-SantaCruz_Template"