Difference between revisions of "Template:TCU Taiwan/CSS"

(Blanked the page)
Line 1: Line 1:
<html>
 
<head>
 
<style>
 
#contentSub, #footer-box, #catlinks, #search-controls,
 
#p-logo, .printfooter, .firstHeading, .visualClear {
 
display: none;
 
}
 
        #top-section {
 
border: 0 none;
 
height: 14px;
 
z-index: 200;
 
top: 0;
 
position: relative;
 
width: 975px;
 
left: 50%;
 
margin-left: -487px;
 
}
 
#globalWrapper, #content {
 
width: 100%;
 
height: 100%;
 
border: 0px;
 
background-color: transparent;
 
margin: 0px;
 
padding: 0px;
 
font-size: 100%;
 
}
 
html, body, .wrapper {
 
width: 100%;
 
height: 100%;
 
background-color: transparent;
 
}
 
  
        header,section, article{
 
        display: block;
 
      }
 
      header,section, article{
 
        color: white;
 
      }
 
      section, article{
 
        color: black;
 
      }
 
      header{
 
        text-align: center;
 
        width: 100%;
 
height:10%;
 
      }
 
      header {
 
background:rgba(236,236,231,0.9);
 
        top:2%;
 
        position: fixed;
 
        z-index: 200;
 
        font-size: 12px;
 
        display:inline;
 
 
      }
 
      section {
 
        width: 90%;
 
        background-color: white;
 
        padding: 20px;
 
        margin: 20px;
 
      }
 
 
 
#a {
 
}
 
#a li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:10%;
 
   }
 
#a li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
 
#a div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
margin-left:0%;
 
margin-right:0%;
 
 
padding: 0;
 
background:#39919F;
 
}
 
#a div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
 
 
#bb {
 
}
 
#bb li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:8%;
 
   }
 
#bb li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#bb li a:hover{
 
background:#39919F;
 
color: #FFF;
 
 
}
 
#bb div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background:#39919F;
 
}
 
#bb div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#bb div a:hover
 
{ background: #39919F;
 
color: #FFF;
 
}
 
 
 
#c {
 
}
 
#c li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:6.6%;
 
   }
 
#c li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#c li a:hover{
 
background:#39919F;
 
color: #FFF;
 
 
}
 
#c div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background:#39919F;
 
}
 
#c div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#c div a:hover
 
{ background: #2E87D5;
 
color: #FFF;
 
}
 
 
#d {
 
}
 
#d li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:6.2%;
 
   }
 
#d li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#d li a:hover{
 
background: #39919F;
 
color: #FFF;
 
 
}
 
#d div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background: #39919F;
 
}
 
#d div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#d div a:hover
 
{ background:#C4821F;
 
color: #FFF;
 
}
 
 
#e {
 
}
 
#e li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:6.3%;
 
   }
 
#e li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#e li a:hover{
 
background: #39919F;
 
color: #FFF;
 
 
}
 
#e div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background:#39919F;
 
}
 
#e div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#e div a:hover
 
{ background: #B62B59;
 
color: #FFF;
 
}
 
 
 
#f {
 
}
 
#f li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:7.1%;
 
   }
 
#f li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#f li a:hover{
 
background: #39919F;
 
color: #FFF;
 
 
}
 
#f div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background:#39919F;
 
}
 
#f div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#f div a:hover
 
{ background: #00A156;
 
color: #FFF;
 
}
 
 
 
#g {
 
}
 
#g li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:6.5%;
 
   }
 
#g li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#g li a:hover{
 
background:#39919F;
 
color: #FFF;
 
 
}
 
#g div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background:#39919F;
 
}
 
#g div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#g div a:hover
 
{ background: #C4B783;
 
color: #FFF;
 
}
 
 
#h {
 
}
 
#h li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:7.1%;
 
   }
 
#h li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#h li a:hover{
 
background: #39919F;
 
color: #FFF;
 
 
}
 
#h div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background:#39919F;
 
}
 
#h div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#h div a:hover
 
{ background: #2EC0E5;
 
color: #FFF;
 
}
 
 
#i {
 
}
 
#i li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:7.6%;
 
   }
 
#i li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#i li a:hover{
 
background: #39919F;
 
color: #FFF;
 
 
}
 
#i div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background: #39919F;
 
}
 
#i div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#i div a:hover
 
{ background: #422BB5;
 
color: #FFF;
 
}
 
 
#j {
 
}
 
#j li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:5.7%;
 
   }
 
#j li a {
 
float: left;
 
font-size: 20px;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#j li a:hover{
 
background: #39919F;
 
color: #FFF;
 
 
}
 
#j div
 
{
 
position: absolute;
 
visibility: hidden;
 
margin-top:5%;
 
padding: 0;
 
background: #39919F;
 
}
 
#j div a
 
{ position: relative;
 
display: block;
 
margin: 0;
 
padding: 3px 7px;
 
width:auto;
 
white-space: nowrap;
 
text-align: left;
 
text-decoration: none;
 
background: #39919F;
 
color: #FFF;
 
font-size:15px;
 
font-family:Calibri;
 
font-weight:300;
 
}
 
#j div a:hover
 
{ background: #000000;
 
color: #FFF;
 
}
 
 
 
#k {
 
}
 
#k li {
 
list-style-type:none;
 
text-align:left;
 
letter-spacing: 1px;
 
float: left;
 
width:3%;
 
   }
 
#k li a {
 
float: left;
 
font-size: 20px;
 
padding-left:2%;
 
padding-bottom:0px;
 
color: #000;
 
text-decoration:none;
 
   }
 
#form {
 
        position:static;
 
width:100%;
 
z-index:1;
 
        overflow:visible;
 
        display: inline-block;
 
}
 
.gg a:link img {
 
 
opacity: .6;
 
 
filter: Alpha(Opacity=60);
 
 
}
 
 
.gg a:visited img {
 
 
opacity: .6;
 
 
filter: Alpha(Opacity=60);
 
 
}
 
 
.gg a:hover img {
 
 
opacity: 1;
 
 
filter: Alpha(Opacity=100);
 
 
}
 
 
 
 
</style>
 
<!-- dd menu -->
 
<script type="text/javascript">
 
<!--
 
var timeout = 100;
 
var closetimer = 10;
 
var ddmenuitem = 0;
 
// open hidden layer
 
function mopen(id)
 
{
 
// cancel close timer
 
mcancelclosetime();
 
// close old layer
 
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 
// get new layer and show it
 
ddmenuitem = document.getElementById(id);
 
ddmenuitem.style.visibility = 'visible';
 
}
 
// close showed layer
 
function mclose()
 
{
 
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 
}
 
// go close timer
 
function mclosetime()
 
{
 
closetimer = window.setTimeout(mclose, timeout);
 
}
 
// cancel close timer
 
function mcancelclosetime()
 
{
 
if(closetimer)
 
{
 
window.clearTimeout(closetimer);
 
closetimer = null;
 
}
 
}
 
// close layer when click-out
 
document.onclick = mclose;
 
// -->
 
</script>
 
</head>
 
<body >
 
<header>
 
<div class="gg">
 
<div id="form" style="background-color:rgba(236,236,231,0.6); overflow-x:hidden;overflow-y:hidden; ">
 
    <table width="100%" border="0" style="background-color: rgba(236,236,231,0.6)">
 
  <tr>
 
    <td>
 
<div id="a">
 
  <li>
 
 
</li>
 
</div>
 
<div id="a">
 
  <li>
 
<a target="_new" href="https://www.igem.org/"><img src="https://static.igem.org/mediawiki/2015/9/96/2015TCU_TaiwanLogo_01.jpg" name="Image1" width=100%  border="0" id="Image1" /></a>
 
</li>
 
</div>
 
<div id="bb">
 
<li>
 
<a target="_self" href="https://2015.igem.org/Team:TCU_Taiwan"><img src="https://static.igem.org/mediawiki/2015/1/1e/2015TCU_TaiwanLogo_02.jpg" name="Image2" width=100%  border="0" id="Image2" /></a>
 
 
</li>
 
</div>
 
<div id="c">
 
<li>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Team" onmouseover="mopen('m1')" onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/6/62/2015TCU_TaiwanLogo_03.jpg" name="Image3" width=100%  border="0" id="Image3" /></a>
 
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Team/Members">Members</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Team/Instructor">Instructors</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Attributions">Attributions</a>
 
</div>
 
</li>
 
</div>
 
<div id="d">
 
<li>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project"
 
onmouseover="mopen('m2')"
 
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/6/6d/2015TCU_TaiwanLogo_04.jpg" name="Image4" width=100%  border="0" id="Image4" /></a>
 
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Description">Overview</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project/Our Design">Antimicrobial Peptides</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project/Experimental">Signal Peptide</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Project/Reference">Medical Dressing</a>
 
</div>
 
</li>
 
</div>
 
<div id="e">
 
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Part"
 
onmouseover="mopen('m6')"
 
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/9/98/2015TCU_TaiwanLogo_05.jpg" name="Image5" width=100%  border="0" id="Image5" /></a>
 
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Basic_Part">Basic Part </a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Composite_Part">Composite Part</a>
 
</div>
 
    </li>
 
</div> 
 
<div id="f">
 
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Model"
 
onmouseover="mopen('m4')"
 
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/4/46/2015TCU_TaiwanLogo_06.jpg" name="Image6" width=100% border="0" id="Image6" />
 
<div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Modeling/Protein structure">Protein structure </a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Modeling">Modeling</a>
 
</div>
 
    </li>
 
  </div>
 
  <div id="g">
 
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Safety"
 
onmouseover="mopen('m5')"
 
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/1/14/2015TCU_TaiwanLogo_07.jpg" name="Image7" width=100%  border="0" id="Image7" /></a>
 
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Safety/overview">Overview</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Safety/Laboratory">Laboratory Practices</a>
 
</div>
 
    </li>
 
    </div>
 
    <div id="h">
 
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Results"
 
onmouseover="mopen('m3')"
 
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/2/21/2015TCU_TaiwanLogo_08.jpg" name="Image8" width=100%  border="0" id="Image8" /></a>
 
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Result/vitro">Peptides production</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Result/Macro-dilution">Disinfection efficiency</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Result/Peptides">Cell experiments</a>
 
</div>
 
    </li>
 
  </div>
 
<div id="i">
 
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/HumanPractices"
 
onmouseover="mopen('m7')"
 
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/0/00/2015TCU_TaiwanLogo_09.jpg" name="Image9" width=100%  border="0" id="Image9" /></a>
 
<div id="m7" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Practices">Human Practices</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Collaborations">Collaborations</a>
 
</div>
 
    </li>
 
    </div>
 
    <div id="j">
 
    <li><a href="https://2015.igem.org/Team:TCU_Taiwan/Notebook"
 
onmouseover="mopen('m8')"
 
onmouseout="mclosetime()"><img src="https://static.igem.org/mediawiki/2015/b/b3/2015TCU_TaiwanLogo_10.jpg" name="Image10" width=100%  border="0" id="Image10" /></a>
 
<div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Notebook/Life">Life</a>
 
<a href="https://2015.igem.org/Team:TCU_Taiwan/Notebook/Lab">Lab</a>
 
</div>
 
    </li>
 
  </div>
 
 
<div id="k">
 
    <li><a target="_new" href="https://www.facebook.com/TCUiGEM"><img src="https://static.igem.org/mediawiki/2015/3/39/2015_tcu_taiwan_Igem_FB.png" name="Image11" width=100% border="0" id="Image11" /></a>
 
 
    </li>
 
  </div>
 
 
 
</td>
 
  </tr>
 
</table>
 
</div>
 
</div>
 
</header>
 
</body>
 
</html>
 

Revision as of 07:10, 27 June 2016