|
Tags: Blanking Manual revert |
(32 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* 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;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* 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: 15px;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| color: #0645ad; /* Wikipedia link blue */
| |
| padding: 10px;
| |
| background-color: #f0f8ff; /* Light blue background for emphasis */
| |
| border-radius: 5px;
| |
| }
| |
|
| |
| /* 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 */
| |
| }
| |
|
| |
| /* Gallery container to add spacing */
| |
| .gallery-container {
| |
| margin-top: 20px; /* Adds space above the gallery */
| |
| margin-bottom: 20px; /* Adds space below the gallery */
| |
| padding: 10px;
| |
| border: 1px solid #a2a9b1;
| |
| border-radius: 5px;
| |
| background-color: #ffffff; /* White background for contrast */
| |
| }
| |
|
| |
| /* Style for gallery images */
| |
| .gallery img {
| |
| border-radius: 5px;
| |
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Small shadow for depth */
| |
| }
| |
|
| |
| /* Featured image style */
| |
| .featured-image {
| |
| border: 1px solid #a2a9b1;
| |
| padding: 10px;
| |
| border-radius: 5px;
| |
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Small shadow for depth */
| |
| background-color: #ffffff; /* White background for contrast */
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Caption styling */
| |
| .featured-caption {
| |
| margin-top: 10px;
| |
| font-size: 0.9em; /* Slightly smaller font size */
| |
| color: #555555; /* Dark grey color for caption text */
| |
| text-align: center;
| |
| font-style: italic; /* Italic style for captions */
| |
| }
| |
|
| |
|
| |
| /* Wiki navigation list styling */
| |
| #mp-sister-content ul {
| |
| list-style: none; /* Removes default bullet points */
| |
| padding: 0;
| |
| }
| |
|
| |
| #mp-sister-content li {
| |
| margin-bottom: 10px; /* Adds spacing between navigation links */
| |
| }
| |
|
| |
| /* Featured Article section style */
| |
| #mp-tfa {
| |
| display: flex;
| |
| align-items: flex-start;
| |
| gap: 15px;
| |
| margin-top: 10px;
| |
| }
| |
|
| |
| /* Thumbnail image styling */
| |
| #mp-tfa img {
| |
| margin-right: 15px; /* Adds space between the image and text */
| |
| border-radius: 5px; /* Rounds the corners of the image */
| |
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Adds a slight shadow for depth */
| |
| }
| |
|
| |
| /* Text styling for the Featured Article */
| |
| #mp-tfa p {
| |
| margin: 0;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| #mp-tfa a {
| |
| color: #0645ad; /* Wikipedia link blue */
| |
| text-decoration: none; /* Removes underline from links */
| |
| }
| |
|
| |
| #mp-tfa a:hover {
| |
| text-decoration: underline; /* Adds underline on hover */
| |
| }
| |