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 11:03, 28 June 2016