https://wiki.rlyehable.com/index.php?action=history&feed=atom&title=Grid_Test
Grid Test - Revision history
2026-06-19T14:32:52Z
Revision history for this page on the wiki
MediaWiki 1.42.1
https://wiki.rlyehable.com/index.php?title=Grid_Test&diff=3197&oldid=prev
Rlyehable at 16:26, 22 February 2020
2020-02-22T16:26:51Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 09:26, 22 February 2020</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-container-4" style="grid-gap: 1rem;"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-container-4" style="grid-gap: 1rem;"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="min-width:1rem; <!--border-top:solid 1px black; border-left:solid 1px black;--> grid-column-start: 1; grid-column: span 3;"></div></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="min-width:1rem; <!--border-top:solid 1px black; border-left:solid 1px black;--> grid-column-start: 1; grid-column: span 3;"></div></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="min-width:150px; max-width:250px; <!--border-top:solid 1px red; border-left:solid 1px red;--> grid-row-start:1; grid-row: span 2;">{{<del style="font-weight: bold; text-decoration: none;">5esrd</del>}}</div></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="min-width:150px; max-width:250px; <!--border-top:solid 1px red; border-left:solid 1px red;--> grid-row-start:1; grid-row: span 2<ins style="font-weight: bold; text-decoration: none;">; text-align:right</ins>;">{{<ins style="font-weight: bold; text-decoration: none;">sjogre cc</ins>}}</div></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-item" style="min-width:150px; grid-column-start: 1; grid-column: span 3; text-align:left; <!--border-top:solid 1px black; border-left:solid 1px black;-->">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend ac turpis nec malesuada. Phasellus sollicitudin consectetur felis sit amet consectetur. Morbi vitae porta nibh. Donec eu sem id urna mattis vulputate quis quis est. Mauris porta orci non dignissim volutpat. Mauris sodales dolor vitae turpis vehicula, in sodales lectus maximus. Praesent nisi risus, dignissim vitae imperdiet consequat, hendrerit vitae felis. Donec euismod varius facilisis. Donec at urna non erat tincidunt dapibus. Fusce et viverra nibh. Suspendisse potenti. Curabitur cursus felis sed semper congue.</div></div></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-item" style="min-width:150px; grid-column-start: 1; grid-column: span 3; text-align:left; <!--border-top:solid 1px black; border-left:solid 1px black;-->">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend ac turpis nec malesuada. Phasellus sollicitudin consectetur felis sit amet consectetur. Morbi vitae porta nibh. Donec eu sem id urna mattis vulputate quis quis est. Mauris porta orci non dignissim volutpat. Mauris sodales dolor vitae turpis vehicula, in sodales lectus maximus. Praesent nisi risus, dignissim vitae imperdiet consequat, hendrerit vitae felis. Donec euismod varius facilisis. Donec at urna non erat tincidunt dapibus. Fusce et viverra nibh. Suspendisse potenti. Curabitur cursus felis sed semper congue.</div></div></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-container-2" style="grid-gap: 1rem;"></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-container-2" style="grid-gap: 1rem;"></div></td></tr>
</table>
Rlyehable
https://wiki.rlyehable.com/index.php?title=Grid_Test&diff=80&oldid=prev
Rlyehable at 00:10, 19 September 2019
2019-09-19T00:10:28Z
<p></p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 17:10, 18 September 2019</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td>
<td colspan="2" class="diff-lineno">Line 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-container"></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><div class="grid-container<ins style="font-weight: bold; text-decoration: none;">-4" style="grid-gap: 1rem;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> <div class="grid-item" style="min-width:1rem; <!--border-top:solid 1px black; border-left:solid 1px black;--> grid-column-start: 1; grid-column: span 3;"></div></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> <div class="grid-item" style="min-width:150px; max-width:250px; <!--border-top:solid 1px red; border-left:solid 1px red;--> grid-row-start:1; grid-row: span 2;">{{5esrd}}</div></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><div class="grid-item" style="min-width:150px; grid-column-start: 1; grid-column: span 3; text-align:left; <!--border-top:solid 1px black; border-left:solid 1px black;-->">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend ac turpis nec malesuada. Phasellus sollicitudin consectetur felis sit amet consectetur. Morbi vitae porta nibh. Donec eu sem id urna mattis vulputate quis quis est. Mauris porta orci non dignissim volutpat. Mauris sodales dolor vitae turpis vehicula, in sodales lectus maximus. Praesent nisi risus, dignissim vitae imperdiet consequat, hendrerit vitae felis. Donec euismod varius facilisis. Donec at urna non erat tincidunt dapibus. Fusce et viverra nibh. Suspendisse potenti. Curabitur cursus felis sed semper congue.</div></div></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><div class="grid-container-2" style="grid-gap: 1rem;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> <div class="grid-item" style="min-width:1rem; <!--border-top:solid 1px black; border-left:solid 1px black;--> grid-column-start: 1; grid-column: span 2; text-align:left;"></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Donec molestie metus at arcu scelerisque volutpat. Duis at tellus in nunc laoreet dapibus. Nulla tincidunt nunc vitae est fringilla, eget sagittis nulla tincidunt. Aenean commodo metus molestie sem porttitor, sit amet ullamcorper elit accumsan. Quisque ullamcorper sapien ante, vel faucibus turpis varius id. Sed fermentum est eu tortor auctor maximus. Curabitur a faucibus enim. Nullam metus leo, dictum id augue et, finibus bibendum nulla. Donec varius ligula sit amet tortor pharetra maximus quis eget urna. Fusce euismod diam at suscipit posuere</ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Mauris vehicula scelerisque felis quis eleifend. Nam mollis neque diam, eu pharetra augue fringilla eu. Proin sit amet elementum neque, vel accumsan ligula. Suspendisse scelerisque volutpat massa et pretium. Sed condimentum elit neque, a tincidunt quam scelerisque non. Cras mattis laoreet nisi sit amet tempus. Nullam fringilla eu turpis vitae euismod. Morbi bibendum, velit quis volutpat rhoncus, turpis tellus molestie quam, et viverra magna magna consequat dolor. Quisque suscipit pharetra enim eu maximus. In dignissim mi dui, iaculis tempor mauris tincidunt eu. Morbi commodo gravida justo, ut mollis eros tempus quis. Aenean ac diam semper, condimentum elit vitae, pretium urna. Nam at ullamcorper mi, eu eleifend purus. Aliquam a pulvinar sapien. Aliquam erat volutpat. </ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> </div></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></div></ins></div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><div class="grid-container-4</ins>"></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="background:#ccc;">1</div></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="background:#ccc;">1</div></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">2</div></div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">2</div></div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l12">Line 12:</td>
<td colspan="2" class="diff-lineno">Line 23:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">11</div> </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">11</div> </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">12</div> </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">12</div> </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="grid-column-start: 1; grid-column-end: <del style="font-weight: bold; text-decoration: none;">6</del>; background: #ccc;">13</div> </div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item" style="grid-column-start: 1; grid-column-end: <ins style="font-weight: bold; text-decoration: none;">3</ins>; background: #ccc;">13</div> </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">14</div> </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">14</div> </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">15</div> </div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> <div class="grid-item">15</div> </div></td></tr>
</table>
Rlyehable
https://wiki.rlyehable.com/index.php?title=Grid_Test&diff=75&oldid=prev
Rlyehable: Created page with "<div class="grid-container"> <div class="grid-item" style="background:#ccc;">1</div> <div class="grid-item">2</div> <div class="grid-item">3</div> <div class="grid-i..."
2019-09-18T22:20:19Z
<p>Created page with "<div class="grid-container"> <div class="grid-item" style="background:#ccc;">1</div> <div class="grid-item">2</div> <div class="grid-item">3</div> <div class="grid-i..."</p>
<p><b>New page</b></p><div><div class="grid-container"><br />
<div class="grid-item" style="background:#ccc;">1</div><br />
<div class="grid-item">2</div><br />
<div class="grid-item">3</div> <br />
<div class="grid-item">4</div><br />
<div class="grid-item">5</div><br />
<div class="grid-item">6</div> <br />
<div class="grid-item">7</div><br />
<div class="grid-item">8</div><br />
<div class="grid-item">9</div> <br />
<div class="grid-item">10</div> <br />
<div class="grid-item">11</div> <br />
<div class="grid-item">12</div> <br />
<div class="grid-item" style="grid-column-start: 1; grid-column-end: 6; background: #ccc;">13</div> <br />
<div class="grid-item">14</div> <br />
<div class="grid-item">15</div> <br />
<div class="grid-item">16</div> <br />
<div class="grid-item">17</div> <br />
<div class="grid-item">18</div> <br />
</div></div>
Rlyehable