MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(21 intermediate revisions by the same user not shown)
Line 13: Line 13:
}
}


/* ---Create Buttons (for new pages) Styling --- */


/* Wrapper spacing */
/* Wrapper spacing */
Line 19: Line 20:
}
}


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


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


/* Active: pressed look */
.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);
}
}


/* Remove the tiny external-link icon inside the button */
 
/* Remove little external link icon */
.create-button a.external.text::after {
.create-button a.external.text::after {
     display: none !important;
     display: none !important;
}
/* Banner for beta notice*/
/* Used in MediaWiki:Sitenotice */
.beta-banner {
  background: #fff3cd;
  border: 2px solid #E6DBAE;
  padding: 6px 12px;
  text-align: center;
  font-size: 0.8rem;
  color: #856404;
  max-width: 500px;
  margin: 0.5rem auto;
  border-radius: 2px;
}
}