Difference between revisions of "Template:Elan Vital Korea/Templates/Header"

(Created page with "<html> <head> <style type="text/css"> body { width:100%; height: 100%; background-color: #fff; border:0; margin:0; padding:0; } div, h1, h2, h3, h4, h5, table, th, td, ...")
 
 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<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">
 +
stepcarousel.setup({
 +
galleryid: 'promotion',
 +
beltclass: 'belt',
 +
panelclass: 'panel',
 +
panelbehavior: {speed:500, wraparound:true, wrapbehavior:'pushpull', persist:false},
 +
defaultbuttons: {enable: false, moveby: 1, leftnav: ['/img/NCprev.png', -10, 100], rightnav: ['/img/NCNext.png', -10, 100]},
 +
statusvars: ['reportA', 'reportB', 'reportC'],
 +
contenttype: ['inline']
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
 +
function moveStep()
 +
{
 +
stepcarousel.stepBy('promotion', 1);
 +
setTimeout(moveStep,4000);
 +
}
 +
moveStep();
 +
</script>
 +
<script type="text/javascript">
 +
  $(document).ready(function(){
 +
  $('a[href^="#"]').on('click',function (e) {
 +
      e.preventDefault();
 +
 +
      var target = this.hash,
 +
      $target = $(target);
 +
 +
      $('html, body').stop().animate({
 +
          'scrollTop': $target.offset().top
 +
      }, 900, 'swing', function () {
 +
          window.location.hash = target;
 +
      });
 +
  });
 +
});
 +
</script>
 +
 
     <style type="text/css">
 
     <style type="text/css">
−
    body { width:100%; height: 100%;  background-color: #fff; border:0; margin:0; padding:0; }
+
/*header*/
−
div, h1, h2, h3, h4, h5, table, th, td, p, ul, li, nav { border:0; margin:0; padding:0; list-style:none; }
+
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; }
  
  
Line 11: Line 52:
  
  
−
/* WIKI SETTINGS*/
+
 +
/* WIKI SETTINGS*/
 
 
 
/* Hide first heading */
 
/* Hide first heading */
Line 18: Line 60:
 
}
 
}
 
 
−
/*-- Remove borders, float content left and remove padding/margin */
+
/* Remove borders, float content left and remove padding/margin */
 
#globalWrapper, #content{
 
#globalWrapper, #content{
 
background-color: transparent;
 
background-color: transparent;
Line 28: Line 70:
 
width: auto;
 
width: auto;
 
}
 
}
−
/*navigation*/
+
 
 +
 
 
.gnb {
 
.gnb {
−
border-bottom:5px #5ed8ff solid;
 
 
width:100%;
 
width:100%;
 
     position:fixed;
 
     position:fixed;
−
    background:#FFF;
+
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 {
 
.gnb_on, .gnb .default ul a:hover {
Line 41: Line 91:
 
color:#585858;
 
color:#585858;
 
text-decoration:none;
 
text-decoration:none;
−
}
 
−
.gnb .default {
 
−
width:980px;
 
−
margin:0 auto;
 
−
font-size:15px;
 
−
font-family: Verdana, Helvetica, sans-serif;
 
 
}
 
}
 
.gnb .default ul {
 
.gnb .default ul {
Line 53: Line 97:
 
.gnb .default ul li {
 
.gnb .default ul li {
 
display:inline-block;
 
display:inline-block;
−
margin-left:30px;
+
margin-left:20px;
 
height:40px;     
 
height:40px;     
 
}
 
}
−
 
+
.m-10 {
−
/*submenu*/
+
margin-top:-10px;
−
.gnb .default ul li ul {
+
−
background-color: #f0f0f0;
+
−
height:30px;
+
−
padding:15px 0;
+
−
display: none;
+
 
}
 
}
−
.gnb .default li ul a:hover {
+
.m-40 {
−
color:#5ab9cc;
+
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;
 
}
 
}
−
.gnb .default li:hover ul {
+
.blueberry .pager li { display: inline-block; }
−
display: block;  
+
.blueberry .pager li a,
−
position: absolute;  
+
.blueberry .pager li a span {
−
/*float:right;*/
+
display: block;
−
margin:25px 0 0 -70px;
+
height: 4px;
 +
width: 4px;
 
}
 
}
−
.gnb .default li ul li {
+
.blueberry .pager li a {
−
padding-right:20px;
+
padding: 18px 8px;
 +
-webkit-border-radius: 6px;
 +
  -moz-border-radius: 6px;
 +
border-radius: 6px;
 
}
 
}
−
.gnb .default li ul li a {
+
.blueberry .pager li a span {
−
color: #565656;
+
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>
−
<body>
 
 
<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"><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/Team"><li>TEAM</li></a>
−
             <a href="#">
+
             <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Description"><li>PROJECT</li></a>
−
            <li>PROJECT
+
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Notebook"><li>WETLAB</li></a>
−
            <!--<ul>
+
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Practices"><li>HUMAN PRACTICES</li></a>
−
                        <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Description"><li>Description</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="https://2015.igem.org/Team:Elan_Vital_Korea/Experiments"><li>Experiments &amp; Protocols</li></a>
+
−
                        <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Results"><li>Results</li></a>
+
−
                        <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Design"><li>Design</li></a>
+
−
                        </ul>-->
+
−
</li></a>
+
−
           
+
−
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Parts"><li>PARTS</li></a>
+
−
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Notebook"><li>NOTEBOOK</li></a>
+
−
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Attributions"><li>ATTRIBUTIONS</li></a>
+
−
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Collaborations"><li>COLLABORATIONS</li></a>
+
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
 
</nav>
 
</nav>
−
</body>
 
 
</html>
 
</html>

Latest revision as of 17:48, 16 September 2015