Jump to content

This site is currently in alpha, so you will run into rough edges.

Please send feedback or ideas to connect@deeptech.wiki

MediaWiki:Common.css

From The Deep Tech Wiki
Revision as of 13:30, 13 November 2025 by C (talk | contribs)

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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* --- Article Maintenance Box (Ambox) Styling --- */
.ambox-maintenance {
  width: 80%;
  margin: 1em auto;
  padding: 0.5em 1em;
  background-color: #f8f9fa;
  /* This is the border */
  border: 1px solid #aaa;
  border-left: 10px solid #f28500; /* Orange */
  border-radius: 4px;
}


/* Wrapper spacing */
.create-button {
    margin: 0.6em 0;
}

/* Border-only button */
.create-button a.external.text {
    display: inline-block;
    padding: 10px 22px;
    background: transparent !important;       /* no fill */
    border: 2px solid #5b3fd8;                /* purple outline */
    border-radius: 10px;
    color: #111111 !important;                /* dark text to match logo */
    font-weight: 600;
    font-size: 0.95em;
    text-decoration: none !important;
    letter-spacing: 0.02em;
    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}

/* Hover — purple glow, slight lift */
.create-button a.external.text:hover {
    border-color: #7a5cff;                    /* lighter purple */
    color: #7a5cff !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(90, 60, 220, 0.15);
}

/* Active — subtle press */
.create-button a.external.text:active {
    transform: translateY(0);
    box-shadow: 0 1px 3px rgba(90, 60, 220, 0.2);
}

/* Remove external link icon entirely */
.create-button a.external.text::after {
    display: none !important;
}