Skip to content
GitLab
Commit a9c6dca0 authored by Gaëtan Muller's avatar Gaëtan Muller
Browse files

More translation tags in Base CSS

parent bc9c89f1
Hide whitespace changes
Inline Side-by-side
Showing
with 81 additions and 81 deletions
+81 -81
docs/templates/pages/base-css.mustache
+ 81
- 81
View file @ a9c6dca0
...@@ -134,7 +134,7 @@ ...@@ -134,7 +134,7 @@
<!-- Blockquotes --> <!-- Blockquotes -->
<h2>Blockquotes</h2> <h2>{{_i}}Blockquotes{{/i}}</h2>
<table class="table table-bordered table-striped"> <table class="table table-bordered table-striped">
<thead> <thead>
<tr> <tr>
...@@ -322,53 +322,53 @@ ...@@ -322,53 +322,53 @@
</table> </table>
<!-- Labels --> <!-- Labels -->
<h2>Inline labels <small>for special attention</small></h2> <h2>{{_i}}Inline labels <small>for special attention</small>{{/i}}</h2>
<table class="table table-bordered table-striped"> <table class="table table-bordered table-striped">
<thead> <thead>
<tr> <tr>
<th style="width: 190px;">Labels</th> <th style="width: 190px;">{{_i}}Labels{{/i}}</th>
<th>Markup</th> <th>{{_i}}Markup{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td> <td>
<span class="label">Default</span> <span class="label">{{_i}}Default{{/i}}</span>
</td> </td>
<td> <td>
<code>&lt;span class="label"&gt;Default&lt;/span&gt;</code> <code>&lt;span class="label"&gt;{{_i}}Default{{/i}}&lt;/span&gt;</code>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="label success">New</span> <span class="label success">{{_i}}New{{/i}}</span>
</td> </td>
<td> <td>
<code>&lt;span class="label success"&gt;New&lt;/span&gt;</code> <code>&lt;span class="label success"&gt;{{/_i}}New{{/i}}&lt;/span&gt;</code>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="label warning">Warning</span> <span class="label warning">{{_i}}Warning{{/i}}</span>
</td> </td>
<td> <td>
<code>&lt;span class="label warning"&gt;Warning&lt;/span&gt;</code> <code>&lt;span class="label warning"&gt;{{_i}}Warning{{/i}}&lt;/span&gt;</code>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="label important">Important</span> <span class="label important">{{_i}}Important{{/i}}</span>
</td> </td>
<td> <td>
<code>&lt;span class="label important"&gt;Important&lt;/span&gt;</code> <code>&lt;span class="label important"&gt;{{_i}}Important{{/i}}&lt;/span&gt;</code>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td>
<span class="label notice">Notice</span> <span class="label notice">{{_i}}Notice{{/i}}</span>
</td> </td>
<td> <td>
<code>&lt;span class="label notice"&gt;Notice&lt;/span&gt;</code> <code>&lt;span class="label notice"&gt;{{_i}}Notice{{/i}}&lt;/span&gt;</code>
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -382,17 +382,17 @@ ...@@ -382,17 +382,17 @@
================================================== --> ================================================== -->
<section id="tables"> <section id="tables">
<div class="page-header"> <div class="page-header">
<h1>Tables <small>For, you guessed it, tabular data</small></h1> <h1>{{_i}}Tables <small>For, you guessed it, tabular data</small>{{/i}}</h1>
</div> </div>
<h2>Table markup</h2> <h2>{{_i}}Table markup{{/i}}</h2>
<div class="row"> <div class="row">
<div class="span8"> <div class="span8">
<table class="table table-bordered table-striped"> <table class="table table-bordered table-striped">
<thead> <thead>
<tr> <tr>
<th>Tag</th> <th>{{_i}}Tag{{/i}}</th>
<th>Description</th> <th>{{_i}}Description{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -401,7 +401,7 @@ ...@@ -401,7 +401,7 @@
<code>&lt;table&gt;</code> <code>&lt;table&gt;</code>
</td> </td>
<td> <td>
Wrapping element for displaying data in a tabular format {{_i}}Wrapping element for displaying data in a tabular format{{/i}}
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -409,7 +409,7 @@ ...@@ -409,7 +409,7 @@
<code>&lt;thead&gt;</code> <code>&lt;thead&gt;</code>
</td> </td>
<td> <td>
Container element for table header rows (<code>&lt;tr&gt;</code>) to label table columns {{_i}}Container element for table header rows (<code>&lt;tr&gt;</code>) to label table columns{{/i}}
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -417,7 +417,7 @@ ...@@ -417,7 +417,7 @@
<code>&lt;tbody&gt;</code> <code>&lt;tbody&gt;</code>
</td> </td>
<td> <td>
Container element for table rows (<code>&lt;tr&gt;</code>) in the body of the table {{_i}}Container element for table rows (<code>&lt;tr&gt;</code>) in the body of the table{{/i}}
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -425,7 +425,7 @@ ...@@ -425,7 +425,7 @@
<code>&lt;tr&gt;</code> <code>&lt;tr&gt;</code>
</td> </td>
<td> <td>
Container element for a set of table cells (<code>&lt;td&gt;</code> or <code>&lt;th&gt;</code>) that appears on a single row {{_i}}Container element for a set of table cells (<code>&lt;td&gt;</code> or <code>&lt;th&gt;</code>) that appears on a single row{{/i}}
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -433,7 +433,7 @@ ...@@ -433,7 +433,7 @@
<code>&lt;td&gt;</code> <code>&lt;td&gt;</code>
</td> </td>
<td> <td>
Default table cell {{_i}}Default table cell{{/i}}
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -441,8 +441,8 @@ ...@@ -441,8 +441,8 @@
<code>&lt;th&gt;</code> <code>&lt;th&gt;</code>
</td> </td>
<td> <td>
Special table cell for column (or row, depending on scope and placement) labels<br> {{_i}}Special table cell for column (or row, depending on scope and placement) labels{{/i}}<br>
Must be used within a <code>&lt;thead&gt;</code> {{_i}}Must be used within a <code>&lt;thead&gt;</code>{{/i}}
</td> </td>
</tr> </tr>
<tr> <tr>
...@@ -450,7 +450,7 @@ ...@@ -450,7 +450,7 @@
<code>&lt;caption&gt;</code> <code>&lt;caption&gt;</code>
</td> </td>
<td> <td>
Description or summary of what the table holds, especially useful for screen readers {{_i}}Description or summary of what the table holds, especially useful for screen readers{{/i}}
</td> </td>
</tr> </tr>
</tbody> </tbody>
...@@ -461,14 +461,14 @@ ...@@ -461,14 +461,14 @@
&lt;table&gt; &lt;table&gt;
&lt;thead&gt; &lt;thead&gt;
&lt;tr&gt; &lt;tr&gt;
&lt;th&gt;...&lt;/th&gt; &lt;th&gt;…&lt;/th&gt;
&lt;th&gt;...&lt;/th&gt; &lt;th&gt;…&lt;/th&gt;
&lt;/tr&gt; &lt;/tr&gt;
&lt;/thead&gt; &lt;/thead&gt;
&lt;tbody&gt; &lt;tbody&gt;
&lt;tr&gt; &lt;tr&gt;
&lt;td&gt;...&lt;/td&gt; &lt;td&gt;…&lt;/td&gt;
&lt;td&gt;...&lt;/td&gt; &lt;td&gt;…&lt;/td&gt;
&lt;/tr&gt; &lt;/tr&gt;
&lt;/tbody&gt; &lt;/tbody&gt;
&lt;/table&gt; &lt;/table&gt;
...@@ -476,62 +476,62 @@ ...@@ -476,62 +476,62 @@
</div> </div>
</div> </div>
<h2>Table options</h2> <h2>{{_i}}Table options{{/i}}</h2>
<table class="table table-bordered table-striped"> <table class="table table-bordered table-striped">
<thead> <thead>
<tr> <tr>
<th>Name</th> <th>{{_i}}Name{{/i}}</th>
<th>Class</th> <th>{{_i}}Class{{/i}}</th>
<th>Description</th> <th>{{_i}}Description{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td>Default</td> <td>{{_i}}Default{{/i}}</td>
<td class="muted">None</td> <td class="muted">{{_i}}None{{/i}}</td>
<td>No styles, just columns and rows</td> <td>{{_i}}No styles, just columns and rows{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td>Basic</td> <td>{{_i}}Basic{{/i}}</td>
<td> <td>
<code>.table</code> <code>.table</code>
</td> </td>
<td>Only horizontal lines between rows</td> <td>{{_i}}Only horizontal lines between rows{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td>Bordered</td> <td>{{_i}}Bordered{{/i}}</td>
<td> <td>
<code>.table-bordered</code> <code>.table-bordered</code>
</td> </td>
<td>Rounds corners and adds outter border</td> <td>{{_i}}Rounds corners and adds outter border{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td>Zebra-stripe</td> <td>{{_i}}Zebra-stripe{{/i}}</td>
<td> <td>
<code>.table-striped</code> <code>.table-striped</code>
</td> </td>
<td>Adds light gray background color to odd rows (1, 3, 5, etc)</td> <td>{{_i}}Adds light gray background color to odd rows (1, 3, 5, etc){{/i}}</td>
</tr> </tr>
<tr> <tr>
<td>Condensed</td> <td>{{_i}}Condensed{{/i}}</td>
<td> <td>
<code>.table-condensed</code> <code>.table-condensed</code>
</td> </td>
<td>Cuts vertical padding in half, from 8px to 4px, within all <code>td</code> and <code>th</code> elements</td> <td>{{_i}}Cuts vertical padding in half, from 8px to 4px, within all <code>td</code> and <code>th</code> elements{{/i}}</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
<h2>Example tables</h2> <h2>{{_i}}Example tables{{/i}}</h2>
<h3>1. Default table styles</h3> <h3>1. {{_i}}Default table styles{{/i}}</h3>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<p>Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the <code>.table</code> class is required.</p> <p>{{_i}}Tables are automatically styled with only a few borders to ensure readability and maintain structure. With 2.0, the <code>.table</code> class is required.{{/i}}</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;table class="table"&gt; &lt;table class="table"&gt;
... …
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
...@@ -539,9 +539,9 @@ ...@@ -539,9 +539,9 @@
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th>First Name</th> <th>{{_i}}First Name{{/i}}</th>
<th>Last Name</th> <th>{{_i}}Last Name{{/i}}</th>
<th>Language</th> <th>{{_i}}Language{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -569,14 +569,14 @@ ...@@ -569,14 +569,14 @@
</div> </div>
<h3>2. Striped table</h3> <h3>2. {{_i}}Striped table{{/i}}</h3>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<p>Get a little fancy with your tables by adding zebra-striping&mdash;just add the <code>.table-striped</code> class.</p> <p>{{_i}}Get a little fancy with your tables by adding zebra-striping&mdash;just add the <code>.table-striped</code> class.{{/i}}</p>
<p class="muted"><strong>Note:</strong> Sprited tables use the <code>:nth-child</code> CSS selector and is not available in IE7-IE8.</p> <p class="muted">{{_i}}<strong>Note:</strong> Sprited tables use the <code>:nth-child</code> CSS selector and is not available in IE7-IE8.{{/i}}</p>
<pre class="prettyprint linenums" style="margin-bottom: 18px;"> <pre class="prettyprint linenums" style="margin-bottom: 18px;">
&lt;table class="table table-striped"&gt; &lt;table class="table table-striped"&gt;
... …
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
...@@ -584,9 +584,9 @@ ...@@ -584,9 +584,9 @@
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th>First Name</th> <th>{{_i}}First Name{{/i}}</th>
<th>Last Name</th> <th>{{_i}}Last Name{{/i}}</th>
<th>Language</th> <th>{{_i}}Language{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -614,13 +614,13 @@ ...@@ -614,13 +614,13 @@
</div> </div>
<h3>3. Bordered table</h3> <h3>3. {{_i}}Bordered table{{/i}}</h3>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<p>Add borders around the entire table and rounded corners for aesthetic purposes.</p> <p>{{_i}}Add borders around the entire table and rounded corners for aesthetic purposes.{{/i}}</p>
<pre class="prettyprint linenums"> <pre class="prettyprint linenums">
&lt;table class="table table-bordered"&gt; &lt;table class="table table-bordered"&gt;
... …
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
...@@ -628,9 +628,9 @@ ...@@ -628,9 +628,9 @@
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th>First Name</th> <th>{{_i}}First Name{{/i}}</th>
<th>Last Name</th> <th>{{_i}}Last Name{{/i}}</th>
<th>Language</th> <th>{{_i}}Language{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -662,13 +662,13 @@ ...@@ -662,13 +662,13 @@
</div> </div>
<h3>4. Condensed table</h3> <h3>4. {{_i}}Condensed table{{/i}}</h3>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<p>Make your tables more compact by adding the <code>.table-condensed</code> class to cut table cell padding in half (from 10px to 5px).</p> <p>{{_i}}Make your tables more compact by adding the <code>.table-condensed</code> class to cut table cell padding in half (from 8px to 4px).{{/i}}</p>
<pre class="prettyprint linenums" style="margin-bottom: 18px;"> <pre class="prettyprint linenums" style="margin-bottom: 18px;">
&lt;table class="table table-condensed"&gt; &lt;table class="table table-condensed"&gt;
... …
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
...@@ -676,9 +676,9 @@ ...@@ -676,9 +676,9 @@
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th>First Name</th> <th>{{_i}}First Name{{/i}}</th>
<th>Last Name</th> <th>{{_i}}Last Name{{/i}}</th>
<th>Language</th> <th>{{_i}}Language{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -707,10 +707,10 @@ ...@@ -707,10 +707,10 @@
<h3>5. Striped table w/ TableSorter.js</h3> <h3>5. {{_i}}Striped table w/ TableSorter.js{{/i}}</h3>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<p>Include the <a href="http://jquery.com">jQuery</a> <a href="http://tablesorter.com/docs/">Tablesorter</a> plugin and automaically get clear styles for sorted columns.</p> <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"> <pre class="prettyprint linenums">
&lt;script src="jquery.tablesorter.js"&gt;&lt;/script&gt; &lt;script src="jquery.tablesorter.js"&gt;&lt;/script&gt;
&lt;script &gt; &lt;script &gt;
...@@ -722,7 +722,7 @@ ...@@ -722,7 +722,7 @@
}); });
&lt;/script&gt; &lt;/script&gt;
&lt;table class="table table-striped"&gt; &lt;table class="table table-striped"&gt;
... …
&lt;/table&gt;</pre> &lt;/table&gt;</pre>
</div> </div>
<div class="span8"> <div class="span8">
...@@ -730,9 +730,9 @@ ...@@ -730,9 +730,9 @@
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th class="yellow">First Name</th> <th class="yellow">{{_i}}First Name{{/i}}</th>
<th class="blue">Last Name</th> <th class="blue">{{_i}}Last Name{{/i}}</th>
<th class="green">Language</th> <th class="green">{{_i}}Language{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -762,14 +762,14 @@ ...@@ -762,14 +762,14 @@
</tr> </tr>
</tbody> </tbody>
</table> </table>
<p>Styles for the Tablesorter, zebra striping, borders, and condensing may all compound in any variation to fit your needs.</p> <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 tablesorter-example">
<thead> <thead>
<tr> <tr>
<th>#</th> <th>#</th>
<th class="yellow">First Name</th> <th class="yellow">{{_i}}First Name{{/i}}</th>
<th class="blue">Last Name</th> <th class="blue">{{_i}}Last Name{{/i}}</th>
<th class="green">Language</th> <th class="green">{{_i}}Language{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment