MediaWiki:Vector-2022.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ===== 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;
}

/* ===== FIX SIDEBAR TIDAK BISA DIKLIK (VECTOR 2022) ===== */
#mw-panel {
  position: relative;
  z-index: 1000;
  pointer-events: auto;
}

#mw-panel * {
  pointer-events: auto;
}

/* Pastikan konten TIDAK menimpa sidebar */
.mw-page-container,
.mw-body,
.mw-body-content {
  position: relative;
  z-index: 1;
}

#mw-panel {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}