The Deep Tech Wiki

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 16: Line 16:
/* Wrapper spacing */
/* Wrapper spacing */
.create-button {
.create-button {
     margin: 0.5em 0;
     margin: 0.6em 0;
}
}


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


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


/* Active — subtle press */
.create-button a.external.text:active {
.create-button a.external.text:active {
    background-color: #0c0c0c;
    border-color: #5b3fd8;
     transform: translateY(0);
     transform: translateY(0);
     box-shadow: 0 1px 4px rgba(0,0,0,0.18);
     box-shadow: 0 1px 3px rgba(90, 60, 220, 0.2);
}
}


/* Remove the tiny external-link icon inside the button */
/* Remove external link icon entirely */
.create-button a.external.text::after {
.create-button a.external.text::after {
     display: none !important;
     display: none !important;
}
}
Retrieved from "https://deeptech.wiki/wiki/MediaWiki:Common.css"