Difference between revisions of "Template:KoreaSonyeodul"

 
(263 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;
 
}
 
}
 
+
#wrapper {width: 25%; margin: auto;}
 
#top-section {
 
#top-section {
 
border: 0 none;
 
border: 0 none;
height: 14px;
+
height: 10px;
 
z-index: 100;
 
z-index: 100;
 
top: 0;
 
top: 0;
Line 19: Line 19:
 
margin-left: -487px;
 
margin-left: -487px;
 
}
 
}
+
 
#globalWrapper, #content {
+
#globalWrapper, #content {
 
width: 100%;
 
width: 100%;
 
height: 100%;
 
height: 100%;
 
border: 0px;
 
border: 0px;
 
background-color: transparent;
 
background-color: transparent;
margin: 0px;
+
margin: 0;
 
padding: 0px;
 
padding: 0px;
 
font-size: 100%;
 
font-size: 100%;
 
}
 
}
+
* {margin:0; padding:0;}
 
html, body, .wrapper {
 
html, body, .wrapper {
 
width: 100%;
 
width: 100%;
Line 36: Line 36:
 
}
 
}
  
.navbar {
+
 
margin: 0 auto;
+
<head>
margin-top: 1em;
+
<style type="text/css">
padding: 1em;
+
 
border-radius: 10px;
+
<!--navigation-->
}
+
.navigation {margin:0;
 +
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 {
 +
z-index:1000;
 +
/*메뉴 바 위에 아래 움직일때*/
 +
      position: fixed;
 +
top: 15%;
 +
      list-style:none;
 +
      }
 +
      .navigation li a {display: block;
 +
      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">
  
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
+
<meta name= "viewport" content = "initial-scale=1.0, width= device-width">
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/stylesheet.css?action=raw&ctype=text/css" type="text/css">
+
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
+
 
</head>
 
</head>
 +
<body>
 +
<div class="navigationBackground">
 +
<!--navigation url-->
 +
<div id="wrapper">
 +
<nav class="navigation">
 +
<ul>
 +
<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"><img src="https://static.igem.org/mediawiki/2016/c/c0/Networking.png" width="30" height="30" align="middle"></a>
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:KoreaSonyeodul/Collaborations">COLLABORATIONS</a></li>
 +
</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>
 +
</div>
 +
</div>
 +
 +
  
<header>
+
</body>
    <div class= "navbar navbar-default navbar-fixed-top">
+
        <div class="text-center col-sm-12" id="navigation">
+
            <nav>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki" id="home">Main</a>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki/Team">Team</a>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki/Business">Business</a>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki/Research">Research</a>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki/Modeling">Modeling</a>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki/Cooperation">Cooperation</a>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki/Outreach">Outreach</a>
+
                <a href="https://2014.igem.org/Team:Aalto-Helsinki/Journal">Journal</a>
+
            </nav>
+
        </div>
+
    </div>
+
</header>
+
  
 
</html>
 
</html>

Latest revision as of 16:03, 16 October 2016