Open main menu

Extension:TopicTags/CSS-Common.css

< Extension:TopicTags
  1. Browse to
    YOUR-WIKI-URL/MediaWiki:Common.css
  2. Paste the following into the bottom of the page
/* TOPIC-TAGS */
:root { 
  /* hotspot padding*/
  --hotpad: -1em;
  /* line padding */
  --linepad: .4em
}

.tag-label a::before {
  display: block;
  position: absolute;  
  top: var(--hotpad);
  left: var(--hotpad);
  bottom: var(--hotpad);
  right: var(--hotpad);
  /* TOGGLE COMMENTS TO SHOW-HOTSPOT */
  content: ''; /*
  content: 'HOT';
  color: Blue;
  border-style:dotted;  */
  /* END SHOW-HOTSPOT */
}

.tag-label {
  position: relative;
}

.tag-label a {
  color: Green;
  font-weight: bold;
}

/* :not(:hover) prevents hover action on child element https://stackoverflow.com/a/14792594/209942 */
.tag-label:hover + .tag-region:not(:hover) {
     background-color:#ffe999;
     /* padding to make background fill full line-height. */
     padding-top:var(--linepad);
     padding-bottom:var(--linepad);
}
/* END TOPIC-TAGS CSS */