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

 
(9 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
<link rel="stylesheet" href="https://2015.igem.org/Team:Elan_Vital_Korea/style?action=raw&ctype=text/css" type="text/css" />
 
<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">
//4초마다 이동
+
 
 
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>
<body>
 
 
<nav class="gnb">
 
<nav class="gnb">
 
     <div class="default">
 
     <div class="default">
 
    <ul>
 
    <ul>
         <a href="NCmain.html"><li>HOME</li></a>
+
         <a href="https://2015.igem.org/Team:Elan_Vital_Korea"><li>HOME</li></a>
        <a href="TEAM/NCMembers.html"><li>TEAM</li></a>
+
            <a href="https://2015.igem.org/Team:Elan_Vital_Korea/Team"><li>TEAM</li></a>
            <a href="PROJECT/NCDescription.html"><li>PROJECT</li></a>
+
            <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>
+
                        <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 href="WETLAB/NCnotebook.html"><li>WETLAB</li></a>
+
            <!--<a href="WETLAB/NCNotebook.html"><li>WETLAB</li></a>-->
+
            <a href="HUMAN_PRACTICES/NCHumanPractices.html"><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>
 
             <li style="float:right; margin:-19px 0 0 15px;"><img src="https://static.igem.org/mediawiki/2015/3/33/NCigemlogo.jpg" /></li>
 
         </ul>
 
         </ul>
 
     </div>
 
     </div>
 
</nav>
 
</nav>
</body>
 
 
</html>
 
</html>

Latest revision as of 17:48, 16 September 2015