Updated menu on the JSDOC template (non-responsive)

This commit is contained in:
Petr Pridal
2015-04-01 19:42:57 +02:00
parent 6d55e4aa99
commit 4427d0ba42
3 changed files with 48 additions and 8 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1,15 +1,47 @@
@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700);
.navbar-inverse {
border: 0;
}
.navbar-inverse .navbar-inner {
background: #1F6B75;
height: 50px;
text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
}
.navbar-inverse .brand {
color: white;
font-size: 20px;
color: #fff;
font-size: 160%;
font-weight: bold;
position: absolute;
top: 8px;
left: 16px;
}
.navbar-inverse .brand:hover,
.navbar-inverse .brand:focus {
color: #aae1e9;
text-decoration: none;
}
.navbar-inverse .brand img {
width: 35px;
height: 35px;
vertical-align: middle;
margin-right: 5px;
border:0;
}
.navbar-inverse .container {
padding: 5px 0 5px 0;
padding: 0;
}
.navbar-inverse .navbar-nav>li>a {
color: #fff;
}
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a.active
{
outline:0;
color: #fff;
background-color: #268591;
}
body {
padding-top: 50px;
}
@@ -20,6 +52,8 @@ body {
a {
position: relative;
z-index: 1;
-webkit-transition: all .2s;
transition: all .2s;
}
.navigation li {
color: #888;
@@ -379,5 +413,6 @@ footer {
color: white;
position: absolute;
top: 1em;
right: 8em;
left: 250px;
font-weight: normal;
}

View File

@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>OpenLayers 3 API Documentation - <?js= title ?></title>
<title>OpenLayers 3 API Reference - <?js= title ?></title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<script src="scripts/jquery.min.js"> </script>
@@ -18,11 +18,16 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="/"><img src="../resources/logo.png" width="40"> OpenLayers 3</a>
<a class="brand" href="index.html">API Documentation</a>
<a class="brand" href="/"><img src="../resources/logo.png"> OpenLayers 3</a>
<label id="stability">
<input type="checkbox" id="stability-toggle" checked> Stable Only
</label>
<ul class="nav navbar-nav pull-right">
<li><a href="../doc">Docs</a></li>
<li><a href="../examples">Examples</a></li>
<li><a href="index.html" class="active">API</a></li>
<li><a href="/download/">Download</a></li>
</ul>
</div>
</div>
</div>