MediaWiki:Common.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* Styles for the Main Page */ | /* Styles for the Main Page */ | ||
/* Top banner */ | |||
#mp-topbanner { | #mp-topbanner { | ||
padding: | padding: 20px; | ||
background-color: # | background-color: #eaf3ff; /* Light blue background */ | ||
border-bottom: | border-bottom: 2px solid #a2a9b1; | ||
margin-bottom: 20px; | |||
} | } | ||
/* General box style */ | |||
.mp-box { | .mp-box { | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
padding: | padding: 20px; | ||
background-color: # | background-color: #ffffff; /* White background for contrast */ | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
border-radius: 5px; | border-radius: 5px; | ||
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */ | |||
} | } | ||
/* Background for main content areas */ | |||
.MainPageBG { | .MainPageBG { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; /* Light grey background */ | ||
padding: 15px; | |||
border-radius: 5px; | |||
} | } | ||
/* Style for floated content containers */ | |||
.mp-contains-float { | .mp-contains-float { | ||
clear: both; | clear: both; | ||
Line 23: | Line 32: | ||
} | } | ||
/* "Explore More" text styling */ | |||
.explore-more { | .explore-more { | ||
margin-top: 10px; | margin-top: 10px; | ||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
color: #0645ad; /* Wikipedia link blue */ | |||
} | } | ||
/* Header styling */ | |||
.mp-h2 { | .mp-h2 { | ||
font-size: 1.5em; | font-size: 1.5em; | ||
margin-bottom: | margin-bottom: 15px; | ||
border-bottom: 2px solid #a2a9b1; | border-bottom: 2px solid #a2a9b1; | ||
padding-bottom: 5px; | padding-bottom: 5px; | ||
color: #333333; /* Darker text for headers */ | |||
} | |||
/* Style for gallery images */ | |||
.gallery img { | |||
border-radius: 5px; | |||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Small shadow for depth */ | |||
} | } |
Revision as of 20:33, 31 August 2024
/* Styles for the Main Page */
/* Top banner */
#mp-topbanner {
padding: 20px;
background-color: #eaf3ff; /* Light blue background */
border-bottom: 2px solid #a2a9b1;
margin-bottom: 20px;
}
/* General box style */
.mp-box {
margin-bottom: 20px;
padding: 20px;
background-color: #ffffff; /* White background for contrast */
border: 1px solid #a2a9b1;
border-radius: 5px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
}
/* Background for main content areas */
.MainPageBG {
background-color: #f8f9fa; /* Light grey background */
padding: 15px;
border-radius: 5px;
}
/* Style for floated content containers */
.mp-contains-float {
clear: both;
overflow: auto;
}
/* "Explore More" text styling */
.explore-more {
margin-top: 10px;
font-weight: bold;
text-align: center;
color: #0645ad; /* Wikipedia link blue */
}
/* Header styling */
.mp-h2 {
font-size: 1.5em;
margin-bottom: 15px;
border-bottom: 2px solid #a2a9b1;
padding-bottom: 5px;
color: #333333; /* Darker text for headers */
}
/* Style for gallery images */
.gallery img {
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Small shadow for depth */
}