Use CSS instead of HTML tag <sup></sup>

This commit is contained in:
Carsten Grohmann 2018-10-13 19:12:13 +02:00
parent 32126bf735
commit a07c745fe0

View File

@ -25,6 +25,11 @@
text-align: right; text-align: right;
} }
.text__superscript {
vertical-align: super;
font-size: 0.83em;
}
h1 { h1 {
font-size: 2em; font-size: 2em;
margin: 0.67em 0; margin: 0.67em 0;
@ -64,6 +69,11 @@
padding: unset; padding: unset;
} }
.a__footnote {
vertical-align: super;
font-size: 0.83em;
}
/* Zebra-Layout */ /* Zebra-Layout */
tr:nth-child(odd) td:nth-child(2), tr:nth-child(odd) td:nth-child(3) { tr:nth-child(odd) td:nth-child(2), tr:nth-child(odd) td:nth-child(3) {
background-color: #f2f2f2; background-color: #f2f2f2;
@ -175,7 +185,7 @@ function goBack() {
<tr> <tr>
<td>Requested memory<br>(order)</td> <td>Requested memory<br>(order)</td>
<td class="text--align-right"> <td class="text--align-right">
<span id="trigger_proc_requested_memory"></span> (2^<sup><span id="trigger_proc_order"></span></sup>) pages / <span id="trigger_proc_requested_memory"></span> (2^<span id="trigger_proc_order" class="text__superscript"></span>) pages /
<span class="text--append-suffix-kbytes" id="trigger_proc_requested_memory_kbytes"></span> <span class="text--append-suffix-kbytes" id="trigger_proc_requested_memory_kbytes"></span>
</td> </td>
<td>The kernel specifies the requested number of pages as exponent of power of two. <td>The kernel specifies the requested number of pages as exponent of power of two.
@ -341,7 +351,7 @@ function goBack() {
<td>Dirty Pages <br> (dirty)</td> <td>Dirty Pages <br> (dirty)</td>
<td id="dirty_pages" class="text--append-suffix-pages"></td> <td id="dirty_pages" class="text--append-suffix-pages"></td>
<td>Memory which is waiting to get written back to the disk. <td>Memory which is waiting to get written back to the disk.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -349,7 +359,7 @@ function goBack() {
<td id="writeback_pages" class="text--append-suffix-pages"></td> <td id="writeback_pages" class="text--append-suffix-pages"></td>
<td> <td>
Memory which is actively being written back to the disk. Memory which is actively being written back to the disk.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -362,7 +372,7 @@ function goBack() {
<td id="slab_reclaimable_pages" class="text--append-suffix-pages"></td> <td id="slab_reclaimable_pages" class="text--append-suffix-pages"></td>
<td> <td>
Slab is a in-kernel data structures cache. Part of Slab, that might be reclaimed, such as caches. Slab is a in-kernel data structures cache. Part of Slab, that might be reclaimed, such as caches.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
<br> <br>
Additional details are listed in Additional details are listed in
<a href="http://man7.org/linux/man-pages/man5/slabinfo.5.html" target="_blank">slabinfo(5)</a> also. <a href="http://man7.org/linux/man-pages/man5/slabinfo.5.html" target="_blank">slabinfo(5)</a> also.
@ -373,7 +383,7 @@ function goBack() {
<td id="slab_unreclaimable_pages" class="text--append-suffix-pages"></td> <td id="slab_unreclaimable_pages" class="text--append-suffix-pages"></td>
<td> <td>
Part of Slab, that cannot be reclaimed on memory pressure. Part of Slab, that cannot be reclaimed on memory pressure.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -382,7 +392,7 @@ function goBack() {
<td> <td>
Files which have been mapped into memory (with Files which have been mapped into memory (with
<a href="http://man7.org/linux/man-pages/man2/mmap.2.html">mmap(2)</a>), such as libraries. <a href="http://man7.org/linux/man-pages/man2/mmap.2.html">mmap(2)</a>), such as libraries.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -392,7 +402,7 @@ function goBack() {
Amount of memory consumed in Amount of memory consumed in
<a href="http://man7.org/linux/man-pages/man5/tmpfs.5.html">tmpfs(5)</a> <a href="http://man7.org/linux/man-pages/man5/tmpfs.5.html">tmpfs(5)</a>
filesystems. filesystems.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -400,7 +410,7 @@ function goBack() {
<td id="pagetables_pages" class="text--append-suffix-pages"></td> <td id="pagetables_pages" class="text--append-suffix-pages"></td>
<td> <td>
Amount of memory dedicated to the lowest level of pagetables. Amount of memory dedicated to the lowest level of pagetables.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -408,7 +418,7 @@ function goBack() {
<td id="bounce_pages" class="text--append-suffix-pages"></td> <td id="bounce_pages" class="text--append-suffix-pages"></td>
<td> <td>
Memory used for block device "bounce buffers". Memory used for block device "bounce buffers".
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -443,14 +453,14 @@ function goBack() {
<td>Swap Total</td> <td>Swap Total</td>
<td id="swap_total_kb" class="text--append-suffix-kbytes"></td> <td id="swap_total_kb" class="text--append-suffix-kbytes"></td>
<td>Total amount of swap space available. <td>Total amount of swap space available.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
<td>Swap Free</td> <td>Swap Free</td>
<td id="swap_free_kb" class="text--append-suffix-kbytes"></td> <td id="swap_free_kb" class="text--append-suffix-kbytes"></td>
<td>Amount of swap space that is currently unused. <td>Amount of swap space that is currently unused.
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>
@ -461,7 +471,7 @@ function goBack() {
sure is high, these pages don't need to be swapped out sure is high, these pages don't need to be swapped out
again because they are already in the swap file. This again because they are already in the swap file. This
saves I/O). saves I/O).
<sup><a href="#footnote-proc5">[1]</a></sup> <a class="a__footnote" href="#footnote-proc5">[1]</a>
</td> </td>
</tr> </tr>
<tr> <tr>