MediaWiki:Vector-light.css: Difference between revisions
 Cdjensen94 (talk | contribs) |
Cdjensen94 (talk | contribs) |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* 🌿 Light Theme - Header */ | |||
.mw-header { | |||
background-color: #B2C8B2; /* Sage Green */ | |||
color: #4A4A4A; /* Dark Gray text */ | |||
border-bottom: 3px solid #2E8B57; /* Sea Green underline */ | |||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); | |||
padding: 10px; | |||
} | |||
/* 🔗 Links */ | |||
.mw-header a { | |||
color: #006D77; /* Deep Teal */ | |||
text-decoration: none; | |||
} | |||
.mw-header a:hover { | |||
color: #2E8B57; /* Sea Green */ | |||
text-decoration: underline; | |||
} | |||
/* 🟡 Logo */ | |||
.mw-header .mw-logo-wordmark { | |||
font-family: 'Metamorphous', cursive; | |||
color: #2E8B57; | |||
font-size: 1.8em; | |||
} | |||
/* 🔄 Responsive */ | |||
@media (max-width: 768px) { | |||
.mw-header { | |||
flex-direction: column; | |||
align-items: flex-start; | |||
} | |||
} | |||
/* 🌤️ Light Theme */ | |||
.mw-page-container { | |||
background-color: #f8f9fa; /* Light gray */ | |||
color: #001F3F; /* Navy text */ | |||
border: 1px solid #ccd1d9; | |||
} | |||
.mw-page-container a { | |||
color: #007BFF; /* Azure links */ | |||
} | |||
.mw-page-container a:hover { | |||
color: #0056b3; /* Darker Azure */ | |||
text-decoration: underline; | |||
} | |||
.mw-page-container h1, | |||
.mw-page-container h2, | |||
.mw-page-container h3 { | |||
color: #5F4B8B; /* Lavender for headers */ | |||
} | |||
.mw-page-container .mw-header, | |||
.mw-page-container .mw-footer { | |||
background-color: #e9ecef; /* Light slate background */ | |||
color: #001F3F; | |||
} | |||
/* 🌿 Base Variables for Light Green Theme */ | /* 🌿 Base Variables for Light Green Theme */ | ||
:root, .skin-vector, .notheme { | :root, .skin-vector, .notheme { | ||
| Line 43: | Line 108: | ||
/* 📊 Sidebar */ | /* 📊 Sidebar */ | ||
.mw-panel { | |||
background-color: var(--color-sage-green); | background-color: var(--color-sage-green); | ||
color: var(--color-dark-gray); | color: var(--color-dark-gray); | ||
| Line 49: | Line 114: | ||
} | } | ||
.mw-panel a { | |||
color: var(--color-deep-teal); | color: var(--color-deep-teal); | ||
} | } | ||
.mw-panel a:hover { | |||
color: var(--color-sea-green); | color: var(--color-sea-green); | ||
} | } | ||
| Line 255: | Line 320: | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
} | |||
nav { | |||
display: block; /* Ensure it behaves as a block element */ | |||
/*margin: 10px 0; Add vertical spacing */ | |||
padding-left: 10px; | |||
margin-top: 10px; /* Add vertical spacing */ | |||
border-radius: 5px; /* Optional: rounded corners */ | |||
} | |||
/* Adjust navigation links inside nav */ | |||
nav a { | |||
margin-right: 10px; /* Space between links */ | |||
text-decoration: none; /* Remove underlines */ | |||
color: #007BFF; /* Link color */ | |||
} | |||
nav a:hover { | |||
text-decoration: underline; /* Hover effect */ | |||
} | } | ||