MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
trying this out |
m added for front page |
||
| Line 32: | Line 32: | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | } | ||
.wiki-sections { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
justify-content: center; | |||
margin: 2em auto; | |||
/* max-width: 1200px; */ | |||
} | |||
.wiki-card { | |||
flex: 1 1 360px; | |||
max-width: 360px; | |||
background: #fff; | |||
border: 1px solid #ddd; | |||
border-radius: 10px; | |||
padding: 16px; | |||
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.wiki-card h2 { | |||
margin-top: 0; | |||
font-size: 1.4em; | |||
border-bottom: 1px solid #ccc; | |||
padding-bottom: 4px; | |||
} | |||
.wiki-card ul { | |||
padding-left: 1.2em; | |||
margin: 0; | |||
} | |||
.wiki-card li { | |||
margin-bottom: 6px; | |||
} | |||
} | } | ||
Revision as of 02:40, 14 May 2025
/* CSS placed here will be applied to all skins */
.portal-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.portal-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-top: 20px;
}
.portal-box {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
padding: 15px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.portal-box h3 {
margin-top: 0;
color: #333;
border-bottom: 2px solid #eee;
padding-bottom: 8px;
}
@media (max-width: 768px) {
.portal-grid {
grid-template-columns: 1fr;
}
.wiki-sections {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
margin: 2em auto;
/* max-width: 1200px; */
}
.wiki-card {
flex: 1 1 360px;
max-width: 360px;
background: #fff;
border: 1px solid #ddd;
border-radius: 10px;
padding: 16px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
}
.wiki-card h2 {
margin-top: 0;
font-size: 1.4em;
border-bottom: 1px solid #ccc;
padding-bottom: 4px;
}
.wiki-card ul {
padding-left: 1.2em;
margin: 0;
}
.wiki-card li {
margin-bottom: 6px;
}
}