MediaWiki:Vector-2022.css: Difference between revisions

/* ===== GitBook Base ===== */
body {
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
background: #ffffff;
color: #111827;
line-height: 1.7;
}


/* ===== Content Area ===== */
.mw-body-content {
max-width: 900px;
margin: auto;
padding: 3em 2em;
}


/* ===== Sidebar ===== */
#mw-panel {
background: #f8f9fb;
border-right: 1px solid #e5e7eb;
}


#mw-panel a {
color: #374151;
font-size: 14px;
}


#mw-panel a:hover {
color: #2563eb;
}


/* ===== Headings ===== */
h1 {
font-size: 2.3em;
border-bottom: 1px solid #e5e7eb;
padding-bottom: .3em;
}


h2 {
font-size: 1.6em;
margin-top: 2em;
}


h3 {
font-size: 1.3em;
}


/* ===== Code Block ===== */
pre {
background: #f3f4f6;
padding: 1em;
border-radius: 8px;
overflow-x: auto;
}


code {
background: #f3f4f6;
padding: .2em .4em;
border-radius: 4px;
font-family: JetBrains Mono, monospace;
}


/* ===== TOC ===== */
#toc {
background: #f9fafb;
border: 1px solid #e5e7eb;
border-radius: 8px;
padding: 1em;
}


/* ===== Remove Wiki Noise ===== */
#footer, #p-print, #p-tb {
display: none;
}

/* ===== GitBook Sidebar ===== */
#mw-panel {
  background: #f8f9fb;
  border-right: 1px solid #e5e7eb;
  padding-top: 1em;
}

#mw-panel .portal h3 {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #6b7280;
  margin-bottom: .5em;
}

#mw-panel a {
  font-size: 14px;
  color: #374151;
  padding: 4px 0;
  display: block;
}

#mw-panel a:hover {
  color: #2563eb;
  text-decoration: none;
}

/* ===== Sidebar Styling (AMAN) ===== */
.vector-sidebar {
  background: #f8f9fb;
  border-right: 1px solid #e5e7eb;
}

.vector-sidebar a {
  font-size: 14px;
  color: #374151;
  padding: 4px 8px;
  display: block;
}

.vector-sidebar a:hover {
  background: #eef2ff;
  color: #2563eb;
  text-decoration: none;
}

.vector-menu-heading {
  font-size: 12px;
  text-transform: uppercase;
  color: #6b7280;
  letter-spacing: .05em;
}

/* ===============================
   RAGNAROK ONLINE THEME
   BLUE & GOLD (SAFE VERSION)
   =============================== */

/* ===== Global ===== */
body {
  background: #f9fafc;
  color: #1f2937;
  font-family: Inter, system-ui, sans-serif;
}

/* ===== Sidebar ===== */
.vector-sidebar {
  background: linear-gradient(180deg, #0b1d3a, #0e2a52);
  border-right: 1px solid #1e3a8a;
}

/* Sidebar headings */
.vector-menu-heading {
  color: #facc15;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 1em;
}

/* Sidebar links */
.vector-sidebar a {
  color: #e5e7eb;
  font-size: 14px;
  padding: 6px 10px;
  border-radius: 6px;
  transition: background .15s ease, color .15s ease;
}

.vector-sidebar a:hover {
  background: rgba(250, 204, 21, 0.15);
  color: #fde047;
  text-decoration: none;
}

/* Active page */
.vector-sidebar a.mw-selflink {
  background: rgba(250, 204, 21, 0.25);
  color: #fde047;
  font-weight: 600;
}

/* ===== Content Area ===== */
.mw-body-content {
  max-width: 900px;
  margin: auto;
  padding: 3em 2em;
}

/* Headings */
h1 {
  color: #1e3a8a;
  border-bottom: 2px solid #facc15;
  padding-bottom: .3em;
}

h2 {
  color: #1e40af;
}

h3 {
  color: #1d4ed8;
}

/* ===== Links ===== */
.mw-body-content a {
  color: #2563eb;
  text-decoration: none;
}

.mw-body-content a:hover {
  color: #1e40af;
  text-decoration: underline;
}

/* ===== Code Block ===== */
pre, code {
  background: #0b1d3a;
  color: #fde047;
  border-radius: 8px;
  font-family: JetBrains Mono, monospace;
}

pre {
  padding: 1em;
  overflow-x: auto;
}

/* ===== Tables ===== */
.wikitable {
  border: 1px solid #facc15;
}

.wikitable th {
  background: #0e2a52;
  color: #fde047;
}

.wikitable td {
  background: #ffffff;
}