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"> | ||
- | # | + | |
- | + | /*change original background*/ | |
- | # | + | |
- | + | #top-section{ | |
- | # | + | height: 40px; |
- | # | + | background-color: #cccccc; |
- | # | + | border: 0; |
- | # | + | } |
- | + | ||
- | </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 = " | + | |
- | <li><a>Team | + | <ul id="cm-nav"> |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa">Home</a></li> | |
- | + | <li><a class="arrow no-click">Team </a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/members">Members</a></li> | |
- | + | <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 | + | </ul> |
- | + | </li> | |
- | + | <li><a class="arrow no-click">Project</a> | |
- | + | <ul class="arrow-pad"> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/introduction">Introduction</a></li> | |
- | + | <li><a class="arrow no-click">RNA Thermometer</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_data">Data</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/RNA_discussion">Discussion</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a class="arrow no-click">CI promoter </a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_data">Data</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CI_discussion">Discussion</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a class="arrow no-click">Carotenoid synthesis pathway</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_data">Data</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/CSP_discussion">Discussion</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a class="arrow no-click">Butanol pathway</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_data">Data</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/BP_discussion">Discussion</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a class="arrow no-click">Violacein pathway</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_design">Design</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_data">Data</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/VP_discussion">Discussion</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Modeling</a></li> | + | </ul> |
- | <li><a>Safety & Parts | + | </li> |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Modeling</a></li> | |
- | + | <li><a class="arrow no-click">Safety &Parts</a> | |
- | + | <ul> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/parts">Parts</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/safty">Safty</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/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 >>