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

MediaWiki:Common.css: Difference between revisions

From The Deep Tech Wiki
No edit summary
No edit summary
Line 14: Line 14:




.create-button a {
/* Wrapper spacing */
.create-button {
    margin: 0.5em 0;
}
 
/* Main button look */
.create-button a.external.text {
     display: inline-block;
     display: inline-block;
     padding: 10px 18px;
     padding: 10px 22px;
     background-color: #3366ff;
     background-color: #111111;         /* deep neutral to match the logo */
     color: white !important;
    border-radius: 8px;
     text-decoration: none;
    border: 1px solid #5b3fd8;          /* purple accent */
    border-radius: 6px;
     color: #ffffff !important;
     text-decoration: none !important;
     font-weight: 600;
     font-weight: 600;
     font-size: 0.95em;
     font-size: 0.95em;
     box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    letter-spacing: 0.02em;
     transition: background-color 0.2s ease, transform 0.15s ease;
     box-shadow: 0 2px 6px rgba(0,0,0,0.18);
     transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}
}


.create-button a:hover {
/* Hover + active states */
     background-color: #1f4fe0;
.create-button a.external.text:hover {
     background-color: #1a1a1a;
    border-color: #7a5cff;              /* brighter purple on hover */
     transform: translateY(-1px);
     transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.22);
}
}


.create-button a:active {
.create-button a.external.text:active {
     background-color: #183fb8;
     background-color: #0c0c0c;
    border-color: #5b3fd8;
     transform: translateY(0);
     transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
}
/* Remove the tiny external-link icon inside the button */
.create-button a.external.text::after {
    display: none !important;
}
}

Revision as of 13:28, 13 November 2025

/* 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.5em 0;
}

/* Main button look */
.create-button a.external.text {
    display: inline-block;
    padding: 10px 22px;
    background-color: #111111;          /* deep neutral to match the logo */
    border-radius: 8px;
    border: 1px solid #5b3fd8;          /* purple accent */
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.95em;
    letter-spacing: 0.02em;
    box-shadow: 0 2px 6px rgba(0,0,0,0.18);
    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.15s ease,
        box-shadow 0.2s ease;
}

/* Hover + active states */
.create-button a.external.text:hover {
    background-color: #1a1a1a;
    border-color: #7a5cff;              /* brighter purple on hover */
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.22);
}

.create-button a.external.text:active {
    background-color: #0c0c0c;
    border-color: #5b3fd8;
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.18);
}

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