Team:NCTU Formosa/gallery
From 2011.igem.org
(Difference between revisions)
(19 intermediate revisions not shown) | |||
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; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2011/a/ae/Wallpaper2.jpg); | ||
+ | } | ||
+ | |||
+ | #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 10px; | ||
+ | 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: Calibri, Verdana, helvetica, sans-serif; | ||
+ | font-size: 12pt; | ||
+ | font-variant: normal; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | <style type = "text/javascript" language = "JavaScript"> | ||
+ | function out(id_num){ | ||
+ | var oa = document.getElementById(id_num); | ||
+ | if(oa.style.display == "none"){ | ||
+ | oa.style.display = "block"; | ||
+ | } | ||
+ | return false; | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | /*content*/ | ||
+ | |||
+ | .titleDesign{ | ||
+ | color: white; | ||
+ | font-family: Calibri, Verdana, helvetica, sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: 20px; | ||
+ | font-variant: normal; | ||
+ | direction:ltr; | ||
+ | } | ||
+ | |||
+ | .cont{ | ||
+ | font-size: 14px; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #banner{ position:relative; | ||
+ | margin-left: 10px; | ||
+ | background-color: black; | ||
+ | height:240px; | ||
+ | width: 944px; | ||
+ | } | ||
+ | |||
+ | #blueBox { position:relative; | ||
+ | margin-left: 10px; | ||
+ | margin-bottom: -5px; | ||
+ | margin-top:-3px; | ||
+ | background-color: #000066; | ||
+ | filter:alpha(opacity=90);opacity:0.9;zoom:1; | ||
+ | height:auto; | ||
+ | width: 924px; | ||
+ | |||
+ | } | ||
+ | #blueBox { color: white; | ||
+ | font-family: Calibri, Verdana, helvetica, sans-serif; | ||
+ | font-weight: bold; | ||
+ | font-size: 20px; | ||
+ | font-variant: normal; | ||
+ | direction:ltr; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | #Box1 { position:relative; | ||
+ | margin: 0px 0px 0px 10px; | ||
+ | //background-color: black ; | ||
+ | filter:alpha(opacity=35);opacity:0.35;zoom:1; | ||
+ | height:auto; | ||
+ | width: 924px; | ||
+ | background-image: url(http://www.iriko34.com/kabegami-yoko-kousen-ao.jpg); | ||
+ | //background-image: url(https://static.igem.org/mediawiki/2011/a/a9/Nctu_gallery_box.png); | ||
+ | } | ||
+ | #Box1 { color: black; | ||
+ | font-family: Calibri, Verdana, helvetica, sans-serif; | ||
+ | font-weight: normal; | ||
+ | font-size: 12px; | ||
+ | font-variant: normal; | ||
+ | direction:ltr; | ||
+ | padding: 0 10px 0 10px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #Box { position:relative; | ||
+ | margin: 0px 0px 0px 10px; | ||
+ | background-color: #ede8e2 ; | ||
+ | filter:alpha(opacity=98);opacity:0.98;zoom:1; | ||
+ | height:auto; | ||
+ | width: 864px; | ||
+ | text-align: center; | ||
+ | |||
+ | } | ||
+ | #Box { color: black; | ||
+ | font-family: Calibri, Verdana, helvetica, sans-serif; | ||
+ | font-size: 18px; | ||
+ | font-variant: normal; | ||
+ | direction:ltr; | ||
+ | padding: 10px 40px 50px 40px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | #sideBox { position: absolute; | ||
+ | top: 304px; | ||
+ | left: 720px; | ||
+ | height: 975px; | ||
+ | width: 240px; | ||
+ | background-color: #ede8e2; | ||
+ | } | ||
+ | h2{font-family: Calibri, Verdana, helvetica, sans-serif; | ||
+ | font-size: 20px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
- | < | + | |
- | <ul id = " | + | |
- | <li><a>Team | + | <div id="banner"><a href = "https://2011.igem.org/Team:NCTU_Formosa"><img src = "https://static.igem.org/mediawiki/2011/8/8c/Banner010.jpg" height="236" width="944"/></a></div> |
- | + | ||
- | + | ||
- | + | <ul id="cm-nav"> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa">Home</a></li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">Team </a> | |
- | </li> | + | <ul> |
- | <li><a>Project | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/members">Members</a></li> |
- | + | <li><a href="http://www.nctu.edu.tw/english/index.php">School</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/gallery">Gallery</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">Project</a> | |
- | + | <ul class="arrow-pad"> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/introduction">Introduction</a></li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">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">Modeling</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">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">Modeling</a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">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> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">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> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">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> | |
- | + | </ul> | |
- | + | </li> | |
- | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/ | + | </ul> |
- | <li><a> | + | </li> |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/modeling">Measurements</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/safty">Safety</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/humanpractice">Human Practice</a></li> | |
- | + | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/contributions">Attribution</a></li> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">Notebook </a> | |
- | + | <ul> | |
- | + | <li><a onClick="out('cm-nav')" class="arrow">Protocols</a> | |
- | </ul><br><br> | + | <ul> |
+ | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol">Mutation</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol_F">Flow Cytometry</a></li> | ||
+ | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/protocol_G">GC</a></li> | ||
+ | </ul> | ||
+ | <li><a href="https://2011.igem.org/Team:NCTU_Formosa/calendar">Calendar</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | <br><br> | ||
+ | <div id="blueBox"><p>Gallery</p></div> | ||
+ | <div id="Box1"> | ||
+ | <embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="725.76" height="483.84" flashvars="host=picasaweb.google.com&hl=zh_TW&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F102298469390980132218%2Falbumid%2F5659091819003464529%3Falt%3Drss%26kind%3Dphoto%26hl%3Dzh_TW" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> | ||
+ | </div> | ||
+ | |||
+ | <div id="blueBox"><p>LAB</p></div> | ||
+ | <div id="Box1"> | ||
+ | <embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="725.76" height="483.84" flashvars="host=picasaweb.google.com&hl=zh_TW&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F102298469390980132218%2Falbumid%2F5659185223554342369%3Falt%3Drss%26kind%3Dphoto%26hl%3Dzh_TW" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> | ||
+ | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 13:54, 5 October 2011
Gallery
LAB