You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@isis.apache.org by da...@apache.org on 2013/10/15 01:41:50 UTC
svn commit: r1532142 - /isis/site/trunk/templates/screenshot-tutorial.html
Author: danhaywood
Date: Mon Oct 14 23:41:49 2013
New Revision: 1532142
URL: http://svn.apache.org/r1532142
Log:
screenshot tutorial
Modified:
isis/site/trunk/templates/screenshot-tutorial.html
Modified: isis/site/trunk/templates/screenshot-tutorial.html
URL: http://svn.apache.org/viewvc/isis/site/trunk/templates/screenshot-tutorial.html?rev=1532142&r1=1532141&r2=1532142&view=diff
==============================================================================
--- isis/site/trunk/templates/screenshot-tutorial.html (original)
+++ isis/site/trunk/templates/screenshot-tutorial.html Mon Oct 14 23:41:49 2013
@@ -5,97 +5,13 @@
<style type="text/css">
-/*
- * Side navigation
- *
- * Scrollspy and affixed enhanced navigation to highlight sections and secondary
- * sections of docs content.
- */
-
-/* By default it's not affixed in mobile views, so undo that */
-.bs-sidebar.affix {
- position: static;
-}
-
-/* First level of nav */
-.bs-sidenav {
- margin-top: 30px;
- margin-bottom: 30px;
- padding-top: 10px;
- padding-bottom: 10px;
- text-shadow: 0 1px 0 #fff;
- background-color: #f7f5fa;
- border-radius: 5px;
-}
-
-/* All levels of nav */
-.bs-sidebar .nav > li > a {
- display: block;
- color: #716b7a;
- padding: 5px 20px;
-}
-.bs-sidebar .nav > li > a:hover,
-.bs-sidebar .nav > li > a:focus {
- text-decoration: none;
- background-color: #e5e3e9;
- border-right: 1px solid #dbd8e0;
-}
-.bs-sidebar .nav > .active > a,
-.bs-sidebar .nav > .active:hover > a,
-.bs-sidebar .nav > .active:focus > a {
- font-weight: bold;
- color: #563d7c;
- background-color: transparent;
- border-right: 1px solid #563d7c;
-}
-
-/* Nav: second level (shown on .active) */
-.bs-sidebar .nav .nav {
- display: none; /* Hide by default, but at >768px, show it */
- margin-bottom: 8px;
-}
-.bs-sidebar .nav .nav > li > a {
- padding-top: 3px;
- padding-bottom: 3px;
- padding-left: 30px;
- font-size: 90%;
-}
-
-/* Show and affix the side nav when space allows it */
-@media screen and (min-width: 992px) {
- .bs-sidebar .nav > .active > ul {
- display: block;
- }
- /* Widen the fixed sidebar */
- .bs-sidebar.affix,
- .bs-sidebar.affix-bottom {
- width: 213px;
- }
- .bs-sidebar.affix {
- position: fixed; /* Undo the static from mobile first approach */
- top: 80px;
- }
- .bs-sidebar.affix-bottom {
- position: absolute; /* Undo the static from mobile first approach */
- }
- .bs-sidebar.affix-bottom .bs-sidenav,
- .bs-sidebar.affix .bs-sidenav {
- margin-top: 0;
- margin-bottom: 0;
- }
-}
-@media screen and (min-width: 1200px) {
- /* Widen the fixed sidebar again */
- .bs-sidebar.affix-bottom,
- .bs-sidebar.affix {
- width: 263px;
- }
-}
+<div>
</style>
+
<div class="row">
<div class="col-md-3">
- <div class="bs-sidebar hidden-print affix-top" role="complementary" style="">
+ <div id="sidebar" data-spy="affix" data-offset-top="400" data-offset-bottom="200" class="bs-sidebar hidden-print affix-top" role="complementary" style="">
<ul class="nav bs-sidenav">
<li class="active">
@@ -108,87 +24,24 @@
<li><a href="#js-events">Events</a></li>
</ul>
</li>
- <li><a href="#transitions">Transitions</a></li>
- <li>
- <a href="#modals">Modal</a>
- <ul class="nav">
- <li><a href="#modals-examples">Examples</a></li>
- <li><a href="#modals-usage">Usage</a></li>
- </ul>
- </li>
- <li>
- <a href="#dropdowns">Dropdown</a>
- <ul class="nav">
- <li><a href="#dropdowns-examples">Examples</a></li>
- <li><a href="#dropdowns-usage">Usage</a></li>
- </ul>
- </li>
- <li class="">
- <a href="#scrollspy">Scrollspy</a>
- <ul class="nav">
- <li><a href="#scrollspy-examples">Examples</a></li>
- <li><a href="#scrollspy-usage">Usage</a></li>
- </ul>
- </li>
- <li class="">
- <a href="#tabs">Tab</a>
- <ul class="nav">
- <li><a href="#tabs-examples">Examples</a></li>
- <li class=""><a href="#tabs-usage">Usage</a></li>
- </ul>
- </li>
- <li>
- <a href="#tooltips">Tooltip</a>
- <ul class="nav">
- <li><a href="#tooltips-examples">Examples</a></li>
- <li><a href="#tooltips-usage">Usage</a></li>
- </ul>
- </li>
- <li class="">
- <a href="#popovers">Popover</a>
- <ul class="nav">
- <li class=""><a href="#popovers-examples">Examples</a></li>
- <li class=""><a href="#popovers-usage">Usage</a></li>
- </ul>
- </li>
- <li class="">
- <a href="#alerts">Alert</a>
- <ul class="nav">
- <li><a href="#alerts-examples">Examples</a></li>
- <li class=""><a href="#alerts-usage">Usage</a></li>
- </ul>
- </li>
- <li class="">
- <a href="#buttons">Button</a>
- <ul class="nav">
- <li class=""><a href="#buttons-examples">Examples</a></li>
- <li><a href="#buttons-usage">Usage</a></li>
- </ul>
- </li>
- <li>
- <a href="#collapse">Collapse</a>
- <ul class="nav">
- <li><a href="#collapse-examples">Examples</a></li>
- <li><a href="#collapse-usage">Usage</a></li>
- </ul>
- </li>
- <li class="">
- <a href="#carousel">Carousel</a>
- <ul class="nav">
- <li class=""><a href="#carousel-examples">Examples</a></li>
- <li class=""><a href="#carousel-usage">Usage</a></li>
- </ul>
- </li>
- <li class="">
- <a href="#affix">Affix</a>
- <ul class="nav">
- <li class=""><a href="#affix-examples">Examples</a></li>
- <li class=""><a href="#affix-usage">Usage</a></li>
- </ul>
- </li>
- </ul>
- </div>
- </div>
+ <li><a href="#transitions">Transitions</a></li>
+ <li>
+ <a href="#modals">Modal</a>
+ <ul class="nav">
+ <li><a href="#modals-examples">Examples</a></li>
+ <li><a href="#modals-usage">Usage</a></li>
+ </ul>
+ </li>
+ <li class="">
+ <a href="#affix">Affix</a>
+ <ul class="nav">
+ <li class=""><a href="#affix-examples">Examples</a></li>
+ <li class=""><a href="#affix-usage">Usage</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ </div>
<div class="col-md-9" role="main">
<!-- Overview
================================================== -->
@@ -591,17 +444,4 @@
</div>
</div>
-<script>
- $(document).ready(function(){
- $('#affix').affix({
- offset: {
- top: 100
- , bottom: function () {
- return (this.bottom = $('.bs-footer').outerHeight(true))
- }
- }
- });
- });
-</script>
-
{% endblock %}