Difference between revisions of "Template:Elan Vital Korea/Templates/Header"
(14 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<head> | <head> | ||
− | <link rel="stylesheet" href="https:// | + | <link rel="stylesheet" href="https://2015.igem.org/Team:Elan_Vital_Korea/style?action=raw&ctype=text/css" type="text/css" /> |
+ | <script src="https://2015.igem.org/Team:Elan_Vital_Korea/jquery?action=raw&ctype=text/javascript" type="text/javascript" ></script> | ||
+ | <script src="https://2015.igem.org/Team:Elan_Vital_Korea/stepcarousel?action=raw&ctype=text/javascript" type="text/javascript" ></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
stepcarousel.setup({ | stepcarousel.setup({ | ||
Line 14: | Line 16: | ||
</script> | </script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
− | + | ||
function moveStep() | function moveStep() | ||
{ | { | ||
Line 40: | Line 42: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | /*header*/ | ||
+ | html, body { width:100%; height: 100%; background-color: #fff; border:0; margin:0; padding:0; font:Verdana, Helvetica, sans-serif; } | ||
+ | div, h1, h2, h3, h4, h5, table, th, td, p, ul, li, nav, img { border:0; margin:0; padding:0; list-style:none; } | ||
+ | |||
+ | |||
+ | h1, h2, h3, h4, h5 { | ||
+ | font-weight:bold; border-bottom:none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* WIKI SETTINGS*/ | ||
+ | |||
+ | /* Hide first heading */ | ||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Remove borders, float content left and remove padding/margin */ | ||
+ | #globalWrapper, #content{ | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | margin:0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #content { | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | .gnb { | ||
+ | width:100%; | ||
+ | position:fixed; | ||
+ | background:url(https://static.igem.org/mediawiki/2015/5/5e/NCtopmenu_bg.png) repeat-x; | ||
+ | height:85px; | ||
+ | z-index:9999; | ||
+ | } | ||
+ | .gnb .default { | ||
+ | width:980px; | ||
+ | margin:0 auto; | ||
+ | font-size:14px; | ||
+ | font-family: Verdana, Helvetica, sans-serif; | ||
+ | } | ||
+ | .gnb_on, .gnb .default ul a:hover { | ||
+ | color:#5ab9cc; | ||
+ | } | ||
+ | .gnb_off, .gnb a { | ||
+ | color:#585858; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .gnb .default ul { | ||
+ | padding-top:40px; | ||
+ | } | ||
+ | .gnb .default ul li { | ||
+ | display:inline-block; | ||
+ | margin-left:20px; | ||
+ | height:40px; | ||
+ | } | ||
+ | .m-10 { | ||
+ | margin-top:-10px; | ||
+ | } | ||
+ | .m-40 { | ||
+ | margin-top:-40px; | ||
+ | } | ||
+ | .m0 { | ||
+ | margin-top:0; | ||
+ | } | ||
+ | .m10 { | ||
+ | margin-top:10px; | ||
+ | } | ||
+ | .m20 { | ||
+ | margin-top:20px; | ||
+ | } | ||
+ | .m30 { | ||
+ | margin-top:30px; | ||
+ | } | ||
+ | .m40 { | ||
+ | margin-top:40px; | ||
+ | } | ||
+ | .m50 { | ||
+ | margin-top:50px; | ||
+ | } | ||
+ | .m80 { | ||
+ | margin-top:80px; | ||
+ | } | ||
+ | .mb10 { | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | .ml5 { | ||
+ | margin-left:5px; | ||
+ | } | ||
+ | .ml10 { | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | .ml40 { | ||
+ | margin-left:50px; | ||
+ | } | ||
+ | .ml50 { | ||
+ | margin-left:50px; | ||
+ | } | ||
+ | .ml60 { | ||
+ | margin-left:60px; | ||
+ | } | ||
+ | .ml160 { | ||
+ | margin-left:160px; | ||
+ | } | ||
+ | .ml350 { | ||
+ | margin-left:350px; | ||
+ | } | ||
+ | .mr0 { | ||
+ | margin-right:0; | ||
+ | } | ||
+ | .p10 { | ||
+ | padding:10px; | ||
+ | } | ||
+ | .p15 { | ||
+ | padding:15px; | ||
+ | } | ||
+ | .pl5 { | ||
+ | padding-left:5px; | ||
+ | } | ||
+ | .pl20 { | ||
+ | padding-left:20px; | ||
+ | } | ||
+ | .pl30 { | ||
+ | padding-left:30px; | ||
+ | } | ||
+ | .pl40 { | ||
+ | padding-left:40px; | ||
+ | } | ||
+ | .pl50 { | ||
+ | padding-left:50px; | ||
+ | } | ||
+ | .pl960 { | ||
+ | padding-left:px; | ||
+ | } | ||
+ | .pt20 { | ||
+ | padding-top:20px; | ||
+ | } | ||
+ | .pt40 { | ||
+ | padding-top:40px; | ||
+ | } | ||
+ | .pt80 { | ||
+ | padding-top:80px; | ||
+ | } | ||
+ | .pb40 { | ||
+ | padding-bottom:40px; | ||
+ | } | ||
+ | .align-c { | ||
+ | text-align:center | ||
+ | } | ||
+ | .align-r { | ||
+ | text-align:right; | ||
+ | } | ||
+ | .align-l { | ||
+ | text-align:left; | ||
+ | } | ||
+ | .mar-c { | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | .txt-i { | ||
+ | font-style:italic; | ||
+ | } | ||
+ | .txt-g { | ||
+ | color:#999999; | ||
+ | } | ||
+ | .txt-g55 { | ||
+ | color:#555555; | ||
+ | } | ||
+ | .w10 { | ||
+ | width:10px; | ||
+ | } | ||
+ | .w88 { | ||
+ | width:88px; | ||
+ | } | ||
+ | .w200 { | ||
+ | width:200px; | ||
+ | } | ||
+ | .w256 { | ||
+ | width:256px; | ||
+ | } | ||
+ | .w200 { | ||
+ | width:200px | ||
+ | } | ||
+ | .w260 { | ||
+ | width:260px | ||
+ | } | ||
+ | .w300 { | ||
+ | width:300px | ||
+ | } | ||
+ | .w340 { | ||
+ | width:340px | ||
+ | } | ||
+ | .w640 { | ||
+ | width:640px; | ||
+ | } | ||
+ | .w600 { | ||
+ | width:600px; | ||
+ | } | ||
+ | .w700 { | ||
+ | width:700px; | ||
+ | } | ||
+ | .w900 { | ||
+ | width:900px; | ||
+ | } | ||
+ | .w980 { | ||
+ | width:980px; | ||
+ | } | ||
+ | .f-size12 { | ||
+ | font-size:12px; | ||
+ | } | ||
+ | .f-size13 { | ||
+ | font-size:13px; | ||
+ | } | ||
+ | .f-size15 { | ||
+ | font-size:15px; | ||
+ | } | ||
+ | .f-size30 { | ||
+ | font-size:30px; | ||
+ | } | ||
+ | .bgf5 { | ||
+ | background:#f5f5f5; | ||
+ | } | ||
+ | .back-y { | ||
+ | background:#fff2c2 | ||
+ | } | ||
+ | .back-g { | ||
+ | background:#f1f1f1; | ||
+ | } | ||
+ | .back-gb { | ||
+ | background:#dbe4e6; | ||
+ | } | ||
+ | .back-gy { | ||
+ | background:#ebe9dd; | ||
+ | } | ||
+ | .liststyle-c li { | ||
+ | list-style:disc; | ||
+ | } | ||
+ | .liststyle-num li { | ||
+ | list-style:decimal; | ||
+ | } | ||
+ | .pdfLink a { | ||
+ | color:#00778c; | ||
+ | } | ||
+ | .pdfLink a:hover { | ||
+ | color:#00c2e4; | ||
+ | } | ||
+ | .link a { | ||
+ | color:#fff; | ||
+ | background:#00778c; | ||
+ | text-decoration:none; | ||
+ | padding:0 3px; | ||
+ | } | ||
+ | .link a:hover { | ||
+ | background:#00c2e4; | ||
+ | color:#FF0; | ||
+ | } | ||
+ | .blueberry { margin: 0 auto; max-width: 960px; z-index:10;} | ||
+ | .blueberry .slides { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .blueberry .slides li { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .blueberry .slides li img { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | max-width: none; | ||
+ | } | ||
+ | .blueberry .slides li.active { display: block; position: relative; } | ||
+ | .blueberry .crop li img { width: auto; } | ||
+ | |||
+ | .blueberry .pager { | ||
+ | height: 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .blueberry .pager li { display: inline-block; } | ||
+ | .blueberry .pager li a, | ||
+ | .blueberry .pager li a span { | ||
+ | display: block; | ||
+ | height: 4px; | ||
+ | width: 4px; | ||
+ | } | ||
+ | .blueberry .pager li a { | ||
+ | padding: 18px 8px; | ||
+ | -webkit-border-radius: 6px; | ||
+ | -moz-border-radius: 6px; | ||
+ | border-radius: 6px; | ||
+ | } | ||
+ | .blueberry .pager li a span { | ||
+ | overflow: hidden; | ||
+ | background: #c0c0c0; | ||
+ | text-indent: -9999px; | ||
+ | -webkit-border-radius: 2px; | ||
+ | -moz-border-radius: 2px; | ||
+ | border-radius: 2px; | ||
+ | } | ||
+ | .blueberry .pager li.active a span { background: #404040; } | ||
</style> | </style> | ||
</head> | </head> | ||
− | |||
<nav class="gnb"> | <nav class="gnb"> | ||
<div class="default"> | <div class="default"> | ||
<ul> | <ul> | ||
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea"><li>HOME</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Team"><li>TEAM</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Description"><li>PROJECT</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Notebook"><li>WETLAB</li></a> | |
− | + | <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Practices"><li>HUMAN PRACTICES</li></a> | |
− | + | <li style="float:right; margin:-19px 0 0 15px;"><img src="https://static.igem.org/mediawiki/2015/3/33/NCigemlogo.jpg" /></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <a href=" | + | |
− | + | ||
− | + | ||
− | <li style="float:right; margin:-19px 0 0 15px;"><img src=" | + | |
</ul> | </ul> | ||
</div> | </div> | ||
</nav> | </nav> | ||
− | |||
</html> | </html> |
Latest revision as of 17:48, 16 September 2015