Add terms-sidebar

This commit is contained in:
Peter Desmet 2015-01-13 14:17:56 +01:00
parent 786a6afe84
commit 95a1562a76
3 changed files with 40 additions and 14 deletions

View File

@ -29,15 +29,41 @@ body {
}
.terms-sidebar {
/*margin-top: 40px;*/
margin-top: 40px;
}
.terms-sidebar ul {
.terms-sidebar .nav {
position: fixed;
}
.terms-sidebar ul > li > a {
.terms-sidebar .nav > li > a {
padding-bottom: 5px;
padding-top: 5px;
}
.terms-sidebar ul > .active > a {
color: red;
}
.terms-sidebar .nav > .active > a,
.terms-sidebar .nav > .active > a:hover,
.terms-sidebar .nav > .active > a:focus {
background-color: transparent;
border-left: 2px solid #2a6496;
color: #2a6496;
font-weight: bold;
margin-left: -2px;
text-decoration: none;
}
.terms-sidebar .nav > li > a:hover,
.terms-sidebar .nav > li > a:focus {
background-color: transparent;
border-left: 1px solid #2a6496;
margin-left: -1px;
text-decoration: none;
}
.class-section,
.term-dl {
padding-top: 70px;
margin-top: -70px;
}
@media screen and (max-width: 767px){
.terms-sidebar {
display:none
}
}

View File

@ -25,7 +25,7 @@
</head>
<body>
<nav class="navbar navbar-default">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
@ -65,15 +65,15 @@
</nav>
<div class="content">
<div class="container">
<nav class="col-xs-2 terms-sidebar">
<div class="container-fluid">
<nav class="col-sm-2 terms-sidebar">
<ul class="nav nav-stacked">
#for $group in $groups
<li><a href="#$group.name">$group.name</a></li>
#end for
</ul>
</nav>
<div class="col-xs-10">
<div class="col-sm-10">
<div class="page-header">
<h1>Terms</h1>
<p>This page provides a list of all currently recommended terms of the Darwin Core standard and their definitions. Terms that begin with <code>dcterms:</code> are from the <a href="http://dublincore.org/documents/dcmi-terms/">Dublin Core</a>. Categories correspond to Darwin Core classes (terms that have other terms to describe them). List of these terms in various formats can be found in <a href="../downloads">downloads</a>.</p>

View File

@ -25,7 +25,7 @@
</head>
<body>
<nav class="navbar navbar-default">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
@ -65,8 +65,8 @@
</nav>
<div class="content">
<div class="container">
<nav class="col-xs-2 terms-sidebar">
<div class="container-fluid">
<nav class="col-sm-2 terms-sidebar">
<ul class="nav nav-stacked">
<li><a href="#Record-level Terms">Record-level Terms</a></li>
<li><a href="#Occurrence">Occurrence</a></li>
@ -81,7 +81,7 @@
<li><a href="#MeasurementOrFact">MeasurementOrFact</a></li>
</ul>
</nav>
<div class="col-xs-10">
<div class="col-sm-10">
<div class="page-header">
<h1>Terms</h1>
<p>This page provides a list of all currently recommended terms of the Darwin Core standard and their definitions. Terms that begin with <code>dcterms:</code> are from the <a href="http://dublincore.org/documents/dcmi-terms/">Dublin Core</a>. Categories correspond to Darwin Core classes (terms that have other terms to describe them). List of these terms in various formats can be found in <a href="../downloads">downloads</a>.</p>