MediaWiki:Citizen.css

/* Header na vrchu pre PC */
@media screen and (min-width: 1120px) {
  /* Presunúť header na vrch stránky a opraviť smer elementov */
  .citizen-header {
    --header-direction: row !important;
    top: -10px !important;
    position: sticky;
  }

  /* Zarovnať tlačidlá notifikácií na stred */
  #p-notifications {
    display: flex;
    align-items: center;
  }

  /* Oprava pozície navigácie pre stránky */
  .citizen-drawer__card {
    left: unset !important;
    top: var(--header-size) !important;
  }
}

/* Header na vrchu pre mobilné zariadenia */
@media screen and (max-width: 1129px) {
  /* Header hore */
  .citizen-header {
    bottom: unset !important;
    top: 0 !important;
  }

  /* Oprava pozície menu so stránkami, nastavení stránky a menu používateľa */
  .citizen-header .citizen-menu__card {
    bottom: unset !important;
    top: 50px !important;
  }

  /* Oprava pozície menu notifikácií a oznámení */
  .mw-echo-ui-overlay .mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
    top: -637.5px !important;
  }

  /* Oprava pozície headera pri scrollovaní */
  .citizen-scroll--down .citizen-header {
    transform: translateY(-100%) !important;
  }

  /* Odstránenie medzere (okraja) pre akcie stránky */
  .page-actions {
    bottom: var(--space-xs) !important;
  }

  /* To isté, ale pre ToC */
  .citizen-toc {
    bottom: var(--space-xs) !important;
  }
}

/* Širšie menu akcií stránky */
@media screen {
  .page-actions .citizen-menu__card {
    width: 250px !important;
  }
}


/* Oprava klikania kontextového menu vo VisualEditore */
#bodyContent {
    z-index: 0 !important;
}

/* Skryť dátum poslednej úpravy */
#citizen-sidebar-lastmod, #footer-info-lastmod {
    display: none !important;
}


/* Oprava farby pozadia v niektorých formulároch */
.mw-specialCiteThisPage-bibliographic, .fieldBox {
    background-color: #7e7e7e14 !important;
}


/* Skryť možnosť zobrazenia zdroja pre neprihlásených používateľov, skryť informácie o copyrighte, skryť "upraviť zdroj" (ceruzka vedľa nadpisu) */
#ca-viewsource, #footer-info-copyright, .mw-editsection .citizen-editsection-icon.mw-ui-icon-wikimedia-edit {
    display: none;
}

/* Skryť "Upraviť zdroj", ak je k dispozícii Visual Editor */
#ca-ve-edit + #ca-edit {
    display: none;
}


/* Oprava farby pozadia v LaTeX editore matematických vzorcov (v tmavom režime je písmo čierne a nečitateľné) */
.ve-ui-mwLatexPage-symbol {
    background-color: lightgray;
}

/* Diagram editor */
#canvas .bjs-container {
    background-color: white !important;
}

#canvas .bjs-powered-by {
    display: none !important;
}

.mermaidEditPane .mermaidCodePane {
    background: transparent !important;
    float: unset;
    width: unset;
}

.gantt_cal_light {
    color: #6b6b6b !important;
}

.gantt_cal_light input, .gantt_cal_light textarea, .gantt_cal_light select {
    color: black !important;
}


/* Skryť informačné texty keď sa edituje stránka */
span.editHelp, #editpage-copywarn {
    display: none;
}

/* Oprava rôznych farieb pozadí */
.quiz .correction, .editOptions {
    color: unset !important;
    background: transparent !important;
}

/*
  Kvíz:
*/
/* Úprava odsadenia orámovania pre odpovede v kvíze */
.quiz .question .border {
    padding-left: 8px;
}

/* Úprava pre rámovanie políčok s výberom */
.quiz .question .check {
    outline-offset: 3px;
    margin-right: 0.5rem;
}

/* Úprava textu spätnej väzby v kvíze */
.quiz .object .correction {
    font-size: 11px;
    color: gold !important;
}

/* Úprava textu skóre */
p:has(> span.correction:only-child) {
    padding: 8px;
    text-align: center;
    font-weight: bold;
    color: goldenrod;
}

/* Oprava textu za doplňovacím polom v prehľade výsledku */
.quiz a.input {
    color: inherit !important;
}

/* Úprava tlačidiel odoslania */
input[type="submit"] {
    padding: 8px 10px;
}

/* Lepšia viditelnosť polí a tlačidiel pre odoslanie */
input[type="submit"], input[type="text"] {
    border: 1px solid gray !important;
}