Difference between revisions of "Template:Team:Michigan/navbar"

Line 4: Line 4:
 
<!-- Latest compiled and minified CSS -->
 
<!-- Latest compiled and minified CSS -->
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
−
 
−
<!-- Optional theme -->
 
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
 
  
 
<!-- Latest compiled and minified JavaScript -->
 
<!-- Latest compiled and minified JavaScript -->
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
  
−
<style type="text/css">
+
<style>
−
 
+
 
.navbar-default {
 
.navbar-default {
 
     border-color: rgba(34,34,34,.05);
 
     border-color: rgba(34,34,34,.05);
 +
    height: 20px;
 
     font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
 
     font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
−
    background-color: transparent;
 
−
    -webkit-transition: all .35s;
 
−
    -moz-transition: all .35s;
 
−
    transition: all .35s;
 
−
}
 
−
 
−
.navbar-default .navbar-header .navbar-brand {
 
 
     text-transform: uppercase;
 
     text-transform: uppercase;
−
     font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
+
     background-color: rgba(255,255,255,0.9);
 
     font-weight: 700;
 
     font-weight: 700;
−
     color: #f05f40;
+
     z-index: +1;
 
}
 
}
−
 
+
.navbar-default:hover {
−
.navbar-default .navbar-header .navbar-brand:hover,
+
−
.navbar-default .navbar-header .navbar-brand:focus {
+
−
    color: #eb3812;
+
−
}
+
−
 
+
−
.navbar-default .nav > li>a,
+
−
.navbar-default .nav>li>a:focus {
+
−
    text-transform: uppercase;
+
−
    font-size: 13px;
+
−
    font-weight: 700;
+
−
    color: #222;
+
−
}
+
−
 
+
−
.navbar-default .nav > li>a:hover,
+
−
.navbar-default .nav>li>a:focus:hover {
+
 
     color: #f05f40;
 
     color: #f05f40;
 
}
 
}
−
 
+
.active{
−
.navbar-default .nav > li.active>a,
+
background-color: rgba(34,34,34,.05);
−
.navbar-default .nav>li.active>a:focus {
+
height: 40px;
−
    color: #f05f40!important;
+
−
    background-color: transparent;
+
 
}
 
}
−
 
−
.navbar-default .nav > li.active>a:hover,
 
−
.navbar-default .nav>li.active>a:focus:hover {
 
−
    background-color: transparent;
 
−
}
 
−
 
−
@media(min-width:768px) {
 
−
    .navbar-default {
 
−
        border-color: rgba(255,255,255,.3);
 
−
        background-color: transparent;
 
−
    }
 
−
 
−
    .navbar-default .navbar-header .navbar-brand {
 
−
        color: rgba(255,255,255,.7);
 
−
    }
 
−
 
−
    .navbar-default .navbar-header .navbar-brand:hover,
 
−
    .navbar-default .navbar-header .navbar-brand:focus {
 
−
        color: #fff;
 
−
    }
 
−
 
−
    .navbar-default .nav > li>a,
 
−
    .navbar-default .nav>li>a:focus {
 
−
        color: rgba(255,255,255,.7);
 
−
    }
 
−
 
−
    .navbar-default .nav > li>a:hover,
 
−
    .navbar-default .nav>li>a:focus:hover {
 
−
        color: #fff;
 
−
    }
 
−
 
−
    .navbar-default.affix {
 
−
        border-color: rgba(34,34,34,.05);
 
−
        background-color: #000;
 
−
    }
 
−
 
−
    .navbar-default.affix .navbar-header .navbar-brand {
 
−
        font-size: 14px;
 
−
        color: #f05f40;
 
−
    }
 
−
 
−
    .navbar-default.affix .navbar-header .navbar-brand:hover,
 
−
    .navbar-default.affix .navbar-header .navbar-brand:focus {
 
−
        color: #eb3812;
 
−
    }
 
−
 
−
    .navbar-default.affix .nav > li>a,
 
−
    .navbar-default.affix .nav>li>a:focus {
 
−
        color: #222;
 
−
    }
 
−
 
−
    .navbar-default.affix .nav > li>a:hover,
 
−
    .navbar-default.affix .nav>li>a:focus:hover {
 
−
        color: #f05f40;
 
−
    }
 
−
}
 
−
 
 
</style>
 
</style>
  
 
</head>
 
</head>
 
<body>
 
<body>
−
<nav class="navbar navbar-default navbar-fixed-top affix-top" id="mainNav">
+
<nav class="navbar navbar-default navbar-fixed-top affix-top">
−
                          <div class="collapse navbar-collapse">
+
    <div class="collapse navbar-collapse" >
−
                              <ul class="nav navbar-nav">
+
          <ul class="nav navbar-nav navbar-right" style="color:#000000">
−
                                <li><a href="https://2016.igem.org/Team:Michigan">Home</a></li>
+
              <li><a class="active" href="https://2016.igem.org/Team:Michigan" >Home</a></li>
−
 
+
                    <li class="dropdown">
−
                                <li class="dropdown">
+
                        <a href="https://2015.igem.org/Team:Michigan/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
−
                                  <a href="https://2015.igem.org/Team:Michigan/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
+
                        <ul class="dropdown-menu">
−
                                  <ul class="dropdown-menu">
+
                              <li><a href="https://2015.igem.org/Team:Michigan/Design">Design</a></li>
−
                                    <li><a href="https://2015.igem.org/Team:Michigan/Design">Design</a></li>
+
                              <li><a href="https://2015.igem.org/Team:Michigan/Experiments">Experiments &amp; Protocols</a></li>
−
                                    <li><a href="https://2015.igem.org/Team:Michigan/Experiments">Experiments &amp; Protocols</a></li>
+
                              <li><a href="https://2015.igem.org/Team:Michigan/Results">Results &amp; Discussion</a></li>
−
                                    <li><a href="https://2015.igem.org/Team:Michigan/Results">Results &amp; Discussion</a></li>
+
                              <li><a href="https://2015.igem.org/Team:Michigan/Collaborations">Collaborations</a></li>
−
    <li><a href="https://2015.igem.org/Team:Michigan/Collaborations">Collaborations</a></li>
+
                              <li><a href="https://2015.igem.org/Team:Michigan/Parts">Parts</a></li>  
−
                                    <li><a href="https://2015.igem.org/Team:Michigan/Parts">Parts</a></li>  
+
                        </ul>
−
                                  </ul>
+
                    </li>
−
                                </li>
+
  
 
                                 <li class="dropdown">
 
                                 <li class="dropdown">

Revision as of 00:51, 1 August 2016