|
|
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
| /* Common.css - Desktop styles for inZOI Wiki */
| |
|
| |
| /* Grid container - 2 columns for desktop */
| |
| .wiki-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr; /* 2 columns for desktop */
| |
| gap: 1em;
| |
| margin: 1.5em auto;
| |
| max-width: 1000px;
| |
| }
| |
|
| |
| /* Section styles */
| |
| .wiki-section {
| |
| margin-bottom: 1em;
| |
| }
| |
|
| |
| .wiki-section-header {
| |
| padding: 1em;
| |
| border: 1px solid #ccc;
| |
| font-weight: bold;
| |
| font-size: 1.1em;
| |
| }
| |
|
| |
| .wiki-section-content {
| |
| padding: 0.5em;
| |
| border: 1px solid #ccc;
| |
| background-color: #fff;
| |
| }
| |
|
| |
| /* Section header colors */
| |
| .news-header { background-color: #eff7ff; }
| |
| .getting-started-header { background-color: #fef5e7; }
| |
| .character-header { background-color: #e9ffea; }
| |
| .features-header { background-color: #ffe2f0; }
| |
| .cities-header { background-color: #fff7e8; }
| |
| .npcs-header { background-color: #e8faff; }
| |
| .objects-header { background-color: #fff5f0; }
| |
| .items-header { background-color: #f0ebff; }
| |
| .clothes-header { background-color: #fff5f0; }
| |
| .guides-header { background-color: #f4e8ff; }
| |
| .community-header { background-color: #e8ffee; }
| |
|
| |
| /* Two-column list */
| |
| .two-column-list {
| |
| column-count: 2;
| |
| }
| |
|
| |
|
| /* Infobox */ | | /* Infobox */ |
