diff --git a/docs/base-css.html b/docs/base-css.html index 92117b80ef72ec4d333d6e656afd2e897e2f6188..bcb0c7d218ca0607b4ac08b2a0049622d81b6470 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -181,7 +181,7 @@ </address> <address> <strong>Full Name</strong><br> - <a mailto="#">first.last@gmail.com</a> + <a href="mailto:#">first.last@gmail.com</a> </address> </div> <div class="span4"> @@ -767,63 +767,17 @@ - <h3>5. Striped table w/ TableSorter.js</h3> + <h3>5. Combine them all!</h3> <div class="row"> <div class="span4"> - <p>Include the <a href="http://jquery.com">jQuery</a> <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin and automatically get clear styles for sorted columns.</p> -<pre class="prettyprint linenums"> -<script src="jquery.tablesorter.js"></script> -<script > - $(function() { - $("table#sortTableExample") - .tablesorter({ - sortList: [[1,0]] - }); - }); -</script> -<table class="table table-striped"> - … + <p>Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.</p> +<pre class="prettyprint linenums" style="margin-bottom: 18px;"> +<table class="table table-striped table-bordered table-condensed"> + ... </table></pre> </div> <div class="span8"> - <table class="table table-striped tablesorter-example"> - <thead> - <tr> - <th>#</th> - <th class="yellow">First Name</th> - <th class="blue">Last Name</th> - <th class="green">Language</th> - </tr> - </thead> - <tbody> - <tr> - <td>1</td> - <td>Mark</td> - <td>Otto</td> - <td>CSS</td> - </tr> - <tr> - <td>2</td> - <td>Jacob</td> - <td>Thornton</td> - <td>Javascript</td> - </tr> - <tr> - <td>3</td> - <td>Stu</td> - <td>Dent</td> - <td>HTML</td> - </tr> - <tr> - <td>4</td> - <td>Brosef</td> - <td>Stalin</td> - <td>HTML</td> - </tr> - </tbody> - </table> - <p>Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.</p> - <table class="table table-striped table-bordered table-condensed tablesorter-example"> + <table class="table table-striped table-bordered table-condensed"> <thead> <tr> <th>#</th> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index b8c413888a940dd184bf623426f8baad422b5c4c..5552d6735d8987e2a8f7f003c6fadf15eb9ea95a 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -121,7 +121,7 @@ </address> <address> <strong>{{_i}}Full Name{{/i}}</strong><br> - <a mailto="#">{{_i}}first.last@gmail.com{{/i}}</a> + <a href="mailto:#">{{_i}}first.last@gmail.com{{/i}}</a> </address> </div> <div class="span4"> @@ -707,63 +707,17 @@ - <h3>5. {{_i}}Striped table w/ TableSorter.js{{/i}}</h3> + <h3>5. {{_i}}Combine them all!{{/i}}</h3> <div class="row"> <div class="span4"> - <p>{{_i}}Include the <a href="http://jquery.com">jQuery</a> <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin and automatically get clear styles for sorted columns.{{/i}}</p> -<pre class="prettyprint linenums"> -<script src="jquery.tablesorter.js"></script> -<script > - $(function() { - $("table#sortTableExample") - .tablesorter({ - sortList: [[1,0]] - }); - }); -</script> -<table class="table table-striped"> - … + <p>{{_i}}Feel free to combine any of the table classes to achieve different looks by utilizing any of the available classes.{{/i}}</p> +<pre class="prettyprint linenums" style="margin-bottom: 18px;"> +<table class="table table-striped table-bordered table-condensed"> + ... </table></pre> </div> <div class="span8"> - <table class="table table-striped tablesorter-example"> - <thead> - <tr> - <th>#</th> - <th class="yellow">{{_i}}First Name{{/i}}</th> - <th class="blue">{{_i}}Last Name{{/i}}</th> - <th class="green">{{_i}}Language{{/i}}</th> - </tr> - </thead> - <tbody> - <tr> - <td>1</td> - <td>Mark</td> - <td>Otto</td> - <td>CSS</td> - </tr> - <tr> - <td>2</td> - <td>Jacob</td> - <td>Thornton</td> - <td>Javascript</td> - </tr> - <tr> - <td>3</td> - <td>Stu</td> - <td>Dent</td> - <td>HTML</td> - </tr> - <tr> - <td>4</td> - <td>Brosef</td> - <td>Stalin</td> - <td>HTML</td> - </tr> - </tbody> - </table> - <p>{{_i}}Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.{{/i}}</p> - <table class="table table-striped table-bordered table-condensed tablesorter-example"> + <table class="table table-striped table-bordered table-condensed"> <thead> <tr> <th>#</th>