|
Tanda: Pengembalian manual |
| (7 revisi perantara oleh pengguna yang sama tidak ditampilkan) |
| Baris 1: |
Baris 1: |
| /* ========================================================== | | /* |
| WIKI UNISSULA UI V1
| | * Wiki Unissula |
| Text-first, lightweight, no external assets
| | * |
| ========================================================== */
| | * Main internal styling is injected directly by LocalSettings.php |
| | * to avoid dependency on ResourceLoader cache. |
| | */ |
|
| |
|
| :root {
| | #pt-createaccount, |
| --wu-green: #08783e;
| | #pt-createaccount-2 { |
| --wu-green-dark: #045c30;
| | display:none !important; |
| --wu-green-soft: #eef8f2;
| |
| --wu-gold: #c89b2c;
| |
| --wu-text: #202122;
| |
| --wu-muted: #657078;
| |
| --wu-border: #dfe6e2;
| |
| --wu-bg: #f7f9f8;
| |
| }
| |
| | |
| /* ----------------------------------------------------------
| |
| Global
| |
| ---------------------------------------------------------- */
| |
| | |
| body {
| |
| background: var(--wu-bg);
| |
| }
| |
| | |
| .mw-page-container {
| |
| background: #fff;
| |
| }
| |
| | |
| .mw-logo-icon {
| |
| display: none !important; | |
| }
| |
| | |
| .mw-logo-wordmark {
| |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
| |
| font-weight: 800;
| |
| font-size: 20px;
| |
| letter-spacing: -0.4px;
| |
| color: var(--wu-green-dark);
| |
| }
| |
| | |
| .vector-header {
| |
| border-bottom: 1px solid var(--wu-border);
| |
| }
| |
| | |
| .vector-search-box-input,
| |
| .cdx-text-input__input {
| |
| border-radius: 8px;
| |
| }
| |
| | |
| /* ----------------------------------------------------------
| |
| Main Page
| |
| ---------------------------------------------------------- */
| |
| | |
| .page-Halaman_Utama.action-view .firstHeading {
| |
| display: none;
| |
| }
| |
| | |
| .page-Halaman_Utama.action-view .vector-page-toolbar {
| |
| display: none;
| |
| }
| |
| | |
| .page-Halaman_Utama.action-view #siteSub {
| |
| display: none;
| |
| }
| |
| | |
| .page-Halaman_Utama.action-view .mw-body {
| |
| max-width: none;
| |
| }
| |
| | |
| .page-Halaman_Utama.action-view .mw-content-container {
| |
| max-width: 1500px;
| |
| }
| |
| | |
| .wu-home {
| |
| font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
| |
| color: var(--wu-text);
| |
| }
| |
| | |
| .wu-hero {
| |
| padding: 56px 54px;
| |
| margin: 5px 0 42px;
| |
| border-radius: 18px;
| |
| background:
| |
| linear-gradient(135deg, #f2faf5 0%, #ffffff 60%);
| |
| border: 1px solid #dcebe2;
| |
| border-left: 7px solid var(--wu-green);
| |
| }
| |
| | |
| .wu-kicker {
| |
| color: var(--wu-green);
| |
| font-size: 12px;
| |
| font-weight: 800;
| |
| letter-spacing: 1.8px;
| |
| margin-bottom: 12px;
| |
| }
| |
| | |
| .wu-title {
| |
| color: var(--wu-green-dark);
| |
| font-size: 48px;
| |
| line-height: 1.05;
| |
| font-weight: 850;
| |
| letter-spacing: -1.8px;
| |
| margin-bottom: 16px;
| |
| }
| |
| | |
| .wu-subtitle {
| |
| max-width: 840px;
| |
| font-size: 20px;
| |
| line-height: 1.65;
| |
| color: #40494d;
| |
| }
| |
| | |
| .wu-search-note {
| |
| margin-top: 28px;
| |
| font-size: 15px;
| |
| color: var(--wu-text);
| |
| }
| |
| | |
| .wu-hero-links {
| |
| margin-top: 16px;
| |
| font-size: 15px;
| |
| }
| |
| | |
| .wu-hero-links a {
| |
| color: var(--wu-green-dark);
| |
| font-weight: 700;
| |
| text-decoration: none;
| |
| }
| |
| | |
| .wu-section-title {
| |
| font-size: 25px;
| |
| line-height: 1.2;
| |
| font-weight: 800;
| |
| color: var(--wu-text);
| |
| margin: 42px 0 18px;
| |
| border-bottom: 0;
| |
| }
| |
| | |
| .wu-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, minmax(0, 1fr));
| |
| gap: 18px;
| |
| }
| |
| | |
| .wu-card {
| |
| min-height: 185px;
| |
| padding: 25px;
| |
| border: 1px solid var(--wu-border);
| |
| border-radius: 14px;
| |
| background: #fff;
| |
| line-height: 1.55;
| |
| transition: transform .12s ease, box-shadow .12s ease;
| |
| }
| |
| | |
| .wu-card:hover {
| |
| transform: translateY(-2px);
| |
| box-shadow: 0 8px 24px rgba(25, 70, 45, .08);
| |
| }
| |
| | |
| .wu-card-label {
| |
| font-size: 11px;
| |
| font-weight: 800;
| |
| letter-spacing: 1.3px;
| |
| color: var(--wu-green);
| |
| margin-bottom: 8px;
| |
| }
| |
| | |
| .wu-card-title {
| |
| font-size: 20px;
| |
| font-weight: 800;
| |
| margin-bottom: 9px;
| |
| color: var(--wu-text);
| |
| }
| |
| | |
| .wu-card a {
| |
| display: inline-block;
| |
| margin-top: 13px;
| |
| font-weight: 700;
| |
| color: var(--wu-green-dark);
| |
| text-decoration: none;
| |
| }
| |
| | |
| .wu-info-box {
| |
| padding: 28px 30px;
| |
| border: 1px solid var(--wu-border);
| |
| border-radius: 14px;
| |
| background: var(--wu-green-soft);
| |
| line-height: 1.7;
| |
| }
| |
| | |
| .wu-stats {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, 1fr);
| |
| gap: 14px;
| |
| margin-top: 24px;
| |
| }
| |
| | |
| .wu-stat {
| |
| text-align: center;
| |
| padding: 23px 16px;
| |
| border: 1px solid var(--wu-border);
| |
| border-radius: 12px;
| |
| background: #fff;
| |
| }
| |
| | |
| .wu-stat-number {
| |
| display: block;
| |
| color: var(--wu-green-dark);
| |
| font-size: 29px;
| |
| font-weight: 850;
| |
| }
| |
| | |
| .wu-stat-label {
| |
| display: block;
| |
| color: var(--wu-muted);
| |
| font-size: 13px;
| |
| margin-top: 3px;
| |
| }
| |
| | |
| .wu-footer-note {
| |
| margin-top: 35px;
| |
| padding-top: 20px;
| |
| border-top: 1px solid var(--wu-border);
| |
| color: var(--wu-muted);
| |
| font-size: 13px;
| |
| }
| |
| | |
| /* ----------------------------------------------------------
| |
| Article styling
| |
| ---------------------------------------------------------- */
| |
| | |
| .mw-body h1,
| |
| .mw-body h2,
| |
| .mw-body h3 {
| |
| letter-spacing: -.3px;
| |
| }
| |
| | |
| .mw-body h2 {
| |
| border-bottom-color: var(--wu-border);
| |
| }
| |
| | |
| .mw-parser-output a {
| |
| color: #1261a0;
| |
| }
| |
| | |
| .mw-parser-output a.new {
| |
| color: #a33;
| |
| }
| |
| | |
| /* ----------------------------------------------------------
| |
| Responsive
| |
| ---------------------------------------------------------- */
| |
| | |
| @media (max-width: 1000px) {
| |
| .wu-grid {
| |
| grid-template-columns: repeat(2, minmax(0, 1fr));
| |
| }
| |
| | |
| .wu-title {
| |
| font-size: 40px;
| |
| }
| |
| }
| |
| | |
| @media (max-width: 700px) {
| |
| .wu-hero {
| |
| padding: 32px 24px;
| |
| }
| |
| | |
| .wu-title {
| |
| font-size: 34px;
| |
| }
| |
| | |
| .wu-subtitle {
| |
| font-size: 17px;
| |
| }
| |
| | |
| .wu-grid,
| |
| .wu-stats {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| } | | } |
