|
|
| 1行目: |
1行目: |
| /* Project: Apola Trajectory Wiki CSS */
| |
|
| |
|
| /* Base Variables */
| |
| :root {
| |
| --color-background: #1a1a1a;
| |
| --color-text-primary: #dddddd;
| |
| --color-text-secondary: #ffffff;
| |
| --color-accent: #00cccc;
| |
| --color-link: #00cccc;
| |
| --color-border: #ffffff;
| |
| --color-surface-primary: #2a2a2a;
| |
| --color-surface-secondary: #3a3a3a;
| |
| --font-size-base: 1em;
| |
| --font-size-small: 0.8em;
| |
| --font-size-large: 1.2em;
| |
| --marker-color: var(--color-accent);
| |
| }
| |
|
| |
| /* Base Layout */
| |
| body {
| |
| background-color: var(--color-background);
| |
| font-size: var(--font-size-base);
| |
| }
| |
|
| |
| #content {
| |
| background-color: var(--color-background);
| |
| color: var(--color-text-primary);
| |
| }
| |
|
| |
| #mw-page-base {
| |
| background: transparent;
| |
| }
| |
|
| |
| /* Content Area */
| |
| .mw-body {
| |
| margin: auto 10px auto 176px;
| |
| border: 1px solid var(--color-accent);
| |
| font-size: var(--font-size-base);
| |
| }
| |
|
| |
| .mw-body-content {
| |
| font-size: var(--font-size-base); /* ← 追加 */
| |
| }
| |
|
| |
|
| |
| /* Headers */
| |
| #content h1,
| |
| #content h2,
| |
| #content h3,
| |
| #content h4 {
| |
| color: var(--color-text-secondary);
| |
| }
| |
|
| |
| /* Links */
| |
| #content a:not(.new) {
| |
| color: var(--color-link);
| |
| }
| |
|
| |
| a.new {
| |
| color: #cc5599;
| |
| }
| |
|
| |
| a.new:hover,
| |
| a.new:visited:hover {
| |
| text-decoration-line: underline;
| |
| text-decoration-color: #cc5599;
| |
| }
| |
|
| |
| a.new:visited {
| |
| color: #cc5599;
| |
| }
| |
|
| |
| /* List Markers */
| |
| ::marker {
| |
| color: var(--marker-color);
| |
| }
| |
|
| |
| /* Unordered Lists */
| |
| ul {
| |
| list-style-type: disc;
| |
| list-style-image: none;
| |
| margin-left: 1.5em;
| |
| }
| |
|
| |
| ul ul {
| |
| list-style-type: circle;
| |
| }
| |
|
| |
| ul ul ul {
| |
| list-style-type: square;
| |
| }
| |
|
| |
| /* Ordered Lists */
| |
| ol {
| |
| list-style-type: decimal;
| |
| margin-left: 1.5em;
| |
| }
| |
|
| |
| ol ol {
| |
| list-style-type: lower-alpha;
| |
| }
| |
|
| |
| ol ol ol {
| |
| list-style-type: lower-roman;
| |
| }
| |
|
| |
| /* List Items */
| |
| li {
| |
| line-height: 1.6;
| |
| margin-bottom: 0.5em;
| |
| }
| |
|
| |
| /* Definition Lists */
| |
| dl {
| |
| margin-left: 1.5em;
| |
| }
| |
|
| |
| dt {
| |
| font-weight: bold;
| |
| color: var(--color-accent);
| |
| }
| |
|
| |
| dd {
| |
| margin-left: 2em;
| |
| margin-bottom: 0.5em;
| |
| }
| |
|
| |
| /* Navigation */
| |
| #mw-panel li.mw-list-item > a > span {
| |
| color: var(--color-link);
| |
| }
| |
|
| |
| #mw-panel li.mw-list-item > a > span:hover {
| |
| text-decoration-line: underline;
| |
| text-decoration-color: var(--color-link);
| |
| }
| |
|
| |
| #mw-panel li.mw-list-item > a > span:visited {
| |
| color: var(--color-link);
| |
| }
| |
|
| |
| /* Personal Tools */
| |
| #p-personal li.mw-list-item > a:not(.new) > span {
| |
| color: var(--color-link);
| |
| }
| |
|
| |
| #p-personal li.mw-list-item > a:not(.new) > span:hover {
| |
| text-decoration-line: underline;
| |
| text-decoration-color: var(--color-link);
| |
| }
| |
|
| |
| #p-personal li.mw-list-item > a:not(.new) > span:visited {
| |
| color: #00a0bc;
| |
| }
| |
|
| |
| #p-personal li.mw-list-item > a:not(.new) > span:visited:hover {
| |
| text-decoration-line: underline;
| |
| text-decoration-color: #00a0bc;
| |
| }
| |
|
| |
| /* Tabs */
| |
| .vector-menu-tabs,
| |
| .vector-menu-tabs a,
| |
| #mw-head .vector-menu-dropdown .vector-menu-heading {
| |
| background: transparent;
| |
| }
| |
|
| |
| .vector-menu-tabs-legacy .selected {
| |
| background: var(--color-text-secondary);
| |
| }
| |
|
| |
| .vector-menu-tabs-legacy li:not(.selected) {
| |
| background: var(--color-accent);
| |
| }
| |
|
| |
| .vector-menu-content-list li.mw-list-item.collapsible a {
| |
| color: var(--color-text-secondary);
| |
| }
| |
|
| |
| .vector-menu-content-list li.mw-list-item.collapsible.selected a {
| |
| color: var(--color-background);
| |
| }
| |
|
| |
| /* Search Box */
| |
| input.vector-search-box-input {
| |
| background-color: var(--color-text-secondary);
| |
| }
| |
|
| |
| /* Tables */
| |
| .wikitable > tr > th,
| |
| .wikitable > * > tr > th {
| |
| background-color: var(--color-surface-secondary);
| |
| border: 1px solid var(--color-text-secondary);
| |
| color: var(--color-text-primary);
| |
| }
| |
|
| |
| .wikitable > tr > td,
| |
| .wikitable > * > tr > td {
| |
| background-color: var(--color-surface-primary);
| |
| border: 1px solid var(--color-text-secondary);
| |
| color: var(--color-text-primary);
| |
| }
| |
|
| |
| /* Pre-formatted Text */
| |
| pre {
| |
| color: var(--color-text-secondary);
| |
| background-color: #242424;
| |
| }
| |
|
| |
| /* Figures and Images */
| |
| figure[typeof~='mw:File/Thumb'],
| |
| figure[typeof~='mw:File/Frame'] {
| |
| border: 1px solid var(--color-text-secondary);
| |
| background-color: var(--color-surface-primary);
| |
| }
| |
|
| |
| figure[typeof~='mw:File/Thumb'] > figcaption,
| |
| figure[typeof~='mw:File/Frame'] > figcaption {
| |
| border: 1px solid var(--color-text-secondary);
| |
| background-color: var(--color-surface-primary);
| |
| }
| |
|
| |
| /* Table of Contents */
| |
| .toc,
| |
| .toccolours {
| |
| background-color: var(--color-surface-primary);
| |
| border: 1px solid var(--color-text-secondary);
| |
| }
| |
|
| |
| .toctogglelabel {
| |
| color: var(--color-link);
| |
| }
| |
|
| |
| .tocnumber {
| |
| color: var(--color-text-secondary);
| |
| }
| |
|
| |
| /* Responsive Design */
| |
| @media(max-width:540px) {
| |
| #mw-panel {
| |
| display: none;
| |
| }
| |
|
| |
| #left-navigation {
| |
| margin-left: 10px;
| |
| }
| |
|
| |
| #content {
| |
| margin: 0 10px;
| |
| }
| |
| }
| |
|
| |
| /* Status Colors */
| |
| .mw-plusminus-pos { color: #23cc00; }
| |
| .mw-plusminus-neg { color: #ff5e00; }
| |
| .mw-plusminus-null { color: #cccccc; }
| |
|
| |
| /* Footer and Menu Components */
| |
| /* Menu Heading */
| |
| .vector-menu-heading-label {
| |
| color: var(--color-text-secondary);
| |
| }
| |
|
| |
| /* Footer */
| |
| .mw-footer li,
| |
| #footer-info {
| |
| color: var(--color-text-primary);
| |
| }
| |
|
| |
| .mw-footer a,
| |
| #footer-info a {
| |
| color: var(--color-link);
| |
| }
| |
|
| |
| .mw-footer a:hover,
| |
| #footer-info a:hover {
| |
| text-decoration-line: underline;
| |
| text-decoration-color: var(--color-link);
| |
| }
| |
|
| |
| .mw-footer a:visited,
| |
| #footer-info a:visited {
| |
| color: var(--color-link);
| |
| }
| |
|
| |
| /* Other */
| |
| .mw-collapsible { color: var(--color-background); }
| |
| .catlinks {
| |
| background-color: var(--color-surface-primary)
| |
| }
| |
|
| |
| /* Status Colors */
| |
| .mw-plusminus-pos { color: #44cc77; }
| |
| .mw-plusminus-neg { color: #ff8833; }
| |
| .mw-plusminus-null { color: #cccccc; }
| |
