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: Difference between revisions

From The Deep Tech Wiki
No edit summary
No edit summary
 
(19 intermediate revisions by the same user not shown)
Line 12: Line 12:
   border-radius: 4px;
   border-radius: 4px;
}
}
/* ---Create Buttons (for new pages) Styling --- */


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


/* Minimal black-outline button */
/* Minimal, fixed-size outline button */
.create-button a.external.text {
.create-button a.external.text {
     display: inline-block;
     display: inline-block;
     padding: 8px 16px;
    width: 220px;                   
     border: 2px solid #000000;         /* black outline */
     padding: 8px 0;
     border-radius: 3px;                 /* subtle, sharp corner */
    text-align: center;            
     background: transparent !important; /* no fill */
     border: 1.5px solid #000001;    
     color: inherit !important;         /* use normal page link color */
     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.01em;
     transition:
     transition:
         border-color 0.2s ease,
        transform 0.15s ease,
         transform 0.15s ease;
         border-color 0.15s ease,
         background-color 0.2s ease;  
}
}


/* Hover: subtle emphasis, nothing flashy */
/* Hover: grey fill, crisp border, slight lift */
.create-button a.external.text:hover {
.create-button a.external.text:hover {
     border-color: #000000;             /* stays black */
     border-color: #000;
    background-color: #f2f2f2 !important; 
     transform: translateY(-1px);
     transform: translateY(-1px);
}
}
Line 45: Line 54:
}
}


/* Remove external link arrow icon */
 
/* 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;
}
}

Latest revision as of 00:49, 21 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;
}

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

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

/* Minimal, fixed-size outline button */
.create-button a.external.text {
    display: inline-block;
    width: 220px;                    
    padding: 8px 0;
    text-align: center;              
    border: 1.5px solid #000001;     
    border-radius: 2px;

    background: transparent !important;
    color: inherit !important;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 0.95em;
    letter-spacing: 0.01em;

    transition:
        transform 0.15s ease,
        border-color 0.15s ease,
        background-color 0.2s ease; 
}

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

/* Active: pressed look */
.create-button a.external.text:active {
    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;
}