Add link to search instructions & FAQ info

This commit is contained in:
Mottie 2013-11-22 19:00:52 -06:00
parent 23ace7cd0b
commit 6895d5e1f7
2 changed files with 26 additions and 18 deletions

View File

@ -6,7 +6,7 @@ a{text-decoration:none;}
.main-nav{position:fixed;top:0;width:0;height:100%;background:#3B3B3B;color:#fff;overflow:hidden;transition:width .3s ease;}
.main-nav h2{color:#fff;font-size:20px;margin:0 0 15px 30px;}
.main-nav em{color:#6cf;font-style:normal;}
.main-nav a{display:block;background:linear-gradient(#3e3e3e,#383838);border-top:1px solid #484848;border-bottom:1px solid #2E2E2E;color:#FFF;white-space:nowrap;text-overflow:ellipsis;padding:10px;}
.main-nav .page-links a{display:block;background:linear-gradient(#3e3e3e,#383838);border-top:1px solid #484848;border-bottom:1px solid #2E2E2E;color:#FFF;white-space:nowrap;text-overflow:ellipsis;padding:10px;}
.main-nav a:hover,.main-nav a:focus{background:linear-gradient(#484848,#383838);color:#FFF;text-decoration:none;}
#main-nav-check:checked + #main-nav{width:250px;}
#main-nav-check:checked ~ #main{margin-left:250px;overflow:hidden;}
@ -40,7 +40,7 @@ a{text-decoration:none;}
#main-nav-check:checked ~ #main .main-header span:before{margin-top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0 .2s;-moz-transition-delay:0 .2s;-o-transition-delay:0 .2s;transition-delay:0 .2s;}
#main-nav-check:checked ~ #main .main-header span:after{margin-top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0 .2s;-moz-transition-delay:0 .2s;-o-transition-delay:0 .2s;transition-delay:0 .2s;}
/* http://www.cssflow.com/snippets/toggle-switches */
.search-options{padding-left:12px;}
.search-options{padding-left:6px;}
.switch{position:relative;display:inline-block;height:26px;width:100px;margin-top:5px;background:rgba(0,0,0,0.25);border-radius:3px;-webkit-border-radius:3px;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.1);box-shadow:inset 0 1px 3px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.1);}
.switch-label{position:relative;z-index:2;float:left;width:48px;line-height:26px;font-size:11px;color:rgba(255,255,255,0.35);text-align:center;text-shadow:0 1px 1px rgba(0,0,0,0.45);cursor:pointer;}
.switch-label:active{font-weight:700;}
@ -51,6 +51,9 @@ a{text-decoration:none;}
.main-nav-check,.switch-input{display:none;}
.switch-selection-right{left:50px;} /* separated from next line or IE ignores it */
.switch-input:checked + .switch-label-on ~ .switch-selection{left:50px;}
.glyphicon-question-sign{top:-6px;}
.glyphicon-question-sign:before{color: #666;text-shadow:#222 0 -1px 1px;}
.glyphicon-question-sign:before:hover{color: #357ebd;}
/* tipsy */
.tipsy{font-size:12px;position:absolute;z-index:100000;padding:5px;}
.tipsy-inner{background-color:#000;color:#FFF;max-width:250px;text-align:center;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 8px 4px;}

View File

@ -69,21 +69,24 @@
<label for="csfalse" class="switch-label switch-label-on tooltip-edge-right" title="Case-Insensitive search">ab</label>
<span class="switch-selection btn-primary"></span>
</div>
<a href="https://github.com/Mottie/tablesorter/wiki/Search" class="tooltip-right glyphicon glyphicon-question-sign" title="Get search instructions">
</a>
</div>
</div>
<a href="#Introduction">Introduction</a>
<a href="#Demo">Demo</a>
<a href="#Getting-Started">Getting started</a>
<a href="#Examples">Examples</a>
<a href="#Configuration">Configuration</a>
<a href="#Widget-options">Widget &amp; Pager Options</a>
<a href="#methods">Methods</a>
<a href="#events">Events</a>
<a href="#Download">Download</a>
<a href="#Compatibility">Compatibility</a>
<a href="#Support">Support</a>
<a href="#Credits">Credits</a>
<div class="page-links">
<a href="#Introduction">Introduction</a>
<a href="#Demo">Demo</a>
<a href="#Getting-Started">Getting started</a>
<a href="#Examples">Examples</a>
<a href="#Configuration">Configuration</a>
<a href="#Widget-options">Widget &amp; Pager Options</a>
<a href="#methods">Methods</a>
<a href="#events">Events</a>
<a href="#Download">Download</a>
<a href="#Compatibility">Compatibility</a>
<a href="#Support">Support</a>
<a href="#Credits">Credits</a>
</div>
</div>
<div id="main">
@ -3939,14 +3942,16 @@ $.tablesorter.addHeaderResizeEvent( table, true );</pre></div>
<a id="Support"></a>
<h1>Support</h1>
<p>First, please review the <a class="external" href="https://github.com/Mottie/tablesorter/wiki/FAQ">FAQ</a> page to see if it will help you resolve the problem.</p>
<p>If you are having a problem with the plugin or you want to submit a feature request, please <a class="external" href="https://github.com/Mottie/tablesorter/issues">submit an issue</a>.</p>
<p>Support is also available from <a class="external" href="http://stackoverflow.com/questions/tagged/tablesorter">stackoverflow</a>.</p>
<p>If you would like to contribute, <a class="external" href="https://github.com/Mottie/tablesorter">fork a copy on github</a>.</p>
<p>Some basic <a href="../test.html">unit testing</a> has been added (v2.6). If you would like to add more or report a problem, please use the appropriate link above.</p>
<p>Support is also available from <a class="external" href="http://stackoverflow.com/questions/tagged/tablesorter">stackoverflow</a>.</p>
<p>For questions about jQuery, try <a class="external" href="http://irc.jquery.org/">irc</a>, <a class="external" href="http://stackoverflow.com/tags/jquery/info">stackoverflow</a>, or the <a class="external" href="http://forum.jquery.com/">jQuery forums</a>.</p>
<a id="Credits"></a>
@ -3965,7 +3970,7 @@ $.tablesorter.addHeaderResizeEvent( table, true );</pre></div>
<li><a href="https://github.com/thezoggy">thezoggy</a></li>
<li><a href="https://github.com/TheSin-">TheSin-</a></li>
<li><a href="https://github.com/NickCraver">NickCraver</a></li>
<li>and <a href="https://github.com/Mottie/tablesorter/graphs/contributors">all the other contributors</a>!</li>
<li>and <a href="https://github.com/Mottie/tablesorter/graphs/contributors">all the contributors</a>!</li>
</ul>
</p>
<p>