MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
Created page with ".mainpage-container { max-width: 1200px; margin: auto; color: #fff; background: #111; } .mainpage-button { display: inline-block; background: #222; color: #ccc; padding: 10px 15px; margin: 5px; border-radius: 8px; text-align: center; } .mainpage-hero { text-align: center; padding: 20px; } .mainpage-featured img { max-width: 100%; border-radius: 10px; } .box { background: #1a1a1a; padding: 15px; margin: 10px 0; border-radius: 8px; }" |
No edit summary |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
. | /* Family Wiki Hero */ | ||
.family-hero { | |||
text-align: center; | |||
background: #111; | background: #111; | ||
padding: 40px 20px; | |||
border-bottom: 2px solid #3ec1d3; | |||
} | |||
.family-hero h1 { | |||
font-size: 2.8em; | |||
color: #3ec1d3; | |||
margin-bottom: 20px; | |||
} | |||
.family-search input { | |||
width: 50%; | |||
max-width: 500px; | |||
padding: 10px; | |||
font-size: 1.1em; | |||
border-radius: 6px; | |||
border: 1px solid #444; | |||
} | } | ||
. | /* Wiki Family Grid */ | ||
display: | .wiki-family-grid { | ||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
gap: 20px; | |||
padding: 30px 20px; | |||
} | } | ||
. | .wiki-box { | ||
background: #1b1b1b; | |||
border: 1px solid #333; | |||
border-radius: 10px; | |||
width: 260px; | |||
text-align: center; | text-align: center; | ||
padding: 20px; | padding: 20px; | ||
transition: transform 0.3s, box-shadow 0.3s; | |||
cursor: pointer; | |||
color: #eee; | |||
} | } | ||
. | .wiki-box img { | ||
width: 80px; | |||
height: 80px; | |||
object-fit: contain; | |||
margin-bottom: 15px; | |||
} | } | ||
.box { | .wiki-box h3 { | ||
margin: 10px 0; | margin: 10px 0; | ||
color: #3ec1d3; | |||
} | |||
.wiki-box:hover { | |||
transform: translateY(-5px); | |||
box-shadow: 0 0 10px #3ec1d3aa; | |||
} | } |
Latest revision as of 16:11, 12 June 2025
/* Family Wiki Hero */ .family-hero { text-align: center; background: #111; padding: 40px 20px; border-bottom: 2px solid #3ec1d3; } .family-hero h1 { font-size: 2.8em; color: #3ec1d3; margin-bottom: 20px; } .family-search input { width: 50%; max-width: 500px; padding: 10px; font-size: 1.1em; border-radius: 6px; border: 1px solid #444; } /* Wiki Family Grid */ .wiki-family-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 30px 20px; } .wiki-box { background: #1b1b1b; border: 1px solid #333; border-radius: 10px; width: 260px; text-align: center; padding: 20px; transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; color: #eee; } .wiki-box img { width: 80px; height: 80px; object-fit: contain; margin-bottom: 15px; } .wiki-box h3 { margin: 10px 0; color: #3ec1d3; } .wiki-box:hover { transform: translateY(-5px); box-shadow: 0 0 10px #3ec1d3aa; }