|
|
Line 1: |
Line 1: |
| {{WashUback}} | | {{WashUback}} |
| __NOTOC__ | | __NOTOC__ |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <html>
| |
- | <style>
| |
- | dl#cartoonmap{
| |
- | background:none;
| |
- | display:block;
| |
- | position:relative;
| |
- | width:965px;
| |
- | height:100px;
| |
- | margin:0px;
| |
- | }
| |
- | dl#cartoonmap dt{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | /* Common stuff between links */
| |
- | dl#cartoonmap dd a{
| |
- | position:absolute;
| |
- |
| |
- | border:1px dashed silver;
| |
- | text-decoration: none;
| |
- | }
| |
- | dl#cartoonmap dd a span{
| |
- | display:none;
| |
- | }
| |
- |
| |
- | /* Sun boxes varying intensity red, yellow, green */
| |
- | dl#cartoonmap dd#aa a{ left:-5px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#bb a{ left:103px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#cc a{ left:211px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#ee a{ left:319px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#ff a{ left:427px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#gg a{ left:535px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#hh a{ left:643px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#ii a{ left:751px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- | dl#cartoonmap dd#jj a{ left:859px; bottom:675px; width:108px; height:110px; z-index:100;}
| |
- |
| |
- |
| |
- | /* link hover doings */
| |
- | dl#cartoonmap dd a:hover{
| |
- | border-style:solid;
| |
- | border-width:1px;
| |
- | background:url('/wiki/images/c/c5/NYMU_main_pic_965px.png') transparent top left no-repeat;
| |
- | }
| |
- |
| |
- |
| |
- | /* black borders */
| |
- | dl#cartoonmap dd#aa a:hover, dl#cartoonmap dd#aa a:hover span, dl#cartoonmap dd#aa a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#bb a:hover, dl#cartoonmap dd#bb a:hover span, dl#cartoonmap dd#bb a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#cc a:hover, dl#cartoonmap dd#cc a:hover span, dl#cartoonmap dd#cc a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#ee a:hover, dl#cartoonmap dd#ee a:hover span, dl#cartoonmap dd#ee a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#ff a:hover, dl#cartoonmap dd#ff a:hover span, dl#cartoonmap dd#ff a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#gg a:hover, dl#cartoonmap dd#gg a:hover span, dl#cartoonmap dd#gg a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#hh a:hover, dl#cartoonmap dd#hh a:hover span, dl#cartoonmap dd#hh a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#ii a:hover, dl#cartoonmap dd#ii a:hover span, dl#cartoonmap dd#ii a:hover span div.first{ border-color:black; }
| |
- | dl#cartoonmap dd#jj a:hover, dl#cartoonmap dd#jj a:hover span, dl#cartoonmap dd#jj a:hover span div.first{ border-color:black; }
| |
- |
| |
- |
| |
- | dl#cartoonmap dd#aa a:hover span div.first {background:#fcc; color:#333;}
| |
- | dl#cartoonmap dd#bb a:hover span div.first {background:#ffa; color:#333;}
| |
- | dl#cartoonmap dd#cc a:hover span div.first {background:#cfc; color:#333;}
| |
- | dl#cartoonmap dd#ee a:hover span div.first {background:#cfc; color:#333;}
| |
- | dl#cartoonmap dd#ff a:hover span div.first {background:#cfc; color:#333;}
| |
- | dl#cartoonmap dd#gg a:hover span div.first {background:#cfc; color:#333;}
| |
- | dl#cartoonmap dd#hh a:hover span div.first {background:#cfc; color:#333;}
| |
- | dl#cartoonmap dd#ii a:hover span div.first {background:#cfc; color:#333;}
| |
- | dl#cartoonmap dd#jj a:hover span div.first {background:#cfc; color:#333;}
| |
- |
| |
- |
| |
- | /* subsequent hover positions (change when link positions change) (-left,h-imgH) */
| |
- | dl#cartoonmap dd#aa a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#bb a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#cc a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#ee a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#ff a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#gg a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#hh a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#ii a:hover{ background-position:-105px -423px; }
| |
- | dl#cartoonmap dd#jj a:hover{ background-position:-105px -423px; }
| |
- |
| |
- |
| |
- |
| |
- | dl#cartoonmap dd a:hover span{
| |
- | display:block;
| |
- | position:absolute;
| |
- |
| |
- | width:200px;<!--dimension of pop up picture-->
| |
- | height:400px;
| |
- |
| |
- | border-width:0px;<!--border color corresponds to the hover ones-->
| |
- | border-style:solid;
| |
- |
| |
- | color:black;
| |
- | background-color:white;
| |
- | }
| |
- | dl#cartoonmap dd a:hover span div.first{
| |
- | display:block;
| |
- | font-size:120%;
| |
- | font-weight:bold;
| |
- | padding:2px;
| |
- | text-align:center;
| |
- | border-bottom:1px dashed;
| |
- | }
| |
- | dl#cartoonmap dd a:hover span div.rest{
| |
- | font-size:12pt;
| |
- | font-face:Arial;
| |
- | margin-left:1em;
| |
- |
| |
- | }
| |
- | dl#cartoonmap dd#aa a:hover span{
| |
- | left:200px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#bb a:hover span{
| |
- | left:92px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#cc a:hover span{
| |
- | left:-16px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#ee a:hover span{
| |
- | left:-124px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#ff a:hover span{
| |
- | left:-232px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#gg a:hover span{
| |
- | left:-340px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#hh a:hover span{
| |
- | left:-448px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#ii a:hover span{
| |
- | left:-556px;
| |
- | top:120px;
| |
- | }
| |
- | dl#cartoonmap dd#jj a:hover span{
| |
- | left:-664px;
| |
- | top:120px;
| |
- | }
| |
- |
| |
- | </style>
| |
- |
| |
- | <!--constant background bioreactors-->
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/e/e1/Alice_pic.jpg">
| |
- |
| |
- |
| |
- | <dl id="cartoonmap">
| |
- | <dt><img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></dt>
| |
- | <dd id="banner">
| |
- | <span><img src="/wiki/images/9/93/NYMU_Bannerinpic_700px.png" alt="Banner"></span>
| |
- | </dd>
| |
- |
| |
- |
| |
- | <dt>Small</dt>
| |
- | <dd id="aa"><a href="link">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/44/Jacob.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>Medium</dt>
| |
- | <dd id="bb"><a href="./Team:NYMU-Taipei/Project/Guanidine">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/f/f2/Thomas.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>Large</dt>
| |
- | <dd id="cc"><a href="./Team:NYMU-Taipei/Project/Phosphate">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>XLarge</dt>
| |
- | <dd id="ee"><a href="./Team:NYMU-Taipei/Project/Phosphate">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>XXLarge</dt>
| |
- | <dd id="ff"><a href="./Team:NYMU-Taipei/Project/Phosphate">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>XXXLarge</dt>
| |
- | <dd id="gg"><a href="./Team:NYMU-Taipei/Project/Phosphate">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>XXXXLarge</dt>
| |
- | <dd id="hh"><a href="./Team:NYMU-Taipei/Project/Phosphate">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>XXXXXLarge</dt>
| |
- | <dd id="ii"><a href="./Team:NYMU-Taipei/Project/Phosphate">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | <dt>XXXXXXLarge</dt>
| |
- | <dd id="jj"><a href="./Team:NYMU-Taipei/Project/Phosphate">
| |
- | <span>
| |
- | <img height=500px width=300px src="https://static.igem.org/mediawiki/2009/4/4c/Brendan.jpg"></span>
| |
- | </a></dd>
| |
- |
| |
- | </dl>
| |
- | </html>
| |
- |
| |
| | | |
| | | |