MediaWiki:Common.css

/* 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: 16px;
  --font-size-small: 14px;
  --font-size-large: 18px;
  --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: #ff6ed8;
}

a.new:hover,
a.new:visited:hover {
  text-decoration-line: underline;
  text-decoration-color: #ff6ed8;
}

a.new:visited {
  color: #ff6ed8;
}

/* List Markers */
::marker {
    color: var(--marker-color);
}

/* Unordered Lists */
ul {
    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); }

/* Status Colors */
.mw-plusminus-pos { color: #23cc00; }
.mw-plusminus-neg { color: #ff5e00; }
.mw-plusminus-null { color: #cccccc; }