|
|
| Line 1: |
Line 1: |
| /* ============================================================ | | /* Hide Citizen's built-in footer links and powered-by elements */ |
| CONQUESTPS WIKI — GLOBAL STYLE SHEET
| | .citizen-footer__links, |
| MediaWiki:Common.css
| | .citizen-footer__poweredby, |
| ============================================================ */
| | .mw-footer-poweredby, |
| | | #footer-poweredby { |
| | | display: none !important; |
| /* ===== MAIN PAGE STYLING ===== */
| |
| | |
| .mainpage-hero { | |
| text-align: center;
| |
| margin: 10px auto 24px; | |
| } | | } |
|
| |
|
| .mainpage-title {
| | /* Optional: tighten spacing between your footer and page content */ |
| font-size: 28px;
| | .footer-wrapper { |
| font-weight: 800;
| | margin-top: 20px; |
| letter-spacing: 0.3px;
| |
| color: #ffd65a;
| |
| margin-top: 8px;
| |
| }
| |
| | |
| .mainpage-sub {
| |
| opacity: 0.8;
| |
| margin-top: 4px;
| |
| font-size: 15px;
| |
| }
| |
| | |
| /* ===== MAIN PAGE GRID ===== */ | |
| | |
| .mainpage-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(4, minmax(0, 1fr));
| |
| gap: 16px;
| |
| max-width: 1100px;
| |
| margin: 24px auto;
| |
| padding: 0 12px;
| |
| }
| |
| | |
| @media (max-width: 1000px) {
| |
| .mainpage-grid {
| |
| grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| }
| |
| }
| |
| | |
| @media (max-width: 560px) {
| |
| .mainpage-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |
| | |
| /* ===== MAIN PAGE CARDS ===== */
| |
| | |
| .mainpage-card {
| |
| background: rgba(255, 214, 90, 0.06);
| |
| border: 1px solid rgba(255, 214, 90, 0.18);
| |
| border-radius: 14px;
| |
| padding: 16px 18px;
| |
| transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease, border-color 0.12s ease;
| |
| }
| |
| | |
| .mainpage-card:hover {
| |
| background: rgba(255, 214, 90, 0.12);
| |
| border-color: rgba(255, 214, 90, 0.35);
| |
| box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
| |
| transform: translateY(-2px);
| |
| }
| |
| | |
| .mainpage-card-title {
| |
| font-weight: 700;
| |
| margin-bottom: 6px;
| |
| color: #ffd65a;
| |
| }
| |
| | |
| .mainpage-card-title a {
| |
| text-decoration: none !important;
| |
| color: #ffd65a !important;
| |
| display: inline-block;
| |
| transition: text-shadow 0.2s ease;
| |
| }
| |
| | |
| .mainpage-card-title a:hover {
| |
| text-shadow: 0 0 6px rgba(255, 214, 90, 0.8);
| |
| }
| |
| | |
| .mainpage-card-desc {
| |
| opacity: 0.85;
| |
| line-height: 1.45;
| |
| color: #ccc;
| |
| }
| |
| | |
| /* ===== LATEST UPDATES ===== */
| |
| | |
| .mainpage-updates {
| |
| max-width: 900px;
| |
| margin: 28px auto 10px;
| |
| padding: 0 12px;
| |
| }
| |
| | |
| .mainpage-updates ul { | |
| margin-top: 6px; | |
| padding-left: 20px;
| |
| }
| |
| | |
| .mainpage-updates li {
| |
| margin-bottom: 5px;
| |
| line-height: 1.4;
| |
| } | | } |
|
| |
|
| /* ===== FOOTER SECTION ===== */ | | /* Adjust alignment and spacing for your custom footer */ |
| | |
| .footer-wrapper { | | .footer-wrapper { |
| display: flex; | | display: flex; |
| Line 119: |
Line 23: |
| } | | } |
|
| |
|
| .footer-left, | | .footer-left, .footer-center, .footer-right { |
| .footer-center, | |
| .footer-right { | |
| color: #ccc; | | color: #ccc; |
| font-size: 14px; | | font-size: 14px; |
| Line 132: |
Line 34: |
| } | | } |
|
| |
|
| .footer-center a, | | .footer-center a, .footer-right a { |
| .footer-right a { | |
| color: #ffd65a; | | color: #ffd65a; |
| text-decoration: none; | | text-decoration: none; |
| Line 140: |
Line 41: |
| } | | } |
|
| |
|
| .footer-center a:hover, | | .footer-center a:hover, .footer-right a:hover { |
| .footer-right a:hover { | |
| color: #fff; | | color: #fff; |
| } | | } |
|
| |
|
| /* Footer Link Spacing */
| |
| .footer-center a + a::before {
| |
| content: " · ";
| |
| color: #777;
| |
| }
| |
|
| |
| /* Discord icon alignment fix */
| |
| .footer-right img { | | .footer-right img { |
| vertical-align: middle; | | vertical-align: middle; |
| margin-right: 6px; | | margin-right: 6px; |
| filter: drop-shadow(0 0 3px rgba(255, 214, 90, 0.4)); | | filter: drop-shadow(0 0 3px rgba(255,214,90,0.4)); |
| } | | } |
|
| |
| /* Hide "Powered by MediaWiki" */
| |
| .citizen-footer__poweredby,
| |
| .mw-footer-poweredby,
| |
| #footer-poweredby {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* ===== RESPONSIVE FOOTER ===== */
| |
|
| |
|
| @media (max-width: 700px) { | | @media (max-width: 700px) { |
| Line 173: |
Line 57: |
| gap: 10px; | | gap: 10px; |
| } | | } |
| .footer-center a + a::before {
| |
| content: " ";
| |
| }
| |
| }
| |
|
| |
| /* ===== GLOBAL TOUCHES ===== */
| |
|
| |
| /* Headings look slightly bolder */
| |
| .mw-headline {
| |
| font-weight: 700;
| |
| color: #ffd65a;
| |
| }
| |
|
| |
| /* Links hover color */
| |
| a:hover {
| |
| color: #ffd65a !important;
| |
| }
| |
|
| |
| /* Wiki content tweaks */
| |
| body {
| |
| background-color: #0b0b0b !important;
| |
| color: #ddd !important;
| |
| font-family: "Inter", "Segoe UI", sans-serif;
| |
| }
| |
|
| |
| .mw-body-content h2,
| |
| .mw-body-content h3 {
| |
| border-bottom: 1px solid rgba(255, 214, 90, 0.2);
| |
| }
| |
|
| |
| /* Table styling */
| |
| table.wikitable {
| |
| background: rgba(255, 214, 90, 0.03);
| |
| border: 1px solid rgba(255, 214, 90, 0.2);
| |
| border-radius: 8px;
| |
| }
| |
|
| |
| .wikitable th {
| |
| background: rgba(255, 214, 90, 0.12);
| |
| color: #ffd65a;
| |
| }
| |
|
| |
| /* Improve search bar appearance */
| |
| #searchInput {
| |
| background: rgba(255, 255, 255, 0.05);
| |
| border: 1px solid rgba(255, 214, 90, 0.25);
| |
| border-radius: 6px;
| |
| color: #fff;
| |
| }
| |
|
| |
| /* Slight highlight on hoverable elements */
| |
| button:hover,
| |
| a.button:hover {
| |
| background-color: rgba(255, 214, 90, 0.15) !important;
| |
| }
| |
|
| |
|
| |
| /* Hide Citizen's default powered-by and link blocks if you don’t want duplicates */
| |
| .citizen-footer__poweredby,
| |
| .mw-footer-poweredby,
| |
| #footer-poweredby {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Optional: hide the default link set (Privacy/Disclaimers/About) if you only want your custom links) */
| |
| .citizen-footer__links {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Your custom footer styles (from before) */
| |
| .footer-wrapper {
| |
| display: flex;
| |
| justify-content: space-between;
| |
| align-items: center;
| |
| flex-wrap: wrap;
| |
| padding: 15px 30px;
| |
| border-top: 1px solid rgba(255, 255, 255, 0.1);
| |
| background: transparent;
| |
| }
| |
| .footer-left, .footer-center, .footer-right { color:#ccc; font-size:14px; margin:5px 0; }
| |
| .footer-text { color:#aaa; font-size:13px; }
| |
| .footer-center a, .footer-right a { color:#ffd65a; text-decoration:none; font-weight:500; transition:color .2s ease; }
| |
| .footer-center a:hover, .footer-right a:hover { color:#fff; }
| |
| .footer-right img { vertical-align:middle; margin-right:6px; filter:drop-shadow(0 0 3px rgba(255,214,90,.4)); }
| |
|
| |
| @media (max-width:700px){
| |
| .footer-wrapper { flex-direction:column; text-align:center; gap:10px; }
| |
| } | | } |
/* Hide Citizen's built-in footer links and powered-by elements */
.citizen-footer__links,
.citizen-footer__poweredby,
.mw-footer-poweredby,
#footer-poweredby {
display: none !important;
}
/* Optional: tighten spacing between your footer and page content */
.footer-wrapper {
margin-top: 20px;
}
/* Adjust alignment and spacing for your custom footer */
.footer-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 15px 30px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
background: transparent;
}
.footer-left, .footer-center, .footer-right {
color: #ccc;
font-size: 14px;
margin: 5px 0;
}
.footer-text {
color: #aaa;
font-size: 13px;
}
.footer-center a, .footer-right a {
color: #ffd65a;
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
}
.footer-center a:hover, .footer-right a:hover {
color: #fff;
}
.footer-right img {
vertical-align: middle;
margin-right: 6px;
filter: drop-shadow(0 0 3px rgba(255,214,90,0.4));
}
@media (max-width: 700px) {
.footer-wrapper {
flex-direction: column;
text-align: center;
gap: 10px;
}
}
