|
|
(6 intermediate revisions not shown) |
Line 1: |
Line 1: |
| <html lang="en"> | | <html lang="en"> |
- | <style type="text/css">
| |
| | | |
- | body{ padding:0; margin:0; background:url(/wiki/images/e/e9/bg.gif);} | + | <style type="text/css"> |
| + | body{ padding:0; margin:0; background:url(/wiki/images/e/e9/57_1958.jpg);} |
| #nd-header{ width:1000px; height:37px; background:url(https://static.igem.org/mediawiki/2012/b/be/Headerbg.jpg) repeat-x left top;overflow:hidden} | | #nd-header{ width:1000px; height:37px; background:url(https://static.igem.org/mediawiki/2012/b/be/Headerbg.jpg) repeat-x left top;overflow:hidden} |
- | #globalWrapper{overflow: hidden;background:url(/wiki/images/e/e9/bg.gif); width:100%} | + | #globalWrapper{overflow: hidden;background:url(/wiki/images/e/e9/57_1958.jpg); width:100%} |
| #content {border: none;font-family: georgia, helvetica, arial, sans-serif;width:1000px; background:none; overflow:hidden; margin:0 auto} | | #content {border: none;font-family: georgia, helvetica, arial, sans-serif;width:1000px; background:none; overflow:hidden; margin:0 auto} |
| #siteSub {display:none;} | | #siteSub {display:none;} |
Line 14: |
Line 14: |
| #footer{ width:1000px; margin:0 auto} | | #footer{ width:1000px; margin:0 auto} |
| #mblink a {text-decoration:none;} | | #mblink a {text-decoration:none;} |
- |
| |
| #top-section { width:100%;height:21px; line-height:21px; background:url(/wiki/images/c/c3/57_21.jpg) repeat-x;overflow:hidden; border:none; margin:0px;} | | #top-section { width:100%;height:21px; line-height:21px; background:url(/wiki/images/c/c3/57_21.jpg) repeat-x;overflow:hidden; border:none; margin:0px;} |
- |
| |
| #p-logo {display:none;} | | #p-logo {display:none;} |
| #search-controls {display: none;} | | #search-controls {display: none;} |
Line 26: |
Line 24: |
| #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {color: #FC0;} | | #menubar a:active,#menubar a:hover,#menubar a:link,#menubar a:visited {color: #FC0;} |
| .firstHeading {display: none;} | | .firstHeading {display: none;} |
- |
| |
| | | |
| | | |
Line 58: |
Line 55: |
| #navMenu li.none a{ border-right:none} | | #navMenu li.none a{ border-right:none} |
| #navMenu li a:hover, #navMenu li.hover a {color:#FF7B0E;} | | #navMenu li a:hover, #navMenu li.hover a {color:#FF7B0E;} |
- | /*-------- 下拉菜单 --------------*/
| |
- | .dropMenu {position:absolute; top:0; z-index:10;width: 140px;visibility: hidden; margin-top: 5px;margin-left:-12px;_margin-left:-455px; _margin-top:-250px; background:#333;padding-top:6px;padding-bottom:6px;filter: Alpha(Opacity=60); -moz-opacity:0.6; opacity: 0.6; }
| |
- | .dropMenu li { margin-top:2px;margin-bottom:4px; }
| |
- | .dropMenu li a{width: 100%;display: block;text-align:center; color:#FFF; padding-bottom:6px; padding-top:4px; border-bottom: 1px dashed #CCC; font-size:14px;}
| |
- | .dropMenu+li a{border-top:none;}
| |
- | * html .dropMenu a {width: 100%;color:#FFF;}
| |
- | .dropMenu a:hover {color:#F09C42;}
| |
- | .hdo{width:100%;height:auto;display:block;overflow:hidden;}
| |
- |
| |
| /* footer end */ | | /* footer end */ |
| | | |
| /* content begin*/ | | /* content begin*/ |
- | .con{width:976px; height:auto; margin:0 auto; background:url(/wiki/images/8/81/976_727.jpg) repeat-y;} | + | .con{width:976px; height:auto; margin:0 auto; background:url(/wiki/images/8/81/976_727.jpg) repeat-y; padding-bottom:20px;} |
| .place{ background:url(/wiki/images/3/31/Palcebg.gif) no-repeat; width:875px; height:60px; margin:0 auto} | | .place{ background:url(/wiki/images/3/31/Palcebg.gif) no-repeat; width:875px; height:60px; margin:0 auto} |
| .place span.p{ float:left; color:#000; font-size:14px; font-weight:bold; text-indent:30px;} | | .place span.p{ float:left; color:#000; font-size:14px; font-weight:bold; text-indent:30px;} |
Line 110: |
Line 98: |
| <li class="none"><a href='/Team:Nanjing_China_Bio/safety'>SAFETY</a></li> | | <li class="none"><a href='/Team:Nanjing_China_Bio/safety'>SAFETY</a></li> |
| </div> | | </div> |
- | <script type="text/javascript">
| |
- | var cssdropdown={
| |
- | disappeardelay: 250,
| |
- | disablemenuclick: false,
| |
- | enableswipe: 1,
| |
- | enableiframeshim: 1,
| |
- | dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, swipetimer: undefined, bottomclip:0,
| |
- |
| |
- | getposOffset:function(what, offsettype){
| |
- | var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
| |
- | var parentEl=what.offsetParent;
| |
- | while (parentEl!=null){
| |
- | totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
| |
- | parentEl=parentEl.offsetParent;
| |
- | }
| |
- | return totaloffset;
| |
- | },
| |
- |
| |
- | swipeeffect:function(){
| |
- | if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){
| |
- | this.bottomclip+=10+(this.bottomclip/10)
| |
- | this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)"
| |
- | }
| |
- | else
| |
- | return
| |
- | this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10)
| |
- | },
| |
- |
| |
- | showhide:function(obj, e){
| |
- | if (this.ie || this.firefox)
| |
- | this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
| |
- | if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
| |
- | if (this.enableswipe==1){
| |
- | if (typeof this.swipetimer!="undefined")
| |
- | clearTimeout(this.swipetimer)
| |
- | obj.clip="rect(0 auto 0 0)"
| |
- | this.bottomclip=0
| |
- | this.swipeeffect()
| |
- | }
| |
- | obj.visibility="visible"
| |
- | }
| |
- | else if (e.type=="click")
| |
- | obj.visibility="hidden"
| |
- | },
| |
- |
| |
- | iecompattest:function(){
| |
- | return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
| |
- | },
| |
- |
| |
- | clearbrowseredge:function(obj, whichedge){
| |
- | var edgeoffset=0
| |
- | if (whichedge=="rightedge"){
| |
- | var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
| |
- | this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
| |
- | if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure)
| |
- | edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
| |
- | }
| |
- | else{
| |
- | var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset
| |
- | var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
| |
- | this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
| |
- | if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){
| |
- | edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
| |
- | if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure)
| |
- | edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
| |
- | }
| |
- | }
| |
- | return edgeoffset
| |
- | },
| |
- |
| |
- | dropit:function(obj, e, dropmenuID){
| |
- | if (this.dropmenuobj!=null)
| |
- | this.dropmenuobj.style.visibility="hidden"
| |
- | this.clearhidemenu()
| |
- | if (this.ie||this.firefox){
| |
- | obj.onmouseout=function(){cssdropdown.delayhidemenu()}
| |
- | obj.onclick=function(){return !cssdropdown.disablemenuclick}
| |
- | this.dropmenuobj=document.getElementById(dropmenuID)
| |
- | if(!this.dropmenuobj) return;
| |
- | this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()}
| |
- | this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)}
| |
- | this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()}
| |
- | this.showhide(this.dropmenuobj.style, e)
| |
- | this.dropmenuobj.x=this.getposOffset(obj, "left")
| |
- | this.dropmenuobj.y=this.getposOffset(obj, "top")
| |
- | this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
| |
- | this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
| |
- | this.positionshim()
| |
- | }
| |
- | },
| |
- |
| |
- | positionshim:function(){
| |
- | if (this.enableiframeshim && typeof this.shimobject!="undefined"){
| |
- | if (this.dropmenuobj.style.visibility=="visible"){
| |
- | this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
| |
- | this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
| |
- | this.shimobject.style.left=this.dropmenuobj.style.left
| |
- | this.shimobject.style.top=this.dropmenuobj.style.top
| |
- | }
| |
- | this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
| |
- | }
| |
- | },
| |
- |
| |
- | hideshim:function(){
| |
- | if (this.enableiframeshim && typeof this.shimobject!="undefined")
| |
- | this.shimobject.style.display='none'
| |
- | },
| |
- |
| |
- | contains_firefox:function(a, b) {
| |
- | while (b.parentNode)
| |
- | if ((b = b.parentNode) == a)
| |
- | return true;
| |
- | return false;
| |
- | },
| |
- |
| |
- | dynamichide:function(e){
| |
- | var evtobj=window.event? window.event : e
| |
- | if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
| |
- | this.delayhidemenu()
| |
- | else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
| |
- | this.delayhidemenu()
| |
- | },
| |
- |
| |
- | delayhidemenu:function(){
| |
- | this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'; cssdropdown.hideshim()",this.disappeardelay)
| |
- | },
| |
- |
| |
- | clearhidemenu:function(){
| |
- | if (this.delayhide!="undefined")
| |
- | clearTimeout(this.delayhide)
| |
- | },
| |
- |
| |
- | startchrome:function(){
| |
- | for (var ids=0; ids<arguments.length; ids++){
| |
- | var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
| |
- | for (var i=0; i<menuitems.length; i++){
| |
- | if (menuitems[i].getAttribute("rel")){
| |
- | var relvalue=menuitems[i].getAttribute("rel")
| |
- | menuitems[i].onmouseover=function(e){
| |
- | var event=typeof e!="undefined"? e : window.event
| |
- | cssdropdown.dropit(this,event,this.getAttribute("rel"))
| |
- | }
| |
- | }
| |
- | }
| |
- | }
| |
- | if (window.createPopup && !window.XmlHttpRequest){
| |
- | document.write('<IFRAME id="iframeshim" src="" style="display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
| |
- | this.shimobject=document.getElementById("iframeshim")
| |
- | }
| |
- | }
| |
- |
| |
- | }
| |
- | </script>
| |
- | <ul id="dropmenu1" class="dropMenu">
| |
- | <li><a href="/Team:Nanjing_China_Bio/team">TEAM</a></li>
| |
- | <li><a href="/Team:Nanjing_China_Bio/member">MEMBER</a></li>
| |
- | <li><a href="/Team:Nanjing_China_Bio/university">UNIVERSITY</a></li>
| |
- | <li><a href="/Team:Nanjing_China_Bio/sponsors">SPONSORS</a></li>
| |
- | </ul>
| |
- | <ul id="dropmenu2" class="dropMenu">
| |
- | <li><a href="/Team:Nanjing_China_Bio/background">BACKGROUND</a></li>
| |
- | <li><a href="/Team:Nanjing_China_Bio/methods">METHODS</a></li>
| |
- | </ul>
| |
- | <ul id="dropmenu3" class="dropMenu">
| |
- | <li><a href="/Team:Nanjing_China_Bio/parts">Parts Submitted</a></li>
| |
- | <li><a href="/Team:Nanjing_China_Bio/future">Future Direction</a></li>
| |
- | </ul>
| |
- | <script type="text/javascript">cssdropdown.startchrome("navMenu")</script>
| |
| <!--//nav--> | | <!--//nav--> |
| </div> | | </div> |
Line 354: |
Line 174: |
| </ul> | | </ul> |
| </div> | | </div> |
- |
| + | <br style="clear:both" /> |
| </div> | | </div> |
| <!--content end--> | | <!--content end--> |