Difference between revisions of "Template:KoreaSonyeodul"

 
(228 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
<style type="text/css">
 
<style type="text/css">
  
#contentSub, #footer-box, #catlinks, #search-controls, #sideMenu, #top_title,
+
#contentSub, #footer-box, #catlinks, #search-controls, #sideMenu, #top_title,#table,
 
#HQ_page_logo, .printfooter, .firstHeading, .visualClear {
 
#HQ_page_logo, .printfooter, .firstHeading, .visualClear {
 
display: none;
 
display: none;
 
}
 
}
#content {
+
#wrapper {width: 25%; margin: auto;}
width: 80%;
+
#top-section {
background-color: rgba(255, 255, 255, 0.0);
+
border: 0 none;
}
+
height: 10px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#globalWrapper, #content {
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0;
 +
padding: 0px;
 +
font-size: 100%;
 +
}
 +
* {margin:0; padding:0;}
 +
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
 
 
<head>
 
<head>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
 
 
<style type="text/css">
 
<style type="text/css">
.mw-body {width: 90%;}
 
.navigation {float: right;}
 
  
.navigation ul {margin-left: 0;
+
<!--navigation-->
padding:0;
+
.navigation {margin:0;
list-style:none;
+
padding:0;
}
+
list-style-type:none;}
.navigation li a {display: block;
+
/*메뉴바 움직일때*/
padding: 5px;
+
.navigationBackground {width:30px; height: 100%; background: rgba(255,255,255,0.2); position: relative; top:0; left:91%; left:0; z-index:999}
color: #ffffff;
+
      .navigation ul {
font-size: 24px
+
z-index:1000;
text-decoration: none}
+
/*메뉴 바 위에 아래 움직일때*/
.navigation li a:hover {background-color: #eeeeee}
+
      position: fixed;
.navigation ul:after {content:"";
+
top: 15%;
display: block;
+
      list-style:none;
clear: both}
+
      }
.navigation li {float: right;
+
      .navigation li a {display: block;
width: auto}
+
      padding: 10px;
 +
      color: #ffffff;
 +
      font-size: 20px;
 +
      text-decoration: none;
 +
text-shadow: 1px 1px 10px gray;
 +
      }
 +
      .navigation ul li {list-style: none;}
 +
      .navigation li a:hover {}
 +
      .navigation ul:after {content:"";
 +
      display: block;
 +
      clear: both}
 +
/*메뉴바 내부 조정할때*/
 +
      .navigation li {display:block;
 +
width:0px;/*이미지크그에 맞게 가로 세로 정한다*/
 +
height:5%;
 +
line-height:12px;
 +
text-decoration:none;
 +
text-indent:50px;
 +
      }
 +
      .navigation ul ul {display: none;
 +
 
 +
 
 +
      }
 +
 
 +
/*메뉴바 내부 조정할때 2*/
 +
      .navigation>ul>li:hover ul{
 +
      display:block; width:auto; height:auto; color: #ffffff;
 +
      position: relative; left:8px; top:-12px; list-style: none;
 +
 
 +
      }
 +
/*메뉴바 정렬할때*/
 +
      .navigation li li a {float: left; }
 +
      .navigation li li{width:auto; height:auto; background-color:none; text-align:right;}
 +
 
 +
      body{
 +
      margin: 0;
 +
      background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png');
 +
      background-size: 100%;
 +
      background-repeat: no-repeat;
 +
      background-attachment: top;
 +
      }
  
 
</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">
 
</head>
 
</head>
 
<body>
 
<body>
<div class="box2">
+
<div class="navigationBackground">
 +
<!--navigation url-->
 +
<div id="wrapper">
 
<nav class="navigation">
 
<nav class="navigation">
 
<ul>
 
<ul>
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul">MENU</a></li>
+
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul"><img src="https://static.igem.org/mediawiki/2016/a/ab/Home-icon-silhouette.png" width="30" height="30" align="middle"></a></li>
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Team">TEAM</a></li>
+
 
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaborations">TEAM Collaborations</a></li>
+
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Team"><img src="https://static.igem.org/mediawiki/2016/c/c0/Networking.png" width="30" height="30" align="middle"></a>
<li><a href="">PROJECT</a></li>
+
<ul>
<li><a href="">PARTS</a></li>
+
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaborations">COLLABORATIONS</a></li>
<li><a href="">SAFETY</a></li>
+
<li><a href="">ATTRIBUTIONS</a></li>
+
<li><a href="">HUMAN PRACTICES</a></li>
+
<li><a href="">AWARDS</a></li>
+
 
</ul>
 
</ul>
 +
</li>
 +
 +
<li><a href=""><img src="https://static.igem.org/mediawiki/2016/5/5a/Businessman-in-apresentation-with-a-graphic-on-a-board_%281%29.png" width="30" height="30" align="middle"></a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Description">COLLABORATIONS</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Design">DESIGN</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Experiments">EXPERIMENTS</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Proof">PROOF</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Demonstrate">DEMONSTRATE</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Results">RESULTS</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Notebook">NOTEBOOK</a></li>
 +
</ul>
 +
</li>
 +
 +
<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>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Basic_Part">BASIC</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Safety"><img src="https://static.igem.org/mediawiki/2016/0/0b/Safe-shield-protection.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=""><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>
 +
<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/Collaboration">COLLABORATION</a></li>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Integrated_Practices">INTEGRATED&nbsp;PRACTICES</a></li>
 +
</ul>
 +
</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>
 +
 
</nav>
 
</nav>
 +
</div>
 
</div>
 
</div>
  
<div class="description">
 
  
</div>
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 16:03, 16 October 2016