|
|
| 第1行： |
第1行： |
| .mucwiki-home {
| |
| color: #172033;
| |
| }
| |
|
| |
|
| .mucwiki-home-hero {
| |
| display: grid;
| |
| grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
| |
| gap: 1.25rem;
| |
| align-items: stretch;
| |
| padding: 2rem;
| |
| border: 1px solid #d8e0ea;
| |
| border-radius: 10px;
| |
| background: #f7f9fc;
| |
| }
| |
|
| |
| .mucwiki-home-kicker {
| |
| margin: 0 0 .5rem;
| |
| color: #2f5f8f;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .mucwiki-home h1 {
| |
| margin: 0;
| |
| font-size: 3rem;
| |
| line-height: 1.05;
| |
| }
| |
|
| |
| .mucwiki-home-summary {
| |
| max-width: 46rem;
| |
| color: #5f6f83;
| |
| font-size: 1.05rem;
| |
| line-height: 1.8;
| |
| }
| |
|
| |
| .mucwiki-home-search,
| |
| .mucwiki-home-item,
| |
| .mucwiki-home-columns > div,
| |
| .mucwiki-home-help span {
| |
| border: 1px solid #d8e0ea;
| |
| border-radius: 8px;
| |
| background: #fff;
| |
| }
| |
|
| |
| .mucwiki-home-search {
| |
| padding: 1rem;
| |
| }
| |
|
| |
| .mucwiki-home-search p {
| |
| margin: 0 0 .75rem;
| |
| font-weight: 700;
| |
| }
| |
|
| |
| .mucwiki-home-searchbox {
| |
| padding: .8rem .9rem;
| |
| border: 1px solid #c9d4e2;
| |
| border-radius: 6px;
| |
| color: #5f6f83;
| |
| background: #f7f9fc;
| |
| }
| |
|
| |
| .mucwiki-home-section {
| |
| margin-top: 1.5rem;
| |
| }
| |
|
| |
| .mucwiki-home-section h2 {
| |
| margin: 0 0 .85rem;
| |
| font-size: 1.35rem;
| |
| }
| |
|
| |
| .mucwiki-home-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(4, minmax(0, 1fr));
| |
| gap: .9rem;
| |
| }
| |
|
| |
| .mucwiki-home-item {
| |
| min-height: 8rem;
| |
| padding: 1rem;
| |
| }
| |
|
| |
| .mucwiki-home-item strong,
| |
| .mucwiki-home-item span {
| |
| display: block;
| |
| }
| |
|
| |
| .mucwiki-home-item span {
| |
| margin-top: .55rem;
| |
| color: #5f6f83;
| |
| line-height: 1.65;
| |
| }
| |
|
| |
| .mucwiki-home-columns {
| |
| display: grid;
| |
| grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| gap: 1rem;
| |
| }
| |
|
| |
| .mucwiki-home-columns > div {
| |
| padding: 1.1rem;
| |
| }
| |
|
| |
| .mucwiki-home-columns ul {
| |
| margin: .5rem 0 0 1.2rem;
| |
| color: #5f6f83;
| |
| line-height: 1.8;
| |
| }
| |
|
| |
| .mucwiki-home-help {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, minmax(0, 1fr));
| |
| gap: .8rem;
| |
| }
| |
|
| |
| .mucwiki-home-help span {
| |
| padding: .9rem 1rem;
| |
| color: #5f6f83;
| |
| }
| |
|
| |
| @media (max-width: 900px) {
| |
| .mucwiki-home-hero,
| |
| .mucwiki-home-columns,
| |
| .mucwiki-home-help {
| |
| grid-template-columns: 1fr;
| |
| }
| |
|
| |
| .mucwiki-home-grid {
| |
| grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| }
| |
| }
| |
|
| |
| @media (max-width: 560px) {
| |
| .mucwiki-home-hero {
| |
| padding: 1.2rem;
| |
| }
| |
|
| |
| .mucwiki-home h1 {
| |
| font-size: 2.25rem;
| |
| }
| |
|
| |
| .mucwiki-home-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| }
| |
