Jump to content

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
No edit summary
No edit summary
Line 6: Line 6:
.hero-banner {
.hero-banner {
   text-align: center;
   text-align: center;
   margin: 1em 0; /* MODIFIED - Reduced top/bottom margin */
   margin: 0.5em 0; /* FURTHER REDUCED - Reduced top/bottom margin more */
   background-color: #f8f9fa;
   background-color: #f8f9fa;
   padding: 1em 0.5em; /* MODIFIED - Reduced padding */
   padding: 0.2em 0.5em; /* FURTHER REDUCED - Reduced top/bottom padding significantly */
   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);
}
}


/* MODIFIED - Added rule for image max-height */
/* Ensure image doesn't have extra default margin if needed */
.hero-banner img {
.hero-banner img {
   max-height: 300px; /* Corresponds to the Wikitext value */
   max-height: 300px; /* Keep image height consistent */
   width: auto; /* Maintain aspect ratio */
   width: auto;
   max-width: 100%; /* Ensure it's responsive */
  max-width: 100%;
  display: block; /* Prevents potential bottom space under inline images */
  margin-left: auto; /* Keep centered */
   margin-right: auto; /* Keep centered */
  margin-bottom: 0; /* FURTHER REDUCED - Remove any bottom margin */
}
}


.hero-title {
.hero-title {
   font-size: 2em; /* MODIFIED - Reduced font size */
   font-size: 2em; /* Kept from previous reduction */
   font-weight: bold;
   font-weight: bold;
   margin-top: 0.5em; /* MODIFIED - Reduced top margin */
   margin-top: 0.2em; /* FURTHER REDUCED - Reduced top margin */
  margin-bottom: 0; /* FURTHER REDUCED - Removed bottom margin */
   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);
Line 31: Line 35:


.hero-subtitle {
.hero-subtitle {
   font-size: 1.2em; /* MODIFIED - Reduced font size */
   font-size: 1.2em; /* Kept from previous reduction */
   margin-top: 0.3em; /* MODIFIED - Reduced top margin */
   margin-top: 0.1em; /* FURTHER REDUCED - Reduced top margin */
   color: #34495e;
   color: #34495e;
   font-weight: 300;
   font-weight: 300;
   text-align: center;
   text-align: center;
   margin-bottom: 0.5em; /* MODIFIED - Added slight bottom margin */
   margin-bottom: 0.2em; /* FURTHER REDUCED - Kept minimal bottom margin for separation from container end */
  line-height: 1.3; /* FURTHER REDUCED - Slightly reduce line height if text wraps */
}
}


Line 77: Line 82:
.about-section {
.about-section {
   max-width: 900px;
   max-width: 900px;
   margin: 1em auto; /* MODIFIED - Reduced top/bottom margin */
   margin: 1em auto; /* Keep as previously reduced */
   font-size: 1em; /* MODIFIED - Slightly reduced font size */
   font-size: 1em; /* Keep as previously reduced */
   line-height: 1.6; /* MODIFIED - Slightly reduced line height */
   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: 1em; /* MODIFIED - Reduced padding */
   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 90: Line 95:
.about-section h2 {
.about-section h2 {
   color: #2c3e50;
   color: #2c3e50;
   margin-bottom: 0.5em; /* MODIFIED - Reduced bottom margin */
   margin-bottom: 0.5em; /* Keep as previously reduced */
   font-size: 1.5em; /* MODIFIED - Reduced font size */
   font-size: 1.5em; /* Keep as previously reduced */
}
}


/* MODIFIED - Reduced paragraph margin */
.about-section p {
.about-section p {
   margin-top: 0;
   margin-top: 0;
   margin-bottom: 0.5em;
   margin-bottom: 0.5em; /* Keep as previously reduced */
}
}


Retrieved from "https://inzoiwiki.com/wiki/MediaWiki:Common.css"