Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
 
(One intermediate revision by the same user not shown)
Line 6: Line 6:
.hero-banner {
.hero-banner {
   text-align: center;
   text-align: center;
   margin: 0.2.5em 0; /* FURTHER REDUCED - Reduced top/bottom margin more */
   margin: 0.5em 0; /* Keep reduced margin */
   background-color: #f8f9fa;
   background-color: #f8f9fa;
   padding: 0.1em 0.2.5em; /* FURTHER REDUCED - Reduced top/bottom padding significantly */
   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);
}
}


/* Ensure image doesn't have extra default margin if needed */
.hero-banner img {
.hero-banner img {
   max-height: 300px; /* Keep image height consistent */
   max-height: 300px; /* Keep image height consistent */
   width: auto;
   width: auto;
   max-width: 100%;
   max-width: 100%;
   display: block; /* Prevents potential bottom space under inline images */
   display: block;
   margin-left: auto; /* Keep centered */
   margin-left: auto;
   margin-right: auto; /* Keep centered */
   margin-right: auto;
   margin-bottom: 0; /* FURTHER REDUCED - Remove any bottom margin */
   margin-bottom: 0;
}
}


.hero-title {
.hero-title {
   font-size: 2em; /* Kept from previous reduction */
   font-size: 1.7em; /* SMALLER - Reduced font size further */
   font-weight: bold;
   font-weight: bold; /* Keep bold for emphasis */
   margin-top: 0.1em; /* FURTHER REDUCED - Reduced top margin */
   margin-top: 0.1em; /* TIGHTER - Reduced top margin significantly */
   margin-bottom: 0; /* FURTHER REDUCED - Removed bottom margin */
   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.2em; /* Kept from previous reduction */
   font-size: 1.0em; /* SMALLER - Reduced font size further */
   margin-top: 0.05em; /* FURTHER REDUCED - Reduced top margin */
   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; /* FURTHER REDUCED - Kept minimal bottom margin for separation from container end */
   margin-bottom: 0.1em; /* TIGHTER - Minimal bottom margin */
   line-height: 1.3; /* FURTHER REDUCED - Slightly reduce line height if text wraps */
   line-height: 1.2; /* TIGHTER - Reduced line-height */
}
}