MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 19: | Line 19: | ||
color: #2c3e50; | color: #2c3e50; | ||
text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | text-shadow: 1px 1px 2px rgba(0,0,0,0.1); | ||
text-align: center; | |||
} | } | ||
| Line 26: | Line 27: | ||
color: #34495e; | color: #34495e; | ||
font-weight: 300; | font-weight: 300; | ||
text-align: center; | |||
} | } | ||
| Line 94: | Line 96: | ||
margin: 2em auto; | margin: 2em auto; | ||
max-width: 1000px; | max-width: 1000px; | ||
} | |||
.featured-content .section-header { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
border-bottom: 1px solid #eee; | |||
padding-bottom: 0.5em; | |||
margin-bottom: 1.5em; | |||
} | |||
.featured-content .section-header h2 { | |||
font-size: 2em; | |||
color: #2c3e50; | |||
margin: 0; | |||
padding: 0; | |||
text-align: left; | |||
} | |||
.featured-content .view-more { | |||
color: #3498db; | |||
text-decoration: none; | |||
font-weight: bold; | |||
font-size: 1.1em; | |||
} | } | ||
| Line 107: | Line 133: | ||
margin: 0; | margin: 0; | ||
font-size: 1.8em; | font-size: 1.8em; | ||
padding-left: 0.5em; | |||
} | } | ||
| Line 117: | Line 144: | ||
.featured-cards { | .featured-cards { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat( | grid-template-columns: repeat(3, 1fr); | ||
gap: 20px; | gap: 20px; | ||
} | } | ||
| Line 127: | Line 154: | ||
box-shadow: 0 2px 8px rgba(0,0,0,0.1); | box-shadow: 0 2px 8px rgba(0,0,0,0.1); | ||
transition: transform 0.2s; | transition: transform 0.2s; | ||
text-align: center; | |||
} | } | ||
| Line 136: | Line 164: | ||
.card-content { | .card-content { | ||
padding: 1em; | padding: 1em; | ||
text-align: center; | |||
} | } | ||
| Line 141: | Line 170: | ||
margin-top: 0; | margin-top: 0; | ||
color: #2c3e50; | color: #2c3e50; | ||
text-align: center; | |||
font-size: 1.3em; | |||
margin-bottom: 0.5em; | |||
} | } | ||
| Line 148: | Line 180: | ||
.read-more { | .read-more { | ||
display: inline-block; | |||
margin-top: 0.8em; | |||
color: #3498db; | color: #3498db; | ||
text-decoration: none; | text-decoration: none; | ||
| Line 168: | Line 202: | ||
} | } | ||
.section-header { | .wiki-table th, | ||
.wiki-table-mobile th { | |||
text-align: center; | |||
} | |||
.section-header, | |||
.blue-header, | |||
.orange-header, | |||
.green-header, | |||
.pink-header, | |||
.yellow-header, | |||
.light-blue-header, | |||
.purple-header { | |||
width: 50%; | width: 50%; | ||
vertical-align: top; | vertical-align: top; | ||
| Line 175: | Line 221: | ||
border: none; | border: none; | ||
font-size: 1.3em; | font-size: 1.3em; | ||
text-align: center; | |||
} | } | ||
| Line 218: | Line 265: | ||
background-color: #fff; | background-color: #fff; | ||
box-shadow: 0 1px 3px rgba(0,0,0,0.1); | box-shadow: 0 1px 3px rgba(0,0,0,0.1); | ||
} | |||
.section-content ul { | |||
padding-left: 1.5em; | |||
} | |||
.section-content li { | |||
margin-bottom: 0.5em; | |||
} | } | ||
| Line 229: | Line 284: | ||
grid-template-columns: 1fr 1fr; | grid-template-columns: 1fr 1fr; | ||
gap: 10px; | gap: 10px; | ||
padding: 0.5em; | |||
} | } | ||