MediaWiki:Vector-2022.css: Difference between revisions

From EstoriaRO Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* ===== GitBook Base ===== */
/* ===============================
body {
  FIX TOTAL SIDEBAR VECTOR 2022
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 ===== */
/* Paksa sidebar berada di atas semua layer */
#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 {
#mw-panel {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 260px;
  height: 100vh;
  z-index: 99999;
  pointer-events: auto !important;
   background: #f8f9fb;
   background: #f8f9fb;
   border-right: 1px solid #e5e7eb;
   overflow-y: auto;
  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 {
/* Geser konten agar tidak menimpa sidebar */
  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-page-container,
.mw-body,
.mw-body,
.mw-body-content {
.mw-body-content {
  margin-left: 260px !important;
   position: relative;
   position: relative;
   z-index: 1;
   z-index: 1;
}
}


#mw-panel {
/* Pastikan link sidebar bisa diklik */
   position: sticky;
#mw-panel a {
   top: 0;
   pointer-events: auto !important;
   height: 100vh;
   cursor: pointer;
   overflow-y: auto;
   display: block;
}
 
/* Hilangkan kemungkinan overlay */
.mw-page-container::before,
.mw-page-container::after,
.mw-body::before,
.mw-body::after {
   content: none !important;
}
}

Revision as of 00:43, 19 December 2025

/* ===============================
   FIX TOTAL SIDEBAR VECTOR 2022
   =============================== */

/* Paksa sidebar berada di atas semua layer */
#mw-panel {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 260px;
  height: 100vh;
  z-index: 99999;
  pointer-events: auto !important;
  background: #f8f9fb;
  overflow-y: auto;
}

/* Geser konten agar tidak menimpa sidebar */
.mw-page-container,
.mw-body,
.mw-body-content {
  margin-left: 260px !important;
  position: relative;
  z-index: 1;
}

/* Pastikan link sidebar bisa diklik */
#mw-panel a {
  pointer-events: auto !important;
  cursor: pointer;
  display: block;
}

/* Hilangkan kemungkinan overlay */
.mw-page-container::before,
.mw-page-container::after,
.mw-body::before,
.mw-body::after {
  content: none !important;
}