Lompat ke isi

MediaWiki:Common.css: Perbedaan antara revisi

Dari Maliki Encyclopedia
← Revisi sebelumnya

ADMIN-ency (bicara | kontrib)

3 grup pengguna
1.220 suntingan
Tidak ada ringkasan suntingan
Tidak ada ringkasan suntingan
 
(6 revisi perantara oleh pengguna yang sama tidak ditampilkan)
Baris 1: Baris 1:
/* =====================================
/* =====================================
   MALIKI ENCYCLOPEDIA
   MALIKI ENCYCLOPEDIA
   Common.css v20
   Common.css v26
   Full-width Editorial Homepage
   Full Page Homepage
   Hero + Search Refinement
   Compact Elegant Institutional Header
   Vector 2022
   Vector 2022
   ===================================== */
   ===================================== */
/* =====================================
  GLOBAL
  ===================================== */
body {
body {
     background: #ffffff;
     background:#ffffff;
     color: #24343b;
     color:#24343b;
}
}
.firstHeading {
.firstHeading {
     color: #006b68;
     color:#006b68;
}
}
a {
a {
     color: #1f5f8b;
     color:#1f5f8b;
}
}
a:hover {
a:hover {
     color: #006b68;
     color:#006b68;
}
}
/* =====================================
/* =====================================
   MALIKI TOP NAVIGATION
   HOMEPAGE
  HILANGKAN CHROME MEDIAWIKI
  KHUSUS HALAMAN UTAMA
   ===================================== */
   ===================================== */
 
body.page-Halaman_Utama .mw-body-header {
#maliki-top-navigation {
     display:none!important;
     display: block;
    width: 100%;
    box-sizing: border-box;
 
    margin: 0;
    padding: 0;
 
    background: #ffffff;
 
    border-top: 1px solid #eaecf0;
    border-bottom: 1px solid #d8dee4;
 
    position: relative;
    z-index: 1000;
}
}
 
body.page-Halaman_Utama .mw-body-header-container {
 
     display:none!important;
#maliki-top-navigation .maliki-nav-inner {
    width: 100%;
    max-width: 1200px;
 
    margin: 0 auto;
    padding: 0 20px;
 
     display: flex;
    align-items: stretch;
    justify-content: center;
 
    box-sizing: border-box;
}
}
 
body.page-Halaman_Utama .vector-page-toolbar {
 
     display:none!important;
#maliki-top-navigation .maliki-nav-item {
    position: relative;
 
     display: flex;
    align-items: stretch;
}
}
 
body.page-Halaman_Utama .vector-page-toolbar-container {
 
     display:none!important;
#maliki-top-navigation .maliki-nav-button {
     appearance: none;
    -webkit-appearance: none;
 
    border: 0;
    background: transparent;
 
    color: #24343b;
 
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
 
    line-height: 1.4;
 
    padding: 14px 16px;
    margin: 0;
 
    cursor: pointer;
 
    white-space: nowrap;
 
    transition:
        background-color 0.18s ease,
        color 0.18s ease;
}
}
 
body.page-Halaman_Utama .mw-body-content {
 
     width:100%!important;
#maliki-top-navigation .maliki-nav-arrow {
     max-width:none!important;
     display: inline-block;
     margin:0!important;
 
     padding:0!important;
     margin-left: 6px;
 
     font-size: 11px;
 
    color: #72777d;
 
    transform: translateY(-1px);
 
     transition:
        transform 0.18s ease,
        color 0.18s ease;
}
}
 
body.page-Halaman_Utama .mw-body {
 
    width:100%!important;
#maliki-top-navigation
     max-width:none!important;
.maliki-nav-item:hover
    margin:0!important;
.maliki-nav-button {
     padding:0!important;
 
     background: #e7f5f4;
 
     color: #006b68;
}
}
 
body.page-Halaman_Utama .mw-page-container {
 
    width:100%!important;
#maliki-top-navigation
     max-width:none!important;
.maliki-nav-button:focus {
     margin:0!important;
 
     padding:0!important;
     background: #e7f5f4;
 
     color: #006b68;
 
     outline: none;
}
}
 
body.page-Halaman_Utama .mw-content-container {
 
    width:100%!important;
#maliki-top-navigation
     max-width:none!important;
.maliki-nav-item.is-open
    margin:0!important;
.maliki-nav-button {
     padding:0!important;
 
     background: #e7f5f4;
 
     color: #006b68;
}
}
 
body.page-Halaman_Utama .mw-parser-output {
 
    width:100%!important;
#maliki-top-navigation
    max-width:none!important;
.maliki-nav-item:hover
     margin:0!important;
.maliki-nav-arrow,
     padding:0!important;
 
#maliki-top-navigation
.maliki-nav-item.is-open
.maliki-nav-arrow {
 
     color: #006b68;
 
     transform: rotate(180deg);
}
}
/* =====================================
/* =====================================
   DROPDOWN
   UTILITY BAR
   ===================================== */
   ===================================== */
 
#maliki-utility-bar {
#maliki-top-navigation
    width:100%;
.maliki-nav-dropdown {
    height:32px;
 
    background:#006b68;
     position: absolute;
    color:#ffffff;
 
    box-sizing:border-box;
     top: 100%;
    position:relative;
     left: 0;
     z-index:3000;
 
}
     min-width: 225px;
#maliki-utility-bar .maliki-utility-inner {
 
     width:100%;
     padding: 8px 0;
     max-width:1200px;
 
    height:32px;
     background: #ffffff;
     margin:0 auto;
 
     padding:0 24px;
     border: 1px solid #d8dee4;
     display:flex;
 
     align-items:center;
     border-radius: 0 0 8px 8px;
     justify-content:space-between;
 
     box-sizing:border-box;
     box-shadow:
}
        0 8px 22px rgba(0, 0, 0, 0.10);
#maliki-utility-bar .maliki-utility-left {
 
    display:flex;
     display: none;
    align-items:center;
 
     height:100%;
     z-index: 2000;
     gap:28px;
}
}
 
#maliki-utility-bar .maliki-utility-left a,
 
#maliki-utility-bar .maliki-utility-right span {
#maliki-top-navigation
    color:#ffffff;
.maliki-nav-item.is-open
    text-decoration:none;
.maliki-nav-dropdown {
    font-family:Arial,Helvetica,sans-serif;
 
     font-size:11px;
     display: block;
    font-weight:600;
    line-height:1;
}
}
 
#maliki-utility-bar .maliki-utility-left a:hover {
 
     color:#dff7f5;
@media (min-width: 801px) {
     text-decoration:none;
 
    #maliki-top-navigation
    .maliki-nav-item:hover
     .maliki-nav-dropdown {
 
        display: block;
     }
 
}
}
 
#maliki-utility-bar .maliki-utility-right {
 
     display:flex;
#maliki-top-navigation
     align-items:center;
.maliki-nav-dropdown a {
     gap:16px;
 
     display: block;
 
    padding: 10px 18px;
 
    color: #24343b;
 
    font-size: 14px;
 
    line-height: 1.45;
 
     text-decoration: none;
 
     white-space: nowrap;
 
    border-left: 3px solid transparent;
 
    transition:
        background-color 0.16s ease,
        color 0.16s ease,
        border-color 0.16s ease;
}
}
 
#maliki-utility-bar .maliki-utility-language {
 
    display:inline-flex;
#maliki-top-navigation
     align-items:center;
.maliki-nav-dropdown a:hover {
    justify-content:center;
 
    min-width:26px;
     background: #e7f5f4;
    height:20px;
 
     padding:0 7px;
     color: #006b68;
    background:rgba(255,255,255,.12);
 
     border-radius:2px;
     border-left-color: #019d9a;
     font-size:10px!important;
 
     text-decoration: none;
}
}
/* =====================================
/* =====================================
   HOME CONTAINER
   VECTOR MAIN HEADER
   ===================================== */
   ===================================== */
 
.vector-header-container {
.me-home {
    background:#019d9a!important;
 
    border:0!important;
     width: 100%;
    box-shadow:none!important;
 
}
     max-width: 1200px;
.vector-header-container .vector-header {
 
    background:#019d9a!important;
     margin: 0 auto;
     color:#ffffff!important;
    border:0!important;
    box-shadow:none!important;
}
.vector-header-container .mw-header {
     min-height:64px;
    background:#019d9a!important;
    color:#ffffff!important;
     border:0!important;
}
}
/* =====================================
/* =====================================
   FULL-WIDTH HERO
   MALIKI IDENTITY
   ===================================== */
   ===================================== */
 
.vector-header-container a,
.me-home-hero {
.vector-header-container .mw-logo,
 
.vector-header-container .mw-logo-wordmark {
     width: 100vw;
     color:#ffffff!important;
 
}
     max-width: none;
.vector-header-container .mw-logo {
 
     display:flex;
     box-sizing: border-box;
     align-items:center;
 
     font-weight:700;
     margin-top: 0;
}
 
.vector-header-container .mw-logo-icon {
     margin-bottom: 30px;
     width:46px!important;
 
    height:46px!important;
     margin-left: 50%;
     margin-right:10px;
 
}
     transform: translateX(-50%);
.vector-header-container .mw-logo-wordmark {
 
     font-family:Arial,Helvetica,sans-serif;
     padding: 0;
     font-size:16px;
 
     font-weight:700;
     background: #f7f9f9;
     letter-spacing:-.01em;
 
     line-height:1.2;
     border: 0 !important;
}
 
.vector-header-container .mw-logo-tagline {
     border-radius: 0 !important;
     color:rgba(255,255,255,.88)!important;
 
     box-shadow: none !important;
 
    overflow: hidden;
}
}
/* =====================================
/* =====================================
   HERO INNER
   HEADER SEARCH
   ===================================== */
   ===================================== */
 
.vector-header-container .vector-search-box {
.me-home-hero-inner {
    margin-left:26px;
 
    margin-right:24px;
     width: 100%;
}
 
.vector-header-container .vector-search-box .cdx-text-input__input,
     max-width: 1080px;
.vector-header-container .vector-search-box input {
 
    height:38px!important;
     margin: 0 auto;
    background:#ffffff!important;
 
     border:0!important;
     padding: 42px 30px 34px;
    color:#24343b!important;
 
    border-radius:3px!important;
     box-sizing: border-box;
    font-family:Arial,Helvetica,sans-serif!important;
 
     font-size:13px!important;
     text-align: center;
}
.vector-header-container .vector-search-box button {
    height:38px!important;
    background:#f5f7f7!important;
     border:0!important;
    color:#24343b!important;
     border-radius:0 3px 3px 0!important;
    font-weight:600;
}
.vector-header-container .vector-user-links,
.vector-header-container .vector-user-links a,
.vector-header-container .vector-menu-content,
.vector-header-container .vector-menu-content a {
     color:#ffffff!important;
}
.vector-header-container .vector-user-links a:hover,
.vector-header-container .vector-menu-content a:hover {
    color:#dff7f5!important;
}
.vector-header-container .vector-icon {
     color:#ffffff!important;
}
}
/* =====================================
/* =====================================
   HERO LABEL
   TOP NAVIGATION
   ===================================== */
   ===================================== */
 
#maliki-top-navigation {
.mw-parser-output .me-home-hero-label {
    display:block;
 
    width:100%;
     display: block;
    height:44px;
 
    box-sizing:border-box;
     margin: 0 0 9px 0;
    margin:0;
 
    padding:0;
     padding: 0;
    background:#019d9a;
 
    border:0;
     border: 0 !important;
    position:relative;
 
    z-index:2000;
     background: transparent !important;
}
 
#maliki-top-navigation .maliki-nav-inner {
     box-shadow: none !important;
    width:100%;
 
     max-width:1200px;
     color: #019d9a !important;
    height:44px;
 
     margin:0 auto;
     font-family:
    padding:0 24px;
        Arial,
    display:flex;
        Helvetica,
     align-items:stretch;
        sans-serif !important;
    justify-content:center;
 
     box-sizing:border-box;
     font-size: 11px !important;
}
 
#maliki-top-navigation .maliki-nav-item {
     font-weight: 700 !important;
    position:relative;
 
    display:flex;
     letter-spacing: 0.16em !important;
     align-items:stretch;
 
}
     line-height: 1.4 !important;
#maliki-top-navigation .maliki-nav-button {
 
     appearance:none;
     text-transform: uppercase;
    -webkit-appearance:none;
    border:0;
    background:transparent;
     color:#ffffff;
     font-family:Arial,Helvetica,sans-serif;
     font-size:12.5px;
     font-weight:600;
     letter-spacing:.015em;
    line-height:1.4;
    padding:0 18px;
    margin:0;
    cursor:pointer;
    white-space:nowrap;
    transition:background-color .18s ease,color .18s ease;
}
#maliki-top-navigation .maliki-nav-arrow {
    display:inline-block;
    margin-left:6px;
    font-size:9px;
    color:rgba(255,255,255,.82);
    transform:translateY(-1px);
    transition:transform .18s ease;
}
#maliki-top-navigation .maliki-nav-item:hover .maliki-nav-button,
#maliki-top-navigation .maliki-nav-item.is-open .maliki-nav-button {
    background:#006b68;
    color:#ffffff;
}
#maliki-top-navigation .maliki-nav-item:hover .maliki-nav-arrow,
#maliki-top-navigation .maliki-nav-item.is-open .maliki-nav-arrow {
    transform:rotate(180deg);
}
#maliki-top-navigation .maliki-nav-button:focus {
    outline:none;
    background:#006b68;
}
#maliki-top-navigation .maliki-nav-dropdown {
    position:absolute;
    top:100%;
    left:0;
    min-width:225px;
    padding:7px 0;
    background:#ffffff;
    border:1px solid #d8dee4;
    border-top:3px solid #006b68;
    border-radius:0 0 6px 6px;
    box-shadow:0 8px 22px rgba(0,0,0,.12);
    display:none;
    z-index:3000;
}
#maliki-top-navigation .maliki-nav-item.is-open .maliki-nav-dropdown {
    display:block;
}
@media (min-width:801px) {
    #maliki-top-navigation .maliki-nav-item:hover .maliki-nav-dropdown {
        display:block;
    }
}
#maliki-top-navigation .maliki-nav-dropdown a {
    display:block;
    padding:10px 18px;
    color:#24343b;
    font-size:13px;
     line-height:1.45;
    text-decoration:none;
    white-space:nowrap;
    border-left:3px solid transparent;
}
#maliki-top-navigation .maliki-nav-dropdown a:hover {
    background:#e7f5f4;
    color:#006b68;
    border-left-color:#019d9a;
     text-decoration:none;
}
}
/* =====================================
/* =====================================
   HERO TITLE
   HOMEPAGE CONTAINER
  Selector diperkuat agar tidak kalah
  oleh gaya MediaWiki
   ===================================== */
   ===================================== */
 
.me-home {
.mw-parser-output .me-home-hero-title {
     width:100%;
 
     max-width:none;
    display: block !important;
     margin:0;
 
     padding:0;
     width: 100% !important;
 
    margin: 0 auto 15px !important;
 
    padding: 0 !important;
 
     border: 0 !important;
 
    border-top: 0 !important;
 
     border-right: 0 !important;
 
     border-bottom: 0 !important;
 
    border-left: 0 !important;
 
    background: transparent !important;
 
    box-shadow: none !important;
 
    color: #006b68 !important;
 
    font-family:
        Georgia,
        "Times New Roman",
        serif !important;
 
    font-size: 44px !important;
 
    font-weight: 500 !important;
 
    letter-spacing: -0.012em !important;
 
    line-height: 1.15 !important;
 
    text-align: center !important;
}
}
/* =====================================
/* =====================================
   PASTIKAN TIDAK ADA GARIS
   HOMEPAGE HERO
   ===================================== */
   ===================================== */
 
.me-home-hero {
.mw-parser-output .me-home-hero-title::before,
    width:100%;
.mw-parser-output .me-home-hero-title::after {
    max-width:none;
 
    box-sizing:border-box;
     content: none !important;
    margin:0;
 
    padding:0;
     display: none !important;
    background:#f7f9f9;
 
    border:0!important;
     border: 0 !important;
    border-radius:0!important;
 
    box-shadow:none!important;
    overflow:hidden;
}
.me-home-hero-inner {
    width:100%;
    max-width:1080px;
    margin:0 auto;
    padding:58px 30px 46px;
    box-sizing:border-box;
    text-align:center;
}
.mw-parser-output .me-home-hero-label {
    display:block;
    margin:0 0 16px 0;
    padding:0;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#019d9a!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
    line-height:1.4!important;
    text-transform:uppercase;
}
.mw-parser-output .me-home-hero-title {
    display:block!important;
    width:100%!important;
    margin:0 auto 20px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
     box-shadow:none!important;
    color:#006b68!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:46px!important;
     font-weight:500!important;
    letter-spacing:-.012em!important;
     line-height:1.15!important;
    text-align:center!important;
}
}
/* =====================================
  HERO INSTITUTION
  ===================================== */
.mw-parser-output .me-home-hero-institution {
.mw-parser-output .me-home-hero-institution {
 
     display:block;
     display: block;
     margin:0 auto 16px;
 
     padding:0;
     margin: 0 auto 11px;
     color:#24343b!important;
 
     font-family:Arial,Helvetica,sans-serif!important;
     padding: 0;
     font-size:16px!important;
 
     font-weight:600!important;
     color: #24343b !important;
     line-height:1.5!important;
 
     text-align:center;
     font-family:
        Arial,
        Helvetica,
        sans-serif !important;
 
     font-size: 16px !important;
 
     font-weight: 600 !important;
 
     line-height: 1.5 !important;
 
     text-align: center;
}
}
/* =====================================
  HERO DESCRIPTION
  ===================================== */
.mw-parser-output .me-home-hero-description {
.mw-parser-output .me-home-hero-description {
 
     display:block;
     display: block;
     width:100%;
 
     max-width:700px;
     width: 100%;
     margin:0 auto;
 
     padding:0;
     max-width: 700px;
     color:#5b666b!important;
 
     font-family:Arial,Helvetica,sans-serif!important;
     margin: 0 auto;
     font-size:15px!important;
 
     font-weight:400!important;
     padding: 0;
     line-height:1.65!important;
 
     text-align:center;
     color: #5b666b !important;
 
     font-family:
        Arial,
        Helvetica,
        sans-serif !important;
 
     font-size: 15px !important;
 
     font-weight: 400 !important;
 
     line-height: 1.65 !important;
 
     text-align: center;
}
}
/* =====================================
/* =====================================
   SEARCH WRAPPER
   HOMEPAGE SEARCH
   ===================================== */
   ===================================== */
.mw-parser-output .me-home-search {
.mw-parser-output .me-home-search {
 
     display:block;
     display: block;
     width:100%;
 
     max-width:720px;
     width: 100%;
     margin:28px auto 0;
 
     padding:0;
     max-width: 720px;
     background:transparent!important;
 
     border:0!important;
     margin: 24px auto 0;
     box-shadow:none!important;
 
     padding: 0;
 
     background: transparent !important;
 
     border: 0 !important;
 
     box-shadow: none !important;
 
    text-align: center;
}
}
/* =====================================
  INPUTBOX MEDIAWIKI
  ===================================== */
.mw-parser-output .me-home-search form {
.mw-parser-output .me-home-search form {
 
     display:flex!important;
     display: flex !important;
     align-items:stretch!important;
 
     justify-content:center!important;
     align-items: stretch !important;
     width:100%!important;
 
     max-width:720px!important;
     justify-content: center !important;
     margin:0 auto!important;
 
     padding:0!important;
     width: 100% !important;
     gap:8px!important;
 
     box-sizing:border-box!important;
     max-width: 720px !important;
 
     margin: 0 auto !important;
 
     padding: 0 !important;
 
     gap: 8px !important;
 
     box-sizing: border-box !important;
}
}
 
.mw-parser-output .me-home-search input[type="search"],
 
.mw-parser-output .me-home-search input[type="text"],
/* =====================================
.mw-parser-output .me-home-search .mw-inputbox-input {
  SEMUA INPUT SEARCH/TEXT
     display:block!important;
  ===================================== */
     flex:1 1 auto!important;
 
     width:auto!important;
.mw-parser-output
     min-width:0!important;
.me-home-search
    height:48px!important;
input[type="search"],
     min-height:48px!important;
 
    max-height:48px!important;
.mw-parser-output
     box-sizing:border-box!important;
.me-home-search
     margin:0!important;
input[type="text"] {
     padding:0 16px!important;
 
     border:1px solid #c4d4d2!important;
     display: block !important;
     border-radius:4px!important;
 
     background:#ffffff!important;
     flex: 1 1 auto !important;
     color:#24343b!important;
 
     font-family:Arial,Helvetica,sans-serif!important;
     width: auto !important;
     font-size:14px!important;
 
     line-height:48px!important;
     min-width: 0 !important;
     outline:none!important;
 
     box-shadow:none!important;
     height: 48px !important;
 
     box-sizing: border-box !important;
 
     margin: 0 !important;
 
     padding: 0 16px !important;
 
     border: 1px solid #c4d4d2 !important;
 
     border-radius: 4px !important;
 
     background: #ffffff !important;
 
     color: #24343b !important;
 
     font-family:
        Arial,
        Helvetica,
        sans-serif !important;
 
     font-size: 14px !important;
 
     line-height: 48px !important;
 
     outline: none !important;
 
     box-shadow: none !important;
}
}
 
.mw-parser-output .me-home-search input[type="search"]::placeholder,
 
.mw-parser-output .me-home-search input[type="text"]::placeholder {
.mw-parser-output
     color:#8a9498;
.me-home-search
input[type="search"]::placeholder,
 
.mw-parser-output
.me-home-search
input[type="text"]::placeholder {
 
     color: #8a9498;
}
}
 
.mw-parser-output .me-home-search input[type="search"]:focus,
 
.mw-parser-output .me-home-search input[type="text"]:focus {
.mw-parser-output
     border-color:#019d9a!important;
.me-home-search
     box-shadow:0 0 0 2px rgba(1,157,154,.10)!important;
input[type="search"]:focus,
 
.mw-parser-output
.me-home-search
input[type="text"]:focus {
 
     border-color: #019d9a !important;
 
     box-shadow:
        0 0 0 2px rgba(1,157,154,0.10) !important;
}
}
 
.mw-parser-output .me-home-search input[type="submit"],
 
.mw-parser-output .me-home-search .mw-inputbox-button {
/* =====================================
     display:block!important;
  SEARCH BUTTON
     flex:0 0 170px!important;
  ===================================== */
     width:170px!important;
 
     min-width:170px!important;
.mw-parser-output
    height:48px!important;
.me-home-search
     min-height:48px!important;
input[type="submit"] {
    max-height:48px!important;
 
     box-sizing:border-box!important;
     display: block !important;
     margin:0!important;
 
     padding:0 18px!important;
     flex: 0 0 170px !important;
     border:1px solid #019d9a!important;
 
     border-radius:4px!important;
     width: 170px !important;
     background:#019d9a!important;
 
     color:#ffffff!important;
     min-width: 170px !important;
     font-family:Arial,Helvetica,sans-serif!important;
 
     font-size:14px!important;
     height: 48px !important;
     font-weight:700!important;
 
     line-height:46px!important;
     box-sizing: border-box !important;
     text-align:center!important;
 
     cursor:pointer;
     margin: 0 !important;
 
     padding: 0 18px !important;
 
     border: 1px solid #019d9a !important;
 
     border-radius: 4px !important;
 
     background: #019d9a !important;
 
     color: #ffffff !important;
 
     font-family:
        Arial,
        Helvetica,
        sans-serif !important;
 
     font-size: 14px !important;
 
     font-weight: 700 !important;
 
     line-height: 46px !important;
 
     text-align: center !important;
 
     cursor: pointer;
 
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease;
}
}
 
.mw-parser-output .me-home-search input[type="submit"]:hover {
 
     background:#006b68!important;
.mw-parser-output
     border-color:#006b68!important;
.me-home-search
input[type="submit"]:hover {
 
     background: #006b68 !important;
 
     border-color: #006b68 !important;
}
}
.mw-parser-output
.me-home-search
input[type="submit"]:focus {
    outline: none !important;
    box-shadow:
        0 0 0 2px rgba(1,157,154,0.15) !important;
}
/* =====================================
/* =====================================
   HERO LINKS
   HOMEPAGE LINKS
   ===================================== */
   ===================================== */
.mw-parser-output .me-home-hero-links {
.mw-parser-output .me-home-hero-links {
 
     display:block;
     display: block;
     margin:20px auto 0;
 
     padding:0;
     margin: 16px auto 0;
     color:#7a8589;
 
     font-family:Arial,Helvetica,sans-serif;
     padding: 0;
     font-size:13px;
 
     line-height:1.5;
     color: #7a8589;
     text-align:center;
 
     font-family:
        Arial,
        Helvetica,
        sans-serif;
 
     font-size: 13px;
 
     line-height: 1.5;
 
     text-align: center;
}
}
 
.mw-parser-output .me-home-hero-links a {
 
     color:#006b68;
.mw-parser-output
     font-weight:600;
.me-home-hero-links a {
     text-decoration:none;
 
     color: #006b68;
 
     font-weight: 600;
 
     text-decoration: none;
}
}
 
.mw-parser-output .me-home-hero-links a:hover {
 
     color:#019d9a;
.mw-parser-output
     text-decoration:underline;
.me-home-hero-links a:hover {
 
     color: #019d9a;
 
     text-decoration: underline;
}
}
/* =====================================
/* =====================================
   EXISTING HERO IMAGE
   HOMEPAGE — JELAJAH PENGETAHUAN
   ===================================== */
   ===================================== */
 
.me-home-section {
.me-hero-image {
    width:100%;
 
    box-sizing:border-box;
     width: 100%;
}
 
.me-home-section-inner {
     margin: 25px auto 0;
     width:100%;
 
    max-width:1120px;
     text-align: center;
     margin:0 auto;
    padding:72px 30px;
     box-sizing:border-box;
}
}
 
.me-home-section-heading {
 
     max-width:760px;
.me-hero-image img {
     margin:0 auto 42px;
 
     text-align:center;
     width: 100%;
 
     height: 220px;
 
     object-fit: cover;
 
    display: block;
}
}
 
.me-home-section-label {
 
     margin:0 0 10px 0;
/* =====================================
     padding:0;
  EXISTING HERO CONTENT
    color:#019d9a;
  ===================================== */
     font-family:Arial,Helvetica,sans-serif;
 
    font-size:11px;
.me-hero {
     font-weight:700;
 
    letter-spacing:.16em;
     background: #ffffff;
     line-height:1.4;
 
     text-transform:uppercase;
     border: 0;
 
     border-radius: 0;
 
     text-align: center;
 
     margin: 0 auto 45px;
 
     padding: 25px 40px 35px;
}
}
 
.me-home-section-heading h2 {
 
    margin:0 0 14px 0;
.me-hero h1 {
    padding:0;
 
    color:#006b68;
     font-family:
     font-family:Georgia,"Times New Roman",serif;
        Georgia,
     font-size:38px;
        "Times New Roman",
     font-weight:500;
        serif;
     line-height:1.25;
 
     font-size: 54px;
 
     font-weight: normal;
 
    color: #006b68;
 
     margin: 0 auto 15px;
 
    padding-bottom: 10px;
 
    border-bottom: 0 !important;
}
}
 
.me-home-section-heading p {
 
    margin:0;
.me-hero h3.tagline {
     padding:0;
 
    color:#5b666b;
     font-size: 24px;
     font-family:Arial,Helvetica,sans-serif;
 
     font-size:15px;
     font-weight: bold;
     line-height:1.75;
 
     color: #24343b;
 
     margin: 25px 0 15px;
}
}
 
.me-browse-section {
 
     width:100%;
.me-hero p {
     background:#ffffff;
 
     border-top:1px solid #e4ecea;
     font-size: 17px;
     border-bottom:1px solid #e4ecea;
 
     line-height: 1.6;
 
     max-width: 850px;
 
     margin: 15px auto;
}
}
 
.me-browse-section .me-home-section-inner {
 
     padding-top:72px;
/* =====================================
     padding-bottom:76px;
  FEATURED GRID
  ===================================== */
 
.featured-grid {
 
     display: flex;
 
    justify-content: center;
 
     align-items: flex-start;
 
    gap: 24px;
 
    margin: 25px auto 55px;
}
}
 
.me-browse-grid {
 
    display:grid;
.featured-item {
    grid-template-columns:repeat(3,minmax(0,1fr));
 
    gap:22px;
     width: 300px;
     width:100%;
 
    margin:0;
     flex: none;
     padding:0;
 
     box-sizing:border-box;
     text-align: center;
}
}
 
.me-browse-card {
 
     display:flex;
.featured-image {
     flex-direction:column;
 
     min-width:0;
     height: 130px;
    min-height:245px;
 
     box-sizing:border-box;
     background: #f7f9f9;
    padding:27px 27px 24px;
 
    background:#ffffff;
     border: 0;
     border:1px solid #d8e4e2;
 
    border-radius:8px;
     border-radius: 0;
     box-shadow:0 2px 8px rgba(24,58,58,.04);
 
     transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
     display: flex;
 
     justify-content: center;
 
     align-items: center;
}
}
 
.me-browse-card:hover {
 
     transform:translateY(-3px);
.featured-image img {
     border-color:#9fd4d1;
 
     box-shadow:0 8px 22px rgba(24,58,58,.09);
     max-width: 120px;
 
     max-height: 120px;
 
    width: auto;
 
    height: auto;
 
     object-fit: contain;
}
}
 
.me-browse-type {
 
    margin:0 0 15px 0;
.featured-item h3 {
    padding:0;
 
     color:#019d9a;
     color: #006b68;
    font-family:Arial,Helvetica,sans-serif;
 
     font-size:10px;
     font-size: 21px;
    font-weight:700;
 
    letter-spacing:.12em;
     margin: 15px 0 10px;
    line-height:1.4;
     text-transform:uppercase;
}
}
 
.me-browse-title {
 
    margin:0 0 13px 0;
.featured-item p {
     padding:0;
 
    color:#006b68;
     max-width: 240px;
     font-family:Georgia,"Times New Roman",serif;
 
     font-size:25px;
     margin: 0 auto;
    font-weight:500;
 
     line-height:1.3;
     font-size: 14px;
 
     line-height: 1.55;
}
}
 
.me-browse-title a {
 
     color:#006b68;
.featured-item a {
     text-decoration:none;
 
    display: inline-block;
 
    margin-top: 15px;
 
     color: #006b68;
 
    font-weight: bold;
 
     text-decoration: none;
}
}
 
.me-browse-title a:hover {
 
     color:#019d9a;
.featured-item a:hover {
    text-decoration:none;
     color: #019d9a;
}
}
 
.me-browse-description {
 
    flex:1 1 auto;
/* =====================================
    margin:0;
  ARTICLE
    padding:0;
  ===================================== */
    color:#5b666b;
 
    font-family:Arial,Helvetica,sans-serif;
.me-article {
     font-size:14px;
 
     line-height:1.7;
     max-width: 900px;
 
     margin: auto;
}
}
 
.me-browse-link {
 
    margin:22px 0 0 0;
.me-article-header h1 {
    padding:16px 0 0 0;
 
    border-top:1px solid #edf1f0;
     font-family:
    color:#019d9a;
        Georgia,
     font-family:Arial,Helvetica,sans-serif;
        "Times New Roman",
     font-size:13px;
        serif;
     font-weight:700;
 
     line-height:1.5;
     font-size: 42px;
 
     color: #006b68;
 
    border-bottom: 0 !important;
 
     padding-bottom: 15px;
}
}
 
.me-browse-link a {
 
     color:#019d9a;
.me-article-image {
     text-decoration:none;
 
     text-align: center;
 
     margin: 25px 0;
}
}
 
.me-browse-link a:hover {
 
     color:#006b68;
.me-article-image img {
     text-decoration:none;
 
     max-width: 350px;
 
     height: auto;
}
}
 
.me-section-more {
 
     margin:34px 0 0 0;
.me-summary {
     padding:0;
 
     text-align:center;
     background: #e7f5f4;
 
    border-left: 4px solid #019d9a;
 
     padding: 20px;
 
     margin: 30px 0;
}
}
 
.me-section-more a {
 
     color:#006b68;
.me-section {
    font-family:Arial,Helvetica,sans-serif;
     margin: 35px 0;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
}
 
.me-section-more a:hover {
 
     color:#019d9a;
.me-section h2 {
     text-decoration:underline;
 
     color: #006b68;
 
    border-bottom: 0 !important;
 
     padding-bottom: 8px;
}
}
/* =====================================
/* =====================================
   NAVIGASI PENGETAHUAN
   KNOWLEDGE GRID
   ===================================== */
   ===================================== */
 
.me-grid {
.me-navigation {
    display:grid;
     margin: 35px 0;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    width:100%;
    max-width:1200px;
     margin:20px auto 45px;
    padding:0 24px;
    box-sizing:border-box;
    align-items:stretch;
}
}
 
.me-card {
 
    border:1px solid #e1e8e7;
.me-navigation h2 {
     background:#ffffff;
 
    padding:20px;
     color: #006b68;
     box-sizing:border-box;
 
     border-radius:6px;
     font-size: 24px;
     box-shadow:none;
 
    width:100%;
     margin-bottom: 25px;
     min-width:0;
 
     border-bottom: 0 !important;
 
     padding-bottom: 10px;
}
}
 
.me-card img {
 
     width:100%;
.me-navigation-table {
    max-width:250px;
 
     height:180px;
     width: 100%;
    object-fit:contain;
 
    display:block;
     border-collapse: collapse;
     margin:0 auto 14px;
 
     margin-top: 20px;
}
}
 
.me-card a {
 
     color:#006b68;
.me-navigation-table th {
     text-decoration:none;
 
     font-weight:bold;
     width: 180px;
 
     text-align: left;
 
    background: #e7f5f4;
 
    padding: 12px;
 
    border: 0;
 
     font-weight: bold;
}
}
 
.me-card a:hover {
 
     color:#019d9a;
.me-navigation-table td {
 
    padding: 12px;
 
     border: 0;
}
}
 
/* =====================================
 
  ARTICLE
.me-navigation-table a {
  ===================================== */
     color: #1f5f8b;
.me-article {
    max-width:900px;
     margin:auto;
}
}
 
.me-article-header h1 {
 
    font-family:Georgia,"Times New Roman",serif;
.me-navigation-table a:hover {
    font-size:42px;
     color: #006b68;
     color:#006b68;
    border-bottom:0!important;
    padding-bottom:15px;
}
}
 
.me-summary {
 
    background:#e7f5f4;
.me-knowledge-navigation {
    border-left:4px solid #019d9a;
 
    padding:20px;
     margin-top: 35px;
    margin:30px 0;
 
}
     margin-bottom: 35px;
.me-section {
    margin:35px 0;
}
.me-section h2 {
    color:#006b68;
     border-bottom:0!important;
     padding-bottom:8px;
}
}
/* =====================================
/* =====================================
   JELAJAH PENGETAHUAN
   WIKIEDITOR
   ===================================== */
   ===================================== */
 
.me-free-text,
.me-grid {
.me-free-text textarea,
 
.wikiEditor-ui-text,
    display: grid;
.wikiEditor-ui-textarea {
 
     width:100%!important;
    grid-template-columns:
     max-width:none!important;
        repeat(3, minmax(0, 1fr));
     box-sizing:border-box!important;
 
    gap: 24px;
 
     width: 100%;
 
     margin: 20px 0 45px;
 
     align-items: stretch;
}
}
 
.wikiEditor-ui {
 
     width:100%!important;
.me-card {
     max-width:none!important;
 
    border: 1px solid #e1e8e7;
 
    background: #ffffff;
 
    padding: 20px;
 
    box-sizing: border-box;
 
    border-radius: 6px;
 
    box-shadow: none;
 
     width: 100%;
 
     min-width: 0;
}
}
 
.wikiEditor-ui-text {
 
     width:100%!important;
.me-card img {
 
     width: 100%;
 
    max-width: 250px;
 
    height: 180px;
 
    object-fit: contain;
 
    display: block;
 
    margin: 0 auto 14px;
}
}
 
.wikiEditor-ui-text textarea {
 
     width:100%!important;
.me-card a {
     max-width:none!important;
 
     box-sizing:border-box!important;
     color: #006b68;
 
     text-decoration: none;
 
     font-weight: bold;
}
}
 
/* =====================================
 
  FLAGGEDREVS
.me-card a:hover {
  ===================================== */
     color: #019d9a;
#mw-fr-reviewform {
     display:none!important;
}
}
/* =====================================
/* =====================================
   RESPONSIVE
   RESPONSIVE
   ===================================== */
   ===================================== */
 
@media (max-width:1000px) {
@media (max-width: 1000px) {
     #maliki-top-navigation .maliki-nav-inner {
 
         justify-content:flex-start;
     #maliki-top-navigation
         overflow-x:auto;
    .maliki-nav-inner {
         -webkit-overflow-scrolling:touch;
 
         justify-content: flex-start;
 
         overflow-x: auto;
 
         -webkit-overflow-scrolling: touch;
     }
     }
 
     #maliki-top-navigation .maliki-nav-button {
 
         padding:0 14px;
     #maliki-top-navigation
         font-size:12px;
    .maliki-nav-button {
 
         padding: 13px 13px;
 
         font-size: 13px;
     }
     }
}
}
 
@media (max-width:900px) {
 
     #maliki-utility-bar .maliki-utility-right span:first-child {
@media (max-width: 900px) {
         display:none;
 
     .featured-grid {
         flex-wrap: wrap;
     }
     }
     .me-grid {
     .me-grid {
 
         grid-template-columns:repeat(2,minmax(0,1fr));
         grid-template-columns:
            repeat(2, minmax(0, 1fr));
     }
     }
 
    .me-browse-grid {
 
        grid-template-columns:repeat(2,minmax(0,1fr));
     .me-home-hero-inner {
    }
 
}
         padding: 38px 25px 32px;
@media (max-width:800px) {
     #maliki-utility-bar .maliki-utility-inner {
        padding:0 12px;
    }
    #maliki-utility-bar .maliki-utility-left {
         gap:16px;
     }
     }
 
     #maliki-utility-bar .maliki-utility-left a {
 
         font-size:11px;
     .mw-parser-output .me-home-hero-title {
 
         font-size: 40px !important;
     }
     }
}
@media (max-width: 800px) {
     #maliki-top-navigation {
     #maliki-top-navigation {
         overflow: visible;
         overflow:visible;
     }
     }
 
     #maliki-top-navigation .maliki-nav-inner {
 
        height:42px;
     #maliki-top-navigation
         padding:0 8px;
    .maliki-nav-inner {
         justify-content:flex-start;
 
         overflow-x:auto;
         padding: 0 10px;
 
         justify-content: flex-start;
 
         overflow-x: auto;
     }
     }
 
     #maliki-top-navigation .maliki-nav-button {
 
         padding:0 11px;
     #maliki-top-navigation
         font-size:12px;
    .maliki-nav-button {
 
         padding: 12px 10px;
 
         font-size: 13px;
     }
     }
 
     #maliki-top-navigation .maliki-nav-dropdown {
 
         position:fixed;
     #maliki-top-navigation
         left:8px;
    .maliki-nav-dropdown {
         width:calc(100vw - 16px);
 
         max-width:360px;
         position: fixed;
         border-radius:6px;
 
         left: 10px;
 
        right: auto;
 
        top: auto;
 
        min-width: 0;
 
         width: calc(100vw - 20px);
 
         max-width: 360px;
 
         border-radius: 8px;
 
        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.15);
     }
     }
 
     .mw-parser-output .me-home-search form {
 
         flex-direction:column!important;
     .mw-parser-output
         gap:8px!important;
    .me-home-search form {
 
         flex-direction: column !important;
 
         gap: 8px !important;
     }
     }
 
     .mw-parser-output .me-home-search input[type="search"],
 
     .mw-parser-output .me-home-search input[type="text"],
     .mw-parser-output
     .mw-parser-output .me-home-search .mw-inputbox-input,
    .me-home-search
     .mw-parser-output .me-home-search input[type="submit"],
    input[type="search"],
    .mw-parser-output .me-home-search .mw-inputbox-button {
 
         width:100%!important;
     .mw-parser-output
         min-width:0!important;
    .me-home-search
         flex:none!important;
    input[type="text"],
 
     .mw-parser-output
     .me-home-search
    input[type="submit"] {
 
         width: 100% !important;
 
         min-width: 0 !important;
 
         flex: none !important;
     }
     }
}
}
 
@media (max-width:700px) {
 
     .me-browse-grid {
@media (max-width: 700px) {
         grid-template-columns:1fr;
 
        gap:16px;
     .me-hero {
         padding: 20px;
     }
     }
 
     .me-home-section-inner {
 
         padding:55px 20px;
     .me-hero h1 {
         font-size: 36px;
     }
     }
 
     .me-home-section-heading h2 {
 
         font-size:32px;
     .me-hero h3.tagline {
         font-size: 20px;
     }
     }
 
     .vector-header-container .vector-search-box {
 
         margin-left:8px;
     .me-hero-image img {
        margin-right:8px;
         height: 160px;
     }
     }
 
     .vector-header-container .mw-logo-icon {
 
         width:42px!important;
     .featured-item {
        height:42px!important;
         width: 100%;
     }
     }
 
     .vector-header-container .mw-logo-wordmark {
 
         font-size:15px;
     .me-home-hero {
 
        width: 100vw;
 
        margin-left: 50%;
 
        transform: translateX(-50%);
 
        margin-top: 0;
 
         border-radius: 0;
     }
     }
    .me-home-hero-inner {
        padding: 34px 20px 30px;
    }
     .mw-parser-output .me-home-hero-title {
     .mw-parser-output .me-home-hero-title {
 
         font-size:34px!important;
         font-size: 34px !important;
 
        line-height: 1.2 !important;
     }
     }
 
     .me-home-hero-inner {
 
         padding:42px 20px 34px;
     .me-home-hero-institution {
         font-size: 15px;
     }
     }
 
}
 
@media (max-width:600px) {
     .me-home-hero-description {
     #maliki-utility-bar .maliki-utility-left a:nth-child(2),
 
     #maliki-utility-bar .maliki-utility-left a:nth-child(3) {
        font-size: 14px;
         display:none;
 
        line-height: 1.65;
    }
 
 
     .me-home-search {
         margin-top: 22px;
     }
     }
}
@media (max-width: 600px) {
     .me-grid {
     .me-grid {
         grid-template-columns: 1fr;
         grid-template-columns:1fr;
    }
 
 
    #maliki-top-navigation
    .maliki-nav-inner {
 
        overflow-x: auto;
 
        padding: 0 6px;
    }
 
 
    #maliki-top-navigation
    .maliki-nav-button {
 
        font-size: 12px;
 
        padding: 11px 9px;
    }
 
 
    #maliki-top-navigation
    .maliki-nav-dropdown {
 
        left: 8px;
 
        width: calc(100vw - 16px);
    }
 
 
    .me-home-hero-label {
 
        font-size: 10px !important;
 
        letter-spacing: 0.12em !important;
     }
     }
     .mw-parser-output .me-home-hero-title {
     .mw-parser-output .me-home-hero-title {
 
         font-size:30px!important;
         font-size: 30px !important;
     }
     }
    .me-home-hero-inner {
        padding: 30px 18px 27px;
    }
}
/* =========================================
  WIKIEDITOR — ISI ARTIKEL
  ========================================= */
.me-free-text,
.me-free-text textarea,
.wikiEditor-ui-text,
.wikiEditor-ui-textarea {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}
.wikiEditor-ui {
    width: 100% !important;
    max-width: none !important;
}
.wikiEditor-ui-text {
    width: 100% !important;
}
.wikiEditor-ui-text textarea {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}
/* =========================================
  FLAGGEDREVS
  ========================================= */
#mw-fr-reviewform {
    display: none !important;
}
}

Revisi terkini sejak 27 September 2026 12.56

/* =====================================
   MALIKI ENCYCLOPEDIA
   Common.css v26
   Full Page Homepage
   Compact Elegant Institutional Header
   Vector 2022
   ===================================== */
body {
    background:#ffffff;
    color:#24343b;
}
.firstHeading {
    color:#006b68;
}
a {
    color:#1f5f8b;
}
a:hover {
    color:#006b68;
}
/* =====================================
   HOMEPAGE
   HILANGKAN CHROME MEDIAWIKI
   KHUSUS HALAMAN UTAMA
   ===================================== */
body.page-Halaman_Utama .mw-body-header {
    display:none!important;
}
body.page-Halaman_Utama .mw-body-header-container {
    display:none!important;
}
body.page-Halaman_Utama .vector-page-toolbar {
    display:none!important;
}
body.page-Halaman_Utama .vector-page-toolbar-container {
    display:none!important;
}
body.page-Halaman_Utama .mw-body-content {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body.page-Halaman_Utama .mw-body {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body.page-Halaman_Utama .mw-page-container {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body.page-Halaman_Utama .mw-content-container {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
body.page-Halaman_Utama .mw-parser-output {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
}
/* =====================================
   UTILITY BAR
   ===================================== */
#maliki-utility-bar {
    width:100%;
    height:32px;
    background:#006b68;
    color:#ffffff;
    box-sizing:border-box;
    position:relative;
    z-index:3000;
}
#maliki-utility-bar .maliki-utility-inner {
    width:100%;
    max-width:1200px;
    height:32px;
    margin:0 auto;
    padding:0 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    box-sizing:border-box;
}
#maliki-utility-bar .maliki-utility-left {
    display:flex;
    align-items:center;
    height:100%;
    gap:28px;
}
#maliki-utility-bar .maliki-utility-left a,
#maliki-utility-bar .maliki-utility-right span {
    color:#ffffff;
    text-decoration:none;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:600;
    line-height:1;
}
#maliki-utility-bar .maliki-utility-left a:hover {
    color:#dff7f5;
    text-decoration:none;
}
#maliki-utility-bar .maliki-utility-right {
    display:flex;
    align-items:center;
    gap:16px;
}
#maliki-utility-bar .maliki-utility-language {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:26px;
    height:20px;
    padding:0 7px;
    background:rgba(255,255,255,.12);
    border-radius:2px;
    font-size:10px!important;
}
/* =====================================
   VECTOR MAIN HEADER
   ===================================== */
.vector-header-container {
    background:#019d9a!important;
    border:0!important;
    box-shadow:none!important;
}
.vector-header-container .vector-header {
    background:#019d9a!important;
    color:#ffffff!important;
    border:0!important;
    box-shadow:none!important;
}
.vector-header-container .mw-header {
    min-height:64px;
    background:#019d9a!important;
    color:#ffffff!important;
    border:0!important;
}
/* =====================================
   MALIKI IDENTITY
   ===================================== */
.vector-header-container a,
.vector-header-container .mw-logo,
.vector-header-container .mw-logo-wordmark {
    color:#ffffff!important;
}
.vector-header-container .mw-logo {
    display:flex;
    align-items:center;
    font-weight:700;
}
.vector-header-container .mw-logo-icon {
    width:46px!important;
    height:46px!important;
    margin-right:10px;
}
.vector-header-container .mw-logo-wordmark {
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:700;
    letter-spacing:-.01em;
    line-height:1.2;
}
.vector-header-container .mw-logo-tagline {
    color:rgba(255,255,255,.88)!important;
}
/* =====================================
   HEADER SEARCH
   ===================================== */
.vector-header-container .vector-search-box {
    margin-left:26px;
    margin-right:24px;
}
.vector-header-container .vector-search-box .cdx-text-input__input,
.vector-header-container .vector-search-box input {
    height:38px!important;
    background:#ffffff!important;
    border:0!important;
    color:#24343b!important;
    border-radius:3px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:13px!important;
}
.vector-header-container .vector-search-box button {
    height:38px!important;
    background:#f5f7f7!important;
    border:0!important;
    color:#24343b!important;
    border-radius:0 3px 3px 0!important;
    font-weight:600;
}
.vector-header-container .vector-user-links,
.vector-header-container .vector-user-links a,
.vector-header-container .vector-menu-content,
.vector-header-container .vector-menu-content a {
    color:#ffffff!important;
}
.vector-header-container .vector-user-links a:hover,
.vector-header-container .vector-menu-content a:hover {
    color:#dff7f5!important;
}
.vector-header-container .vector-icon {
    color:#ffffff!important;
}
/* =====================================
   TOP NAVIGATION
   ===================================== */
#maliki-top-navigation {
    display:block;
    width:100%;
    height:44px;
    box-sizing:border-box;
    margin:0;
    padding:0;
    background:#019d9a;
    border:0;
    position:relative;
    z-index:2000;
}
#maliki-top-navigation .maliki-nav-inner {
    width:100%;
    max-width:1200px;
    height:44px;
    margin:0 auto;
    padding:0 24px;
    display:flex;
    align-items:stretch;
    justify-content:center;
    box-sizing:border-box;
}
#maliki-top-navigation .maliki-nav-item {
    position:relative;
    display:flex;
    align-items:stretch;
}
#maliki-top-navigation .maliki-nav-button {
    appearance:none;
    -webkit-appearance:none;
    border:0;
    background:transparent;
    color:#ffffff;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12.5px;
    font-weight:600;
    letter-spacing:.015em;
    line-height:1.4;
    padding:0 18px;
    margin:0;
    cursor:pointer;
    white-space:nowrap;
    transition:background-color .18s ease,color .18s ease;
}
#maliki-top-navigation .maliki-nav-arrow {
    display:inline-block;
    margin-left:6px;
    font-size:9px;
    color:rgba(255,255,255,.82);
    transform:translateY(-1px);
    transition:transform .18s ease;
}
#maliki-top-navigation .maliki-nav-item:hover .maliki-nav-button,
#maliki-top-navigation .maliki-nav-item.is-open .maliki-nav-button {
    background:#006b68;
    color:#ffffff;
}
#maliki-top-navigation .maliki-nav-item:hover .maliki-nav-arrow,
#maliki-top-navigation .maliki-nav-item.is-open .maliki-nav-arrow {
    transform:rotate(180deg);
}
#maliki-top-navigation .maliki-nav-button:focus {
    outline:none;
    background:#006b68;
}
#maliki-top-navigation .maliki-nav-dropdown {
    position:absolute;
    top:100%;
    left:0;
    min-width:225px;
    padding:7px 0;
    background:#ffffff;
    border:1px solid #d8dee4;
    border-top:3px solid #006b68;
    border-radius:0 0 6px 6px;
    box-shadow:0 8px 22px rgba(0,0,0,.12);
    display:none;
    z-index:3000;
}
#maliki-top-navigation .maliki-nav-item.is-open .maliki-nav-dropdown {
    display:block;
}
@media (min-width:801px) {
    #maliki-top-navigation .maliki-nav-item:hover .maliki-nav-dropdown {
        display:block;
    }
}
#maliki-top-navigation .maliki-nav-dropdown a {
    display:block;
    padding:10px 18px;
    color:#24343b;
    font-size:13px;
    line-height:1.45;
    text-decoration:none;
    white-space:nowrap;
    border-left:3px solid transparent;
}
#maliki-top-navigation .maliki-nav-dropdown a:hover {
    background:#e7f5f4;
    color:#006b68;
    border-left-color:#019d9a;
    text-decoration:none;
}
/* =====================================
   HOMEPAGE CONTAINER
   ===================================== */
.me-home {
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}
/* =====================================
   HOMEPAGE HERO
   ===================================== */
.me-home-hero {
    width:100%;
    max-width:none;
    box-sizing:border-box;
    margin:0;
    padding:0;
    background:#f7f9f9;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:hidden;
}
.me-home-hero-inner {
    width:100%;
    max-width:1080px;
    margin:0 auto;
    padding:58px 30px 46px;
    box-sizing:border-box;
    text-align:center;
}
.mw-parser-output .me-home-hero-label {
    display:block;
    margin:0 0 16px 0;
    padding:0;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#019d9a!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:11px!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
    line-height:1.4!important;
    text-transform:uppercase;
}
.mw-parser-output .me-home-hero-title {
    display:block!important;
    width:100%!important;
    margin:0 auto 20px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#006b68!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:46px!important;
    font-weight:500!important;
    letter-spacing:-.012em!important;
    line-height:1.15!important;
    text-align:center!important;
}
.mw-parser-output .me-home-hero-institution {
    display:block;
    margin:0 auto 16px;
    padding:0;
    color:#24343b!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    font-weight:600!important;
    line-height:1.5!important;
    text-align:center;
}
.mw-parser-output .me-home-hero-description {
    display:block;
    width:100%;
    max-width:700px;
    margin:0 auto;
    padding:0;
    color:#5b666b!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:15px!important;
    font-weight:400!important;
    line-height:1.65!important;
    text-align:center;
}
/* =====================================
   HOMEPAGE SEARCH
   ===================================== */
.mw-parser-output .me-home-search {
    display:block;
    width:100%;
    max-width:720px;
    margin:28px auto 0;
    padding:0;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
}
.mw-parser-output .me-home-search form {
    display:flex!important;
    align-items:stretch!important;
    justify-content:center!important;
    width:100%!important;
    max-width:720px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:8px!important;
    box-sizing:border-box!important;
}
.mw-parser-output .me-home-search input[type="search"],
.mw-parser-output .me-home-search input[type="text"],
.mw-parser-output .me-home-search .mw-inputbox-input {
    display:block!important;
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 16px!important;
    border:1px solid #c4d4d2!important;
    border-radius:4px!important;
    background:#ffffff!important;
    color:#24343b!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    line-height:48px!important;
    outline:none!important;
    box-shadow:none!important;
}
.mw-parser-output .me-home-search input[type="search"]::placeholder,
.mw-parser-output .me-home-search input[type="text"]::placeholder {
    color:#8a9498;
}
.mw-parser-output .me-home-search input[type="search"]:focus,
.mw-parser-output .me-home-search input[type="text"]:focus {
    border-color:#019d9a!important;
    box-shadow:0 0 0 2px rgba(1,157,154,.10)!important;
}
.mw-parser-output .me-home-search input[type="submit"],
.mw-parser-output .me-home-search .mw-inputbox-button {
    display:block!important;
    flex:0 0 170px!important;
    width:170px!important;
    min-width:170px!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:0 18px!important;
    border:1px solid #019d9a!important;
    border-radius:4px!important;
    background:#019d9a!important;
    color:#ffffff!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:46px!important;
    text-align:center!important;
    cursor:pointer;
}
.mw-parser-output .me-home-search input[type="submit"]:hover {
    background:#006b68!important;
    border-color:#006b68!important;
}
/* =====================================
   HOMEPAGE LINKS
   ===================================== */
.mw-parser-output .me-home-hero-links {
    display:block;
    margin:20px auto 0;
    padding:0;
    color:#7a8589;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    line-height:1.5;
    text-align:center;
}
.mw-parser-output .me-home-hero-links a {
    color:#006b68;
    font-weight:600;
    text-decoration:none;
}
.mw-parser-output .me-home-hero-links a:hover {
    color:#019d9a;
    text-decoration:underline;
}
/* =====================================
   HOMEPAGE — JELAJAH PENGETAHUAN
   ===================================== */
.me-home-section {
    width:100%;
    box-sizing:border-box;
}
.me-home-section-inner {
    width:100%;
    max-width:1120px;
    margin:0 auto;
    padding:72px 30px;
    box-sizing:border-box;
}
.me-home-section-heading {
    max-width:760px;
    margin:0 auto 42px;
    text-align:center;
}
.me-home-section-label {
    margin:0 0 10px 0;
    padding:0;
    color:#019d9a;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    font-weight:700;
    letter-spacing:.16em;
    line-height:1.4;
    text-transform:uppercase;
}
.me-home-section-heading h2 {
    margin:0 0 14px 0;
    padding:0;
    color:#006b68;
    font-family:Georgia,"Times New Roman",serif;
    font-size:38px;
    font-weight:500;
    line-height:1.25;
}
.me-home-section-heading p {
    margin:0;
    padding:0;
    color:#5b666b;
    font-family:Arial,Helvetica,sans-serif;
    font-size:15px;
    line-height:1.75;
}
.me-browse-section {
    width:100%;
    background:#ffffff;
    border-top:1px solid #e4ecea;
    border-bottom:1px solid #e4ecea;
}
.me-browse-section .me-home-section-inner {
    padding-top:72px;
    padding-bottom:76px;
}
.me-browse-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
    width:100%;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.me-browse-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:245px;
    box-sizing:border-box;
    padding:27px 27px 24px;
    background:#ffffff;
    border:1px solid #d8e4e2;
    border-radius:8px;
    box-shadow:0 2px 8px rgba(24,58,58,.04);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.me-browse-card:hover {
    transform:translateY(-3px);
    border-color:#9fd4d1;
    box-shadow:0 8px 22px rgba(24,58,58,.09);
}
.me-browse-type {
    margin:0 0 15px 0;
    padding:0;
    color:#019d9a;
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.12em;
    line-height:1.4;
    text-transform:uppercase;
}
.me-browse-title {
    margin:0 0 13px 0;
    padding:0;
    color:#006b68;
    font-family:Georgia,"Times New Roman",serif;
    font-size:25px;
    font-weight:500;
    line-height:1.3;
}
.me-browse-title a {
    color:#006b68;
    text-decoration:none;
}
.me-browse-title a:hover {
    color:#019d9a;
    text-decoration:none;
}
.me-browse-description {
    flex:1 1 auto;
    margin:0;
    padding:0;
    color:#5b666b;
    font-family:Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:1.7;
}
.me-browse-link {
    margin:22px 0 0 0;
    padding:16px 0 0 0;
    border-top:1px solid #edf1f0;
    color:#019d9a;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:700;
    line-height:1.5;
}
.me-browse-link a {
    color:#019d9a;
    text-decoration:none;
}
.me-browse-link a:hover {
    color:#006b68;
    text-decoration:none;
}
.me-section-more {
    margin:34px 0 0 0;
    padding:0;
    text-align:center;
}
.me-section-more a {
    color:#006b68;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}
.me-section-more a:hover {
    color:#019d9a;
    text-decoration:underline;
}
/* =====================================
   KNOWLEDGE GRID
   ===================================== */
.me-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:24px;
    width:100%;
    max-width:1200px;
    margin:20px auto 45px;
    padding:0 24px;
    box-sizing:border-box;
    align-items:stretch;
}
.me-card {
    border:1px solid #e1e8e7;
    background:#ffffff;
    padding:20px;
    box-sizing:border-box;
    border-radius:6px;
    box-shadow:none;
    width:100%;
    min-width:0;
}
.me-card img {
    width:100%;
    max-width:250px;
    height:180px;
    object-fit:contain;
    display:block;
    margin:0 auto 14px;
}
.me-card a {
    color:#006b68;
    text-decoration:none;
    font-weight:bold;
}
.me-card a:hover {
    color:#019d9a;
}
/* =====================================
   ARTICLE
   ===================================== */
.me-article {
    max-width:900px;
    margin:auto;
}
.me-article-header h1 {
    font-family:Georgia,"Times New Roman",serif;
    font-size:42px;
    color:#006b68;
    border-bottom:0!important;
    padding-bottom:15px;
}
.me-summary {
    background:#e7f5f4;
    border-left:4px solid #019d9a;
    padding:20px;
    margin:30px 0;
}
.me-section {
    margin:35px 0;
}
.me-section h2 {
    color:#006b68;
    border-bottom:0!important;
    padding-bottom:8px;
}
/* =====================================
   WIKIEDITOR
   ===================================== */
.me-free-text,
.me-free-text textarea,
.wikiEditor-ui-text,
.wikiEditor-ui-textarea {
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
.wikiEditor-ui {
    width:100%!important;
    max-width:none!important;
}
.wikiEditor-ui-text {
    width:100%!important;
}
.wikiEditor-ui-text textarea {
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
}
/* =====================================
   FLAGGEDREVS
   ===================================== */
#mw-fr-reviewform {
    display:none!important;
}
/* =====================================
   RESPONSIVE
   ===================================== */
@media (max-width:1000px) {
    #maliki-top-navigation .maliki-nav-inner {
        justify-content:flex-start;
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
    }
    #maliki-top-navigation .maliki-nav-button {
        padding:0 14px;
        font-size:12px;
    }
}
@media (max-width:900px) {
    #maliki-utility-bar .maliki-utility-right span:first-child {
        display:none;
    }
    .me-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .me-browse-grid {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media (max-width:800px) {
    #maliki-utility-bar .maliki-utility-inner {
        padding:0 12px;
    }
    #maliki-utility-bar .maliki-utility-left {
        gap:16px;
    }
    #maliki-utility-bar .maliki-utility-left a {
        font-size:11px;
    }
    #maliki-top-navigation {
        overflow:visible;
    }
    #maliki-top-navigation .maliki-nav-inner {
        height:42px;
        padding:0 8px;
        justify-content:flex-start;
        overflow-x:auto;
    }
    #maliki-top-navigation .maliki-nav-button {
        padding:0 11px;
        font-size:12px;
    }
    #maliki-top-navigation .maliki-nav-dropdown {
        position:fixed;
        left:8px;
        width:calc(100vw - 16px);
        max-width:360px;
        border-radius:6px;
    }
    .mw-parser-output .me-home-search form {
        flex-direction:column!important;
        gap:8px!important;
    }
    .mw-parser-output .me-home-search input[type="search"],
    .mw-parser-output .me-home-search input[type="text"],
    .mw-parser-output .me-home-search .mw-inputbox-input,
    .mw-parser-output .me-home-search input[type="submit"],
    .mw-parser-output .me-home-search .mw-inputbox-button {
        width:100%!important;
        min-width:0!important;
        flex:none!important;
    }
}
@media (max-width:700px) {
    .me-browse-grid {
        grid-template-columns:1fr;
        gap:16px;
    }
    .me-home-section-inner {
        padding:55px 20px;
    }
    .me-home-section-heading h2 {
        font-size:32px;
    }
    .vector-header-container .vector-search-box {
        margin-left:8px;
        margin-right:8px;
    }
    .vector-header-container .mw-logo-icon {
        width:42px!important;
        height:42px!important;
    }
    .vector-header-container .mw-logo-wordmark {
        font-size:15px;
    }
    .mw-parser-output .me-home-hero-title {
        font-size:34px!important;
    }
    .me-home-hero-inner {
        padding:42px 20px 34px;
    }
}
@media (max-width:600px) {
    #maliki-utility-bar .maliki-utility-left a:nth-child(2),
    #maliki-utility-bar .maliki-utility-left a:nth-child(3) {
        display:none;
    }
    .me-grid {
        grid-template-columns:1fr;
    }
    .mw-parser-output .me-home-hero-title {
        font-size:30px!important;
    }
}
Diperoleh dari "https://ency.uin-malang.ac.id/index.php?title=MediaWiki:Common.css&oldid=1264"