Template:Team:NCTU Formosa/header-human

From 2012.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 10: Line 10:
background: url(https://static.igem.org/mediawiki/2012/9/97/Qksign.png) no-repeat transparent center center;
background: url(https://static.igem.org/mediawiki/2012/9/97/Qksign.png) no-repeat transparent center center;
}
}
-
object {
+
iframe {
margin-left:20px;
margin-left:20px;
-
z-index:0;
 
}
}
.human-s-wrapper {
.human-s-wrapper {
Line 26: Line 25:
padding-top:5px;
padding-top:5px;
padding-bottom:10px;
padding-bottom:10px;
 +
}
 +
.human-s-wrapper a {
 +
color: #a46c00;
}
}
#human-s1-title {
#human-s1-title {
Line 42: Line 44:
width: 960px;
width: 960px;
height: 30px!important;
height: 30px!important;
-
background:url(https://static.igem.org/mediawiki/2012/e/ea/Subtitle-human3.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/b/b8/Subtitle-team3.png) transparent no-repeat;
margin-left: 5px;
margin-left: 5px;
}
}
Line 92: Line 94:
background:url(https://static.igem.org/mediawiki/2012/5/52/Subtitle-human2s2.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/5/52/Subtitle-human2s2.png) transparent no-repeat;
margin-left: 15px;
margin-left: 15px;
 +
}
 +
#human-s2-2-1-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/9/92/Subtitle-human2s2s1.png) transparent no-repeat;
 +
margin-left: 30px;
}
}
#human-s2-3-title {
#human-s2-3-title {
Line 207: Line 215:
border-radius: 10px;
border-radius: 10px;
margin:0 auto;
margin:0 auto;
 +
position:relative;
 +
}
 +
.imgcap {
 +
text-indent:0!important;
 +
margin:0!important;
 +
width:720px;
 +
position:parent;
 +
bottom:0;
 +
//text-align:center;
 +
font-size:11px!important;
 +
color:#fff!important;
 +
background: rgba(0, 0, 0, 0.25);
 +
-moz-border-radius-bottomright: 10px;
 +
-moz-border-radius-bottomleft: 10px;
 +
border-bottom-right-radius: 10px;
 +
border-bottom-left-radius: 10px;
 +
position:absolute;
 +
padding-bottom:5px;
 +
padding-top:2px;
 +
padding-left:20px;
 +
padding-right:20px;
 +
line-height:13px;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
.pimg:hover .imgcap {
 +
background: rgba(0, 0, 0, 0.5);
 +
}
 +
.imgcap b{
 +
margin-right:10px;
}
}
#human-s1-p1 {
#human-s1-p1 {
Line 219: Line 258:
float:left;
float:left;
margin-right:15px;
margin-right:15px;
 +
margin-bottom:15px;
 +
}
 +
#human-s3-p2 {
 +
width: 300px;
 +
height: 196px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/0/0a/Human-s3-p2.jpg) no-repeat;
 +
float:right;
 +
margin-left:15px;
margin-bottom:15px;
margin-bottom:15px;
}
}
Line 256: Line 303:
background:url(https://static.igem.org/mediawiki/2012/c/c0/Cooperationp1.png) no-repeat;
background:url(https://static.igem.org/mediawiki/2012/c/c0/Cooperationp1.png) no-repeat;
margin-right:15px;
margin-right:15px;
 +
}
 +
#psc-p1 {
 +
width: 289px;
 +
height: 217px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/c/cf/Human-s4-p1.jpg) no-repeat;
 +
margin-right:15px;
 +
}
 +
#survey-p1 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/6/64/Survey-p1.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
 +
}
 +
#survey-p2 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/d/d2/Survey-p2.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
 +
}
 +
#survey-p3 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/1/1e/Survey-p3.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
 +
}
 +
#survey-p4 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/54/Survey-p4.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
}
}
#toc {
#toc {
Line 269: Line 350:
width: 81px;
width: 81px;
display: block;
display: block;
-
color: #fff;
+
color: #333;
}
}
#submenu h1 {
#submenu h1 {
Line 305: Line 386:
#submenu3 h1 {
#submenu3 h1 {
background: #555 url(https://static.igem.org/mediawiki/2012/d/d5/Num3.png) no-repeat center center;
background: #555 url(https://static.igem.org/mediawiki/2012/d/d5/Num3.png) no-repeat center center;
-
}
 
-
#submenu4 h1 {
 
-
background: #555 url(https://static.igem.org/mediawiki/2012/5/52/Num4.png) no-repeat center center;
 
-
}
 
-
#submenu5 h1 {
 
-
background: #555 url(https://static.igem.org/mediawiki/2012/1/17/Num5.png) no-repeat center center;
 
}
}
#submenu h1:hover {
#submenu h1:hover {
Line 318: Line 393:
opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
 +
}
 +
#submenu a {
 +
  color:#333;
}
}
#submenu a:hover {
#submenu a:hover {
Line 353: Line 431:
           transition: height 0.5s ease;
           transition: height 0.5s ease;
}
}
-
#submenu1:hover p, #submenu2-1:hover p, #submenu2-5:hover p {
+
#submenu1:hover p, #submenu2-1:hover p, #submenu2-5:hover p, #submenu3:hover p {
height: 15px;
height: 15px;
}
}
Line 717: Line 795:
display:block!important;
display:block!important;
left:590px!important;
left:590px!important;
 +
top:-102px;
}
}
-
.vimg {
+
#m6s li a {
-
border-radius: 10px;
+
background:url(https://static.igem.org/mediawiki/2012/e/e0/Submenu-human-i.png) transparent no-repeat 0 0;
 +
}
 +
#myGallery { display: none;}
 +
 
 +
.gv_galleryWrap { position: relative; background: #222; font-size: 10pt;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
-
display: block;   margin-left: auto;  margin-right: auto;
+
border-radius: 10px;
-
margin-top:3px;
+
margin:0 auto;  }
-
margin-bottom:10px;
+
 
 +
/* GALLERY DIV */
 +
.gv_gallery { overflow: hidden; position: relative;}
 +
 
 +
.gv_imageStore { visibility: hidden; position: absolute; top: -10000px; left: -10000px; }
 +
 
 +
 
 +
/*************************************************/
 +
/**   PANEL STYLES **/
 +
/*************************************************/
 +
 
 +
.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }
 +
 
 +
.gv_panel-loading { background: url('https://static.igem.org/mediawiki/2012/d/d0/UTD_Img-loader.gif') 50% 50% no-repeat #aaa; }
 +
.gv_frame-loading { background: url('https://static.igem.org/mediawiki/2012/d/d0/UTD_Img-loader.gif') 50% 50% no-repeat #aaa; }
 +
 
 +
/* GALLERY PANELS */
 +
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; }
 +
.gv_panel img { position: absolute; }
 +
 
 +
.gv_overlay { position: absolute; background: #222; color: white; z-index: 200; }
 +
.gv_showOverlay {
 +
position: absolute;
 +
width: 20px;
 +
height: 20px;
 +
background: url('https://static.igem.org/mediawiki/2012/a/af/UTD_Info.png') #222;
 +
cursor: pointer;
 +
z-index: 200;
 +
}
 +
.gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
 +
.gv_overlay p { color: white; margin: 1em; }
 +
 
 +
.gv_infobar {
 +
background: #222;
 +
padding: 0 0.5em;
 +
line-height: 1.5em;
 +
height: 1.5em;
 +
font-size: 10pt;
 +
font-weight: bold;
 +
color: white;
 +
 +
position: absolute;
 +
bottom: 0;
 +
right: 0;
 +
display: none;
 +
vertical-align: middle;
 +
z-index: 2000;
 +
 +
}
 +
 
 +
 
 +
/*************************************************/
 +
/**  FILMSTRIP STYLES **/
 +
/*************************************************/
 +
 
 +
.gv_filmstripWrap { overflow: hidden; position: absolute; }
 +
 
 +
 
 +
/* FILMSTRIP */
 +
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
 +
 
 +
/* FILMSTRIP FRAMES (contains both images and captions) */
 +
.gv_frame {
 +
cursor: pointer;
 +
float: left;
 +
position: relative;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
/* WRAPPER FOR FILMSTRIP IMAGES */
 +
.gv_frame .gv_thumbnail { position: relative;overflow: hidden !important; }
 +
 
 +
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
 +
.gv_frame.current .gv_thumbnail {}
 +
 
 +
/* FRAME IMAGES */
 +
.gv_frame img { border: none; position: absolute; }
 +
 
 +
/* FRAME CAPTION */
 +
.gv_frame .gv_caption { height: 14px; line-height: 14px; font-size: 10px; text-align: center; color:white; }
 +
 
 +
/* CURRENT FRAME CAPTION */
 +
.gv_frame.current .gv_caption { }
 +
 
 +
/* POINTER FOR CURRENT FRAME */
 +
.gv_pointer {
 +
border-color: black;
 +
}
 +
 
 +
/* NAVIGATION BUTTONS */
 +
.gv_navWrap {
 +
text-align: center;
 +
position: absolute;
 +
}
 +
.gv_navPlay,
 +
.gv_navPause,
 +
.gv_navNext,
 +
.gv_navPrev {
 +
 +
opacity: 0.3;
 +
-moz-opacity: 0.3;
 +
-khtml-opacity: 0.3;
 +
filter:alpha(opacity=30);
 +
display:-moz-inline-stack;
 +
display:inline-block;
 +
zoom:1;
 +
*display:inline;
 +
vertical-align: middle;
 +
}
 +
.gv_navPlay:hover,
 +
.gv_navPause:hover,
 +
.gv_navNext:hover,
 +
.gv_navPrev:hover {
 +
opacity: 0.8;
 +
-moz-opacity: 0.8;
 +
-khtml-opacity: 0.8;
 +
filter:alpha(opacity=80);
 +
}
 +
 
 +
.gv_panelNavPrev,
 +
.gv_panelNavNext {
 +
position: absolute;
 +
display: none;
 +
opacity: 0.50;
 +
-moz-opacity: 0.50;
 +
-khtml-opacity: 0.50;
 +
filter:alpha(opacity=50);
 +
z-index: 200;
 +
}
 +
 
 +
.gv_panelNavPrev:hover,
 +
.gv_panelNavNext:hover {
 +
opacity: 0.9;
 +
-moz-opacity: 0.9;
 +
-khtml-opacity: 0.9;
 +
filter:alpha(opacity=90);
 +
}
 +
 
 +
.gv_navPlay {
 +
height: 30px;
 +
width: 30px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/f/ff/UTD_Play-big.png') top left no-repeat;
 +
}
 +
.gv_navPause {
 +
height: 30px;
 +
width: 30px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/5/50/UTD_Pause-big.png') top left no-repeat;
 +
}
 +
.gv_navNext {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/a/af/UTD_Next.png') top left no-repeat;
 +
}
 +
.gv_navPrev {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/d/da/UTD_Prev.png') top right no-repeat;
 +
}
 +
.gv_panelNavNext {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/a/af/UTD_Next.png') top left no-repeat;
 +
}
 +
.gv_panelNavPrev {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/d/da/UTD_Prev.png') top right no-repeat;
}
}
</style>
</style>
Line 753: Line 1,009:
});
});
});
});
 +
$(function(){
 +
$('#myGallery').galleryView();
 +
});
</script>
</script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/lightbox?action=raw"></script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/lightbox?action=raw"></script>
 +
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/jgal?action=raw"></script>
 +
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/jgale?action=raw"></script>
 +
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/jgalt?action=raw"></script>
</head>
</head>
<body>
<body>
Line 760: Line 1,022:
<div id="header">
<div id="header">
   <div id="title">
   <div id="title">
-
     <p>NCTU_Formosa</p>
+
<div id="tmenu">
 +
<ul>
 +
<li class="m1"><a href="https://2012.igem.org" title="iGEM 2012">iGEM 2012</a></li>
 +
<li class="m2"><a href="https://igem.org/Team.cgi?year=2012&team_name=NCTU_Formosa" title="Official Team Profile">Official Team Profile</a></li>
 +
     <span><p>NCTU_Formosa</p></span>
 +
</ul>
 +
</div>
   </div>
   </div>
   <div id="menu">
   <div id="menu">
Line 767: Line 1,035:
       <li class="m2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="link">Project</a>
       <li class="m2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="link">Project</a>
<ul id="m2s" class="ms">
<ul id="m2s" class="ms">
-
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub1">Introduction</a></li>
+
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project">Introduction</a></li>
-
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub2">Project Details</a></li>
+
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub2">Project Details</a></li>
-
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub3">Conclusion</a></li>
+
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub3">Conclusion</a></li>
-
<li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub4">Optimization</a></li>
+
<li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub4">Optimization</a></li>
-
<li class="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub5">Future Works</a></li>
+
<li class="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub5">Future Works</a></li>
</ul>
</ul>
</li>
</li>
 +
      <li class="m8"><a href="https://2012.igem.org/Team:NCTU_Formosa/Modeling" title="Modeling" class="link">Modeling</a></li>
       <li class="m3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team" title="Team" class="link">Team</a>
       <li class="m3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team" title="Team" class="link">Team</a>
<ul id="m3s" class="ms">
<ul id="m3s" class="ms">
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub1">Members & Advisors</a></li>
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub1">Members & Advisors</a></li>
-
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub2">Gallery</a></li>
+
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub2">Host Lab</a></li>
-
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub3">Notes</a></li>
+
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub3">Gallery</a></li>
 +
<li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub4">Notes</a></li>
</ul>
</ul>
</li>
</li>
Line 785: Line 1,055:
       <li class="m6 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice" title="Human Practice" class="current">Human Practice</a>
       <li class="m6 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice" title="Human Practice" class="current">Human Practice</a>
<ul id="m6s" class="ms">
<ul id="m6s" class="ms">
-
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub1">Introduction</a></li>
 
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-1">Bio-camp</a></li>
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-1">Bio-camp</a></li>
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-2">iGEM Cooperation</a></li>
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-2">iGEM Cooperation</a></li>
Line 792: Line 1,061:
<li class="ms6"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-5">Surveys</a></li>
<li class="ms6"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-5">Surveys</a></li>
<li class="ms7"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-6">L-shaped Folders</a></li>
<li class="ms7"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-6">L-shaped Folders</a></li>
 +
<li class="ms8"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub3">Gallery</a></li>
</ul>
</ul>
</li>
</li>
-
      <li class="m7"><a href="https://igem.org/Team.cgi?year=2012&team_name=NCTU_Formosa" title="Official Team Profile" class="link">Official Team Profile</a></li>
 
     </ul>
     </ul>
   </div>
   </div>
</div>
</div>
</div>
</div>

Latest revision as of 17:30, 26 October 2012

Retrieved from "http://2012.igem.org/Template:Team:NCTU_Formosa/header-human"