MediaWiki:Common.css: Difference between revisions

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


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


.create-button a {
/* Wrapper spacing */
.create-button {
    margin: 0.5em 0;
}
 
/* Minimal, fixed-size outline button */
.create-button a.external.text {
     display: inline-block;
     display: inline-block;
     padding: 10px 18px;
    width: 220px;                   
     background-color: #3366ff;
     padding: 8px 0;
     color: white !important;
     text-align: center;             
     text-decoration: none;
    border: 1.5px solid #000001;   
    border-radius: 6px;
    border-radius: 2px;
 
    background: transparent !important;
     color: inherit !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.01em;
     transition: background-color 0.2s ease, transform 0.15s ease;
 
     transition:
        transform 0.15s ease,
        border-color 0.15s ease,
        background-color 0.2s ease;  
}
}


.create-button a:hover {
/* Hover: grey fill, crisp border, slight lift */
     background-color: #1f4fe0;
.create-button a.external.text:hover {
    border-color: #000;
     background-color: #f2f2f2 !important;  
     transform: translateY(-1px);
     transform: translateY(-1px);
}
}


.create-button a:active {
/* Active: pressed look */
    background-color: #183fb8;
.create-button a.external.text:active {
     transform: translateY(0);
     transform: translateY(0);
}
/* Remove little external link icon */
.create-button a.external.text::after {
    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;
}
}