Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 6: Line 6:
.hero-banner {
.hero-banner {
   text-align: center;
   text-align: center;
   margin: 2em 0;
   margin: 0.5em 0; /* Keep reduced margin */
   background-color: #f8f9fa;
   background-color: #f8f9fa;
   padding: 2em 1em;
   padding: 0.2em 0.5em; /* Keep reduced padding */
   border-radius: 8px;
   border-radius: 8px;
   box-shadow: 0 2px 10px rgba(0,0,0,0.05);
   box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.hero-banner img {
  max-height: 300px; /* Keep image height consistent */
  width: auto;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
}


.hero-title {
.hero-title {
   font-size: 2.5em;
   font-size: 1.7em; /* SMALLER - Reduced font size further */
   font-weight: bold;
   font-weight: bold; /* Keep bold for emphasis */
   margin-top: 0.8em;
   margin-top: 0.1em; /* TIGHTER - Reduced top margin significantly */
  margin-bottom: 0; /* Keep bottom margin at 0 */
   color: #2c3e50;
   color: #2c3e50;
   text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
   text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
   text-align: center;
   text-align: center;
  line-height: 1.2; /* TIGHTER - Reduced line-height */
}
}


.hero-subtitle {
.hero-subtitle {
   font-size: 1.4em;
   font-size: 1.0em; /* SMALLER - Reduced font size further */
   margin-top: 0.4em;
   margin-top: 0.05em; /* TIGHTER - Almost no top margin */
   color: #34495e;
   color: #34495e;
   font-weight: 300;
   font-weight: 300;
   text-align: center;
   text-align: center;
  margin-bottom: 0.1em; /* TIGHTER - Minimal bottom margin */
  line-height: 1.2; /* TIGHTER - Reduced line-height */
}
}


Line 68: Line 82:
.about-section {
.about-section {
   max-width: 900px;
   max-width: 900px;
   margin: 2em auto;
   margin: 1em auto; /* Keep as previously reduced */
   font-size: 1.1em;
   font-size: 1em; /* Keep as previously reduced */
   line-height: 1.7;
   line-height: 1.6; /* Keep as previously reduced */
   text-align: center;
   text-align: center;
   color: #333;
   color: #333;
   background-color: white;
   background-color: white;
   padding: 1.5em;
   padding: 1em; /* Keep as previously reduced */
   border-radius: 8px;
   border-radius: 8px;
   box-shadow: 0 2px 8px rgba(0,0,0,0.05);
   box-shadow: 0 2px 8px rgba(0,0,0,0.05);
Line 81: Line 95:
.about-section h2 {
.about-section h2 {
   color: #2c3e50;
   color: #2c3e50;
   margin-bottom: 0.8em;
   margin-bottom: 0.5em; /* Keep as previously reduced */
   font-size: 1.8em;
   font-size: 1.5em; /* Keep as previously reduced */
}
 
.about-section p {
  margin-top: 0;
  margin-bottom: 0.5em; /* Keep as previously reduced */
}
}


.external-links {
.external-links {
Line 202: Line 222:
}
}


.wiki-table th,  
.wiki-table th,
.wiki-table-mobile th {
.wiki-table-mobile th {
   text-align: center;
   text-align: center;
}
}


.section-header,  
.section-header,
.blue-header,  
.blue-header,
.orange-header,  
.orange-header,
.green-header,  
.green-header,
.pink-header,  
.pink-header,
.yellow-header,  
.yellow-header,
.light-blue-header,  
.light-blue-header,
.purple-header {
.purple-header {
   width: 50%;
   width: 50%;
Line 437: Line 457:
/* If your wiki has standard 'header' rows in tables, style them nicely */
/* If your wiki has standard 'header' rows in tables, style them nicely */
table th {
table th {
   background-color: #eee;  
   background-color: #eee;
   font-weight: bold;  
   font-weight: bold;
   padding: 0.5em;
   padding: 0.5em;
   border: 1px solid #ccc;
   border: 1px solid #ccc;
Line 551: Line 571:
}
}


mw-search-profile-tabs {
.mw-search-profile-tabs {
     display: none !important;
     display: none !important;
}
}