LocalCSS


See Cookbook:LocalCSS, the recipe is enabled on the Test group with

  $LocalCSSPage = "Test.LocalCSS";

Here are the CSS definitions.

 Test.PitsFormCheckVersionInput
.pitsform-new-issue th { vertical-align: top; padding-top: 2px; }
.pits-pmvck-unsup { position: relative; display: inline-block; }
.pits-pmvck-unsup strong { position: absolute; display: block; right: 100%; }

#pits-pmvck-ver, #pits-pmvck-cmp { width: 8em; text-align: center; }
#pits-pmvck-cmp { border-style: solid; border-color: transparent; }

#pits-pmvck-ver[pattern]:valid   ~ .pits-pmvck-unsup,
#pits-pmvck-ver[pattern]:invalid ~ .pits-pmvck-unsup,
#pits-pmvck-islatest:checked     ~ .pits-pmvck-unsup,
#pits-pmvck-isother:checked      ~ .pits-pmvck-unsup,
.pits-pmvck-latest, .pits-pmvck-other { display: none; }

#pits-pmvck-ver[pattern]:valid   ~ .pits-pmvck-unsup,
#pits-pmvck-islatest:checked     ~ .pits-pmvck-latest { display: inline; }
#pits-pmvck-ver[pattern]:invalid ~ .pits-pmvck-unsup,
#pits-pmvck-isother:checked      ~ .pits-pmvck-other  { display: inline; }

.pits-pmvck-latest:before, .pits-pmvck-other:before {
  display: inline-block;
  line-height: 2em;
  width: 2em;
  text-align: center;
  margin-top: 0.2em;
  margin-right: 0.5em;
  border: 1px solid silver;
}
.pits-pmvck-latest:before {
  content: "\2714 ";
  color: green;
  border-color: green;
  background-color: lime;
}
.pits-pmvck-other:before {
  content: "\2691 ";
  color: white;
  border-color: darkred;
  background-color: red;
}

 Test.50AllRecentChanges

ul.recent-changes { list-style-type: decimal; }
ul.recent-changes li { position: relative; border-left: 1ex solid transparent; }
ul.recent-changes li:nth-child(10n) { margin-bottom: 1em; }
ul.recent-changes li a { color: navy; text-decoration: none; }
ul.recent-changes li a:first-child {
  margin-left:15em; display: inline-block; min-width: 20em; }
ul.recent-changes li a[href*="#diff"] { position: absolute; left: 0; color: gray; }
ul.recent-changes li:hover { background-color: moccasin; }
ul.recent-changes li:active { background-color: palegoldenrod; } /* to select a line, drag a link sidewards a few pixels */
ul.recent-changes li:active a[href*="#diff"],
ul.recent-changes li:hover a[href*="#diff"] { color: black; }
ul.recent-changes .createlinktext { color: red; }
ul.recent-changes .createlink { display: none; }

 0: 00.00 00.00 config start
 1: 00.01 00.01 config end
 2: 00.06 00.06 MarkupToHTML begin
 3: 00.14 00.14 MarkupToHTML end
 4: 00.15 00.15 MarkupToHTML begin
 5: 00.18 00.17 ReadApprovedUrls SiteAdmin.ApprovedUrls begin
 6: 00.19 00.18 ReadApprovedUrls SiteAdmin.ApprovedUrls end
 7: 00.22 00.21 MarkupToHTML end
 8: 00.22 00.21 MarkupToHTML begin
 9: 00.24 00.23 MarkupToHTML end
10: 00.24 00.23 now
Peak memory: 5,942,976 bytes