• View
• Edit
• History
• Print

LocalCSS

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

  $LocalCSSPage = "Test.LocalCSS";

Here are the CSS definitions.

Test.Highlight-Cyrillic
@media print {
  .pagegroup, body>pre, #wikicmds, #wikicmds-toggle-label, .PmTOCdiv {
    display:none;
  }
  html, body, #bodywrap {
    background-color: white;
  }
  .hljs {
    font-size: 0.75rem !important;
  }
}

table.simpletable .hljs {
  background-color: transparent !important;
}

 Test.CorePLMT
table.items-relative ol {
  position: relative;
  column-width: 8.2em;
}
table.items-relative li > a {
  overflow: hidden;
  white-space:pre;
  text-overflow: ellipsis;
  width: 7em;
  display:block;
}

table.items-relative .popup {
  position: absolute;
  top: -3em;
  left: 1em;
  border: 1px solid #888;
  display: none;
  padding: 4px;
  border-radius: 4px;
  background-color: #ff0;
  font-size: .9em;
  z-index:2;
}
table.items-relative li:hover .popup {
  display: block;
}

 Test.PmSyntax
table.nomarkupborders table.markup {
  border: none;
}
table.nomarkupborders td.markup1 {
  padding: 0;
}

 Test.ResponsiveSkinMaxWidth
#bodywrap {
  max-width: 60em;
}

 Test.ResponsiveSkinBackground
#wikihead {
    background-image: url('/pmwiki/uploads/Test/blue-sky-public-domain.jpg');
}

 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; }