Difference between revisions of "Template:KoreaSonyeodul"

 
(65 intermediate revisions by 2 users not shown)
Line 41: Line 41:
  
 
  <!--navigation-->
 
  <!--navigation-->
.navigation {width: 1000px; margin: auto;}
+
.navigation {margin:0;
.navigationBackground {width:100%; height: 60px; background: rgba(255,255,255,0.2); position: fixed; top: 25px; left:0; right:0; z-index:999}
+
padding:0;
 +
list-style-type:none;}
 +
/*메뉴바 움직일때*/
 +
.navigationBackground {width:30px; height: 100%; background: rgba(255,255,255,0.2); position: relative; top:0; left:91%; left:0; z-index:999}
 
       .navigation ul {
 
       .navigation ul {
 
z-index:1000;
 
z-index:1000;
 +
/*메뉴 바 위에 아래 움직일때*/
 
       position: fixed;
 
       position: fixed;
top: 25px;
+
top: 15%;
 
       list-style:none;
 
       list-style:none;
 
       }
 
       }
Line 57: Line 61:
 
       }
 
       }
 
       .navigation ul li {list-style: none;}
 
       .navigation ul li {list-style: none;}
       .navigation li a:hover {background-color: #eeeeee}
+
       .navigation li a:hover {}
 
       .navigation ul:after {content:"";
 
       .navigation ul:after {content:"";
 
       display: block;
 
       display: block;
 
       clear: both}
 
       clear: both}
       .navigation li {float: left;
+
/*메뉴바 내부 조정할때*/
      width: auto;
+
       .navigation li {display:block;
      margin-left: 10px;
+
width:0px;/*이미지크그에 맞게 가로 세로 정한다*/
      position: relative;
+
height:5%;
 +
line-height:12px;
 +
text-decoration:none;
 +
text-indent:50px;
 
       }
 
       }
 
       .navigation ul ul {display: none;
 
       .navigation ul ul {display: none;
Line 70: Line 77:
  
 
       }
 
       }
 +
 +
/*메뉴바 내부 조정할때 2*/
 
       .navigation>ul>li:hover ul{
 
       .navigation>ul>li:hover ul{
 
       display:block; width:auto; height:auto; color: #ffffff;
 
       display:block; width:auto; height:auto; color: #ffffff;
       position: absolute; left:0; top:30px; list-style: none;
+
       position: relative; left:8px; top:-12px; list-style: none;
  
 
       }
 
       }
 +
/*메뉴바 정렬할때*/
 
       .navigation li li a {float: left; }
 
       .navigation li li a {float: left; }
       .navigation li li{width:auto; height:auto; background-color:none; text-align:center;}
+
       .navigation li li{width:auto; height:auto; background-color:none; text-align:right;}
  
 
       body{
 
       body{
Line 87: Line 97:
  
 
</style>
 
</style>
 
+
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300" rel="stylesheet">
  
 
<meta name= "viewport" content = "initial-scale=1.0, width= device-width">
 
<meta name= "viewport" content = "initial-scale=1.0, width= device-width">
Line 119: Line 129:
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Parts"><img src="https://static.igem.org/mediawiki/2016/0/0f/Molecule.png" width="30" height="30" align="middle"></a>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Parts"><img src="https://static.igem.org/mediawiki/2016/0/0f/Molecule.png" width="30" height="30" align="middle"></a>
 
<ul>
 
<ul>
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Parts">COLLABORATIONS</a></li>
 
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Basic_Part">BASIC</a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Basic_Part">BASIC</a></li>
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Composite_Part">COMPOSITE</a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Part_Collection">COLLECTION</a></li>
 
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 129: Line 136:
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Attributions"><img src="https://static.igem.org/mediawiki/2016/e/e0/Attribution.png" width="30" height="30" align="middle"></a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Attributions"><img src="https://static.igem.org/mediawiki/2016/e/e0/Attribution.png" width="30" height="30" align="middle"></a></li>
  
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Human_Practices"><img src="https://static.igem.org/mediawiki/2016/6/69/Two-stick-man-variants-shaking-hands.png" width="30" height="30" align="middle"></a>
+
<li><a href=""><img src="https://static.igem.org/mediawiki/2016/6/69/Two-stick-man-variants-shaking-hands.png" width="30" height="30" align="middle"></a>
 
<ul>
 
<ul>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Public_Outreach">PUBLIC&nbsp;OUTREACH</a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Public_Outreach">PUBLIC&nbsp;OUTREACH</a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Ethics">ETHICS</a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Ethics">ETHICS</a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaboration">COLLABORATION</a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaboration">COLLABORATION</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Integrated_Practices">INTEGRATED&nbsp;PRACTICES</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
 
+
<li><a href=""><img src="https://static.igem.org/mediawiki/2016/b/b7/Medal.png" width="30" height="30" align="middle"></a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/HP/Gold">Gold&nbsp;Medal</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/HP/Silver">Silver&nbsp;Medal</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Engagement"><img src="https://static.igem.org/mediawiki/2016/3/3e/Earth-globe.png" width="30" height="30" align="middle"></a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Entrepreneurship"><img src="https://static.igem.org/mediawiki/2016/5/54/Promoting.png"width="30" height="30" align="middle"></a></li>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Credits"><img src="https://static.igem.org/mediawiki/2016/4/44/Creative-commons.png" width="30" height="30" align="middle"></a>
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Credits"><img src="https://static.igem.org/mediawiki/2016/4/44/Creative-commons.png" width="30" height="30" align="middle"></a>
 
</li>
 
</li>
 +
 
</nav>
 
</nav>
 
</div>
 
</div>

Latest revision as of 16:03, 16 October 2016