MediaWiki:Gadget-site-tpl-copy.css

From Irregularpedia
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
.tpl-copy { position: relative; min-width: 40%; max-width: max-content; }

/**
 * https://doc.wikimedia.org/oojs-ui/master/demos/ (2023-11-13)
 * https://design.wikimedia.org/style-guide/components/buttons.html
 */
.tpl-copy--bound button {
  position: absolute;
  top: -1em; right: -0.9em;

  box-sizing: border-box;
  padding: 5px 7px;
  border-radius: 2px;

  background: #fff;
  color: #36c;
  border: 1px solid #eaecf0;
}
.tpl-copy--bound button:hover {
  cursor: pointer;
  background: #fff;
  border: 1px solid #447ff5;
}
.tpl-copy--bound button:active {
  background: #eff3fa;
  color: #2a4b8d;
  border-color: #2a4b8d;
}