m |
|||
(256 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 { | ||
+ | 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> | ||
+ | <style type="text/css"> | ||
+ | |||
+ | <!--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"> | ||
+ | |||
+ | <meta name= "viewport" content = "initial-scale=1.0, width= device-width"> | ||
+ | </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 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 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 Medal</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:KoreaSonyeodul/HP/Silver">Silver 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> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> |
Latest revision as of 16:03, 16 October 2016