Team:NCTU Formosa/VP design

From 2011.igem.org

(Difference between revisions)
(Created page with "<html> <head> <style type = "text/css"> #pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;} #pmenu {margin:0px 0px 0px 70px;} #pmenu li {float:left;position:relative;...")
Line 2: Line 2:
<head>
<head>
<style type = "text/css">
<style type = "text/css">
-
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
+
 
-
#pmenu {margin:0px 0px 0px 70px;}
+
/*change original background*/
-
#pmenu li {float:left;position:relative; list-style-type: none;}
+
 
-
#pmenu a, #pmenu a:visited {display:block; width:200px; font-size:12px; color:#000; height:28px; line-height:22px; text-decoration:none; text-indent:5px; background:#b2ab9b; border:1px solid #fff; border-width:0 1px 1px 0; text-align:center; list-style-type: none;}
+
#top-section{
-
#pmenu li:hover > a{background:#dfd7ca; color:#c00;}
+
height: 40px;
-
#pmenu li ul {display: none;}
+
background-color: #cccccc;
-
#pmenu li:hover > ul {display:block; position:absolute; top:0; left:201px;}
+
border: 0;
-
#pmenu > li:hover > ul {left:0; top:24px;}
+
}
-
+
 
-
</style>  
+
img[src*="/wiki/skins/common/images/wiki.png"]{
 +
    width:0;
 +
    height:40px;
 +
    padding-right:975px;
 +
    background:transparent
 +
url(https://static.igem.org/mediawiki/2011/0/04/Igem2011.gif) top center no-repeat;
 +
}
 +
 
 +
.firstHeading {
 +
display:none;
 +
}
 +
 
 +
#search-controls {
 +
display:none;
 +
}
 +
 
 +
#globalWrapper{
 +
background-color: #565659;
 +
}
 +
 
 +
#content{
 +
background-color: black;
 +
border: 0;
 +
}
 +
 
 +
/*top menu*/
 +
 
 +
#cm-nav li a.arrow {background-image: url(https://static.igem.org/mediawiki/2011/d/d4/Arrow-right.gif)}
 +
 
 +
#cm-nav > li > a.arrow {background-image: url(https://static.igem.org/mediawiki/2011/7/73/Arrow-down.gif)}
 +
 
 +
ul#cm-nav ,
 +
ul#cm-nav ul {
 +
list-style-type: none;
 +
margin: 0 0 0 230px;
 +
list-style-image: none;
 +
padding: 0px
 +
}
 +
 
 +
 
 +
ul#cm-nav li {
 +
position: relative;
 +
list-style-type: none;
 +
margin: 0px;
 +
width: auto;
 +
float: left;
 +
list-style-image: none;
 +
padding: 0px
 +
}
 +
 
 +
ul#cm-nav li li {
 +
width: auto;
 +
float: none
 +
}
 +
 
 +
#cm-nav a {
 +
border-bottom: black 1px solid;
 +
text-align: left;
 +
border-left: black 1px solid;
 +
display: block;
 +
white-space: nowrap;
 +
background: #cccccc;
 +
border-top: black 1px solid;
 +
border-right: black 1px solid;
 +
text-decoration: none
 +
}
 +
 
 +
#cm-nav a:focus {
 +
outline-style: none;
 +
outline-color: invert;
 +
outline-width: medium
 +
}
 +
 
 +
#cm-nav a.no-click {cursor: default}
 +
 
 +
#cm-nav li a {margin: -1px -1px 0px 0px}
 +
 
 +
#cm-nav li li a {margin: 0px 0px -1px}
 +
 
 +
#cm-nav > li > a.arrow {padding-right: 14px}
 +
 
 +
#cm-nav ul.arrow-pad > li > a {padding-right: 11px}
 +
 
 +
#cm-nav li a.arrow ,
 +
#cm-nav > li > a.arrow {
 +
background-repeat: no-repeat;
 +
background-position: right 50%
 +
}
 +
 
 +
#cm-nav li:hover > a ,
 +
#cm-nav a {color: white}
 +
 
 +
#cm-nav li ul ,
 +
#cm-nav li:hover ul ul ,
 +
#cm-nav li:hover ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ,
 +
#cm-nav li:hover ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul ul {
 +
z-index: 999;
 +
position: absolute;
 +
display: none
 +
}
 +
 
 +
#cm-nav li:hover ul {display: block}
 +
 
 +
#cm-nav li li:hover ul ,
 +
#cm-nav li li li:hover ul ,
 +
#cm-nav li li li li:hover ul ,
 +
#cm-nav li li li li li:hover ul ,
 +
#cm-nav li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li li li:hover ul ,
 +
#cm-nav li li li li li li li li li li li li li li li li li li li li li:hover ul {
 +
display: block;
 +
margin-left: 100%
 +
}
 +
 
 +
#cm-nav li:hover ul {margin-left: 0px}
 +
 
 +
#cm-nav ul ul {
 +
top: 1px;
 +
left: -1px
 +
}
 +
 
 +
#cm-nav li {top: -1px}
 +
 
 +
#cm-nav li:hover > a {background-color: #565659}
 +
 
 +
#cm-nav a {
 +
background-color: black;
 +
border-color: black;
 +
font-weight: bold;
 +
font-family: georgia;
 +
font-size: 12pt;
 +
font-variant: small-caps;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
padding-top: 10px;
 +
padding-bottom: 10px;
 +
}
 +
 
 +
/*content*/
 +
 
 +
.titleDesign{
 +
color: white;
 +
font-family: georgia;
 +
font-weight: bold;
 +
font-size: 20px;
 +
font-variant: small-caps;
 +
direction:ltr;
 +
}
 +
 
 +
</style>
</head>
</head>
<body>
<body>
 +
 +
<center><div><a href = "https://2011.igem.org/Team:NCTU_Formosa"><img src = "https://static.igem.org/mediawiki/2011/6/61/Top.jpg" /></a></div></center>
<br>
<br>
-
<ul id = "pmenu">
+
 
-
<li><a>Team &#187;</a>
+
<ul id="cm-nav">
-
<ul>
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa">Home</a></li>
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/members">Members</a></li>
+
  <li><a class="arrow no-click">Team </a>
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/school">School</a></li>
+
      <ul>
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/gallery">Gallery</a></li>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/members">Members</a></li>
-
</ul>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/school">School</a></li>
-
</li>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/gallery">Gallery</a></li>
-
<li><a>Project &#187;</a>
+
      </ul>
-
<ul>
+
  </li>
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/introduction">Introduction</a></li>
+
  <li><a class="arrow no-click">Project</a>
-
<li><a>RNA Thermometer &#187;</a>
+
      <ul class="arrow-pad">
-
  <ul>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/introduction">Introduction</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_design">Design</a></li>
+
        <li><a class="arrow no-click">RNA Thermometer</a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_data">Data</a></li>
+
            <ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_discussion">Discussion</a></li>  
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_design">Design</a></li>
-
  </ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_data">Data</a></li>
-
</li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_discussion">Discussion</a></li>
-
<li><a>CI promoter &#187;</a>
+
            </ul>
-
  <ul>
+
        </li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_design">Design</a></li>
+
        <li><a class="arrow no-click">CI promoter </a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_data">Data</a></li>
+
            <ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_discussion">Discussion</a></li>  
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_design">Design</a></li>
-
  </ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_data">Data</a></li>
-
</li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_discussion">Discussion</a></li>
-
<li><a>Carotenoid synthesis pathway &#187;</a>
+
            </ul>
-
  <ul>
+
        </li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_design">Design</a></li>
+
        <li><a class="arrow no-click">Carotenoid synthesis pathway</a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_data">Data</a></li>
+
            <ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_discussion">Discussion</a></li>  
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_design">Design</a></li>
-
  </ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_data">Data</a></li>
-
</li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_discussion">Discussion</a></li>
-
<li><a>Butanol pathway &#187;</a>
+
            </ul>
-
  <ul>
+
        </li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_design">Design</a></li>
+
        <li><a class="arrow no-click">Butanol pathway</a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_data">Data</a></li>
+
            <ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_discussion">Discussion</a></li>  
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_design">Design</a></li>
-
  </ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_data">Data</a></li>
-
</li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_discussion">Discussion</a></li>
-
<li><a>Violacein pathway &#187;</a>
+
            </ul>
-
  <ul>
+
        </li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_design">Design</a></li>
+
        <li><a class="arrow no-click">Violacein pathway</a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_data">Data</a></li>
+
            <ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_discussion">Discussion</a></li>  
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_design">Design</a></li>
-
  </ul>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_data">Data</a></li>
-
</li>
+
              <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_discussion">Discussion</a></li>
-
</ul>
+
            </ul>
-
</li>
+
        </li>
-
<li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Modeling</a></li>
+
      </ul>
-
<li><a>Safety & Parts &#187;</a>
+
  </li>
-
<ul>
+
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Modeling</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/parts">Parts</a></li>
+
  <li><a class="arrow no-click">Safety &Parts</a>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol">Protocol</a></li>
+
      <ul>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/safty">Safty</a></li>  
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/parts">Parts</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/contributions">Contributions</a></li>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol">Protocol</a></li>
-
  <li><a href="https://2011.igem.org/Team:NCTU_Formosa/calendar">Calendar</a></li>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/safty">Safty</a></li>
-
</ul>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/contributions">Contributions</a></li>
-
<li>
+
        <li><a href="https://2011.igem.org/Team:NCTU_Formosa/calendar">Calendar</a></li>
-
</ul><br><br>
+
      </ul>
 +
  </li>
 +
</ul>
 +
 
 +
<br><br><br>
 +
<div class = "titleDesign">test title >></div>
 +
 
</body>
</body>
</html>
</html>

Revision as of 07:47, 29 September 2011





test title >>