HIE:Common.css

/******************************************************************************/
/* Datoteka: Common.css                                                       */
/******************************************************************************/
/******************************************************************************/
/* Nadevak: 19/07/2026
*/
/* Inačica: 1.03.33
*/
/* Population Chart                                       */
/* Opis: Oblikovanje za Pouplation Chart                                                        */
/******************************************************************************/
/* Nadnevak: 27/06/2026 
*/
/* Inačica: 1.03.32                                                           */
/* Opis: Oblikovanje za message box                                       */
/******************************************************************************/
/******************************************************************************/
/* Nadnevak: 20.05.2026.                                                      */  
/* Inačica: 1.03.33                                                           */
/* Predložak:Dodato sa smiles - ispisivanje molekula                          */
/*                                                                            */
/******************************************************************************/
/* Nadnevak: 22.04.2026.                                                      */  
/* Inačica: 1.03.31                                                           */
/* Predložak:Infookvir životopis/styles.css ubačen ovdje                      */
/*                                                                            */
/******************************************************************************/
/* Nadnevak: 16.04.2026.                                                      */  
/* Inačica: 1.03.30                                                           */
/* Popis rabljenih slika na više stupaca, okvir u boji                        */
/* #mw-imagepage-section-linkstoimage                                         */
/******************************************************************************/
/* Nadnevak: 15.04.2026.                                                      */  
/* Inačica: 1.03.29                                                           */
/* Rezultat Posebno: promjena za interaktivnu kartu                           */
/* list-style-type: upper-roman  postavljen na decimal                        */
/******************************************************************************/
/* Nadnevak: 11.04.2026.                                                      */  
/* Inačica: 1.03.28                                                           */
/* Rezultat Posebno: je sad na više stupaca, okvir u boji, ol.special         */
/* list-style-type: upper-roman  postavljen na decimal                        */
/******************************************************************************/
/* Nadnevak: 26.03.2026.                                                      */  
/* Inačica: 1.03.27                                                           */
/* Polje s podkategorijama u pregledu kategorije   #mw-subcategories          */
/******************************************************************************/
/* Nadnevak: 12.03.2026.                                                      */  
/* Inačica: 1.03.26                                                           */
/* Izgled izgleda kutije s kvačicom kad se prijeđe mišem iznad nje            */
/* input[type="checkbox"]:hover                                               */
/******************************************************************************/
/* Nadnevak: 10.03.2026.                                                      */  
/* Inačica: 1.03.25                                                           */
/* Izgled razdvojbe kroz Dodatak    podloga, širina podloge, zbog članaka     */
/* ext-replacetext-searchmatch lijevo i desno uklonjen odmak (padding)        */
/******************************************************************************/
/* Nadnevak: 07.03.2026.                                                      */  
/* Inačica: 1.03.24                                                           */
/* Izgled naslovnice za mobitel     #content zadan s 68 na 75%                */
/******************************************************************************/
/* Nadnevak: 06.03.2026.                                                      */  
/* Inačica: 1.03.23                                                           */
/* Izgled razdvojbe kroz Dodatak         HIE:Gadget-Preusmjeravanja-Razdvojbe‎ */
/******************************************************************************/
/* Nadnevak: 05.03.2026.                                                      */  
/* Inačica: 1.03.22                                                           */
/* Oblikovanje pretrage za zamjenu teksta  ext-replacetext-searchmatch        */
/******************************************************************************/
/* Nadnevak: 15.02.2026.                                                      */  
/* Inačica: 1.03.21                                                           */
/* Uklonjen padding: 1rem   u .note, činio je preveliku ćeliju u tablici      */
/******************************************************************************/
/* Nadnevak: 12.02.2026.                                                      */  
/* Inačica: 1.03.20                                                           */
/* Oblikovanje vremenskog žiga u Nedavnim promjenama  mw-newpages-time        */
/******************************************************************************/
/* Nadnevak: 09.02.2026.                                                      */  
/* Inačica: 1.03.19                                                           */
/* Oblikovanje okvira li.not-patrolled - novi članci, ,  mw-newpages-time     */
/* mw-newpages-history, mw-newpages-edit (pov|uredi) na Posebno:Nove_stranice */
/* span.comment a                                                             */
/******************************************************************************/
/* Nadnevak: 06.-07.02.2026.                                                  */  
/* Inačica: 1.03.18                                                           */
/* Boja slova (razl)(pov), |doprinosi|blokiraj, (sad|pret) (ukloni..|ukloni)  */
/******************************************************************************/
/* Nadnevak: 28.01.2026.                                                      */  
/* Inačica: 1.03.17                                                           */
/* Boja slova u okviriću kod odlomaka [uredi]     span.mw-editsection a       */
/******************************************************************************/
/* Nadnevak: 23.01.2026.                                                      */  
/* Inačica: 1.03.16                                                           */
/* span.zaliteraturu    --- treba nam na samo jednoj stranici                 */
/******************************************************************************/
/* Nadnevak: 22.01.2026.                                                      */  
/* Inačica: 1.03.15                                                           */
/* centriranje okvira sa sadržajem         #content                           */
/* centriranje okvira sa sadržajem         #content      za tablet            */
/* prazna kategorija u redku s kategorijama u drugu boju  div#catlinks a.new  */
/* boja eksponenta za referenciju sup.reference a                             */
/* imenski prostor u naslovu članka udaljen od ruba .mw-page-title-namespace  */
/* boja okvira bočnog panela gdje piše Slučajna stranica, Nedavne promjene... */
/******************************************************************************/
/* Nadnevak: 12.01.2026.                                                      */  
/* Inačica: 1.03.14                                                           */
/* radi okvira za uređivanje, jer su nestale boje                             */
/* dodano .mw-editform i na .mw-editform dodan #wpTextbox1 #wp                */
/* okvir redka s kategorijama #catlinks dodan obojan u bisque, zaobljen       */
/* poveznice u redku s kategorijama obojane u dark orange                     */
/* isto napravljeno s div#toc, div#toctext                                    */
/* obojan div#mw-head, body.skin-vector-legacy, div#mw-panel u desert         */
/* zaobljen okvir sa sadržajem #content                                       */
/* naslov članka bio je preblizu rubu                                         */
/*            pa je povećan padding-left na .mw-page-title-main               */
/* lijevi tekst s okvirom: gl.stranica, što vodi ovamo, povezane promjene...  */
/*            boja okvira i boja slova                                        */
/******************************************************************************/
/* Nadnevak: 23.01.2026.            --- valjda 12.01.???                      */  
/* Inačica: 1.03.13                                                           */
/*  Stilovi i boje za modul i predložak dokumentacija                         */
/******************************************************************************/
/* Nadnevak: 04.01.2026.                                                      */
/* Inačica: 1.03.12                                                           */
/*  uređivanje izgleda slova i pozadine span.coord-inline a.external          */
/*  ...prije, zadavanjem u coord, onda je kod predloška:coord/display/title   */
/*  ....ostajale crtice ako je predložak bio drugdje a ne u vrhu              */
/*  span.reference-text a.external  za pozadinu vanj. poveznice u izvorima    */
/******************************************************************************/
/* Nadnevak: 25.12.2025.                                                      */
/* Inačica: 1.03.11                                                           */
/*  uređivanje izgleda redka i teksta u Nolinkshere                           */
/*  boja okvira Izbriši &action=delete, Štovodiovamo...                       */
/*  boja polja u izborničkom okviru (select)                                  */
/******************************************************************************/
/* Nadnevak: 10.12.2025.                                                      */
/* Inačica: 1.03.10                                                           */
/*  uređivanje izgleda koordinata u predlošku:coord                           */
/******************************************************************************/
/* Nadnevak: 24.11.2025.                                                      */
/* Inačica: 1.03.9                                                            */
/*  uređivanje izgleda Novih članaka u Recentchanges-summary                  */
/******************************************************************************/
/* Nadnevak: 4.11.2025.                                                       */
/* Inačica: 1.03.8                                                            */
/*  uređivanje izgleda zadnjih 50, 100, 250, 500 uređivanja u 14 dana         */
/******************************************************************************/
/* Nadnevak: 2.11.2025.                                                       */
/* Inačica: 1.03.7                                                            */
/*  isključene uvlake i v.slova bila su na neželjenim mjestima u tablicama    */
/******************************************************************************/
/* Nadnevak: 10.04.2025.                                                      */
/* Inačica: 1.03.6                                                            */
/*       div.thumbinner, bila je prozirna, div.col-sm-3-dugitekst na 25%      */
/******************************************************************************/
/* Nadnevak: 09.04.2025.                                                      */
/* Inačica: 1.03.5                                                            */
/*       div.col-sm-3-dugitekst za Glavnu, zbog prelijevanja dužeg teksta     */
/******************************************************************************/
/* Nadnevak: 18.03.2025.                                                      */
/* Inačica: 1.03.4                                                            */
/*       mw-headline za gl.stranicu, prilagođavanje za mobitel i tablet       */
/*       text-indent za uvlaku umjesto content:\a0... i :before               */
/*       inicijal na početku odlomka <p>                                      */
/******************************************************************************/
/* Nadnevak: 08.03.2025.                                                      */
/* Inačica: 1.03.1                                                            */
/* Opis: Izgled zaglavlja h1 gdje je naslov članka.                           */
/*       Jarka boja pozadine, razmak od ruba povećan, zaobljen okvir h1       */
/* Inačica: 1.03.2                                                            */
/*       h1: dodani rubovi u boji, zadana debljina                            */
/*       content-toc: zadana pozadinska boja                                  */
/* Inačica: 1.03.3                                                            */
/*       brojač u poveznicama, izgled odjeljka s referencijama                */
/*       uvlaka za početak odlomka, riješene ništice u nabrajanju u reflisti  */
/******************************************************************************/
/* Opis: Izgled boje. Trebalo je ukloniti dvotočje iza rgb vrijednosti        */
/* Inačica: 1.03                                                              */
/* Nadnevak: 07.03.2025.                                                      */
/* Opis: Ubačena jarka boja u #content radi raspoznavanja gdje ju se vidi.    */
/******************************************************************************/
/* Opis: Opće postavke koje su vidljive na svim stranicama enciklopedije      */
/* Inačica: 1.02                                                              */
/* Datum: 01.04.2022                                                          */
/* Opis: nastavak čišćenja i rješavanje problema oko dizajna i boja.          */
/* Dodavanje smislenijih komentara.                                           */
/******************************************************************************/
/* Inačica: 1.01                                                              */
/* Datum: 31.03.2022                                                          */
/* Opis: promjena dizajna, brisanje nepotrebnih definicija, kategorizacija    */
/* dodavanje smislenijih komentara, bolja struktura                           */
/******************************************************************************/
/* Inačica: 1.00                                                              */
/* Datum: 02.01.2022                                                          */
/* Opis: čišćenje, popravljanje grešaka te propravljanje formata tablica      */
/******************************************************************************/

/******************************************************************************/
/* 1.0 Osnovne definicije                                                     */
/******************************************************************************/
#content { 
           background-color: #FAC898;         /* boja pozadine za sadržaj  */
           border-radius:    4px;             /* 1.03.14, zaobljen okvir sa sadržajem */
           margin:           auto;            /* 1.03.15, okvir sa sadržajem centriran, mora biti skupa s width */
           width:            50%;             /* 1.03.15, okvir sa sadržajem centriran, mora biti skupa s margin:auto */
         }  
/* boja se može provjeriti na https://www.colorhexa.com/ */

h1
         { 
           background-color: #FCF000;  
           padding: 15px;
           border-radius: 10px;
           border: 4px solid #eebf49
         }                             /*  izgled naslova   */

/*  isključeno, jer su bila velika slova i uvlake na neželjenim mjestima u tablicama 1.03.7
p                                 uvlaka za početak odlomka , 1.03.4 
        {   
          text-indent: 25px;  
        
p:first-of-type::first-letter      veliko na početku teksta, 1.03.4 
       { 
          color:red;
          font-size: xx-large;
       } 
*/

/******************************************************************************/
/* 2.0 ??????                                                                 */
/******************************************************************************/

#pagehistory input[type="radio"] {
    margin: 3px 3px 0 5px
}

.nestalna {
    max-width:100%;
    height:auto;
}

/* predlošci jubilarnih nagrada */
.jub a {
  text-decoration: none;
}

/* predložak rođendan */
.blink {
  animation: blinker 5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.editpage-head-copywarn {
  font-weight:bold;
  color: #c00;
}

.unpatrolled {
  font-weight:bold;
  color: red;
}

/*  */
.page-Glavna_stranica #ca-nstab-main a {
 content:"Glavna stranica";
}


/*  */
.page-Glavna_stranica h1 {
 display:none
}
/******************************************************************************/
/* 3.0 CSS definicije za stiliziranje izvora                                  */
/******************************************************************************/
.action-info .mw-body-content :target, /* podvučeno plavom  */
.citation:target {
	background-color: #0B0BEC; 
}
sup,
sub {
        line-height: 1em;
}

sup.reference {            /* definicija visine retka za izvore */
        font-weight: normal;
        font-style: italic;
}

.brokenref {              /* nemoj pokazati slomljene izvore */
    display: none;
}

ol.references,
div.reflist,
.refbegin {
    font-size: 90%;            /* Izvorna veličina */
    margin-bottom: 0.5em;
    background-color: #ECFFDC; /* nyanza, 1.03.3 */
    border-radius: 5px;        /* 1.03.3 */
    padding: 5px;              /* 1.03.3 */
    color: #800020;            /* 1.03.3  #0096FF */
}
.refbegin-100 {
    font-size: 100%;           /* ako je stil {{refbegin}}, normalno */
}
div.reflist ol.references a {
    font-size: 100%;           /* ako se gnijezdimo (div.reflist), normalno */
    list-style-type: inherit;  /* Enable custom list style types */
    color: #0096FF;            /* 1.03.3 */
}
/******************************************************************************/
/* Kraj CSS definicije za stiliziranje izvora                                 */
/******************************************************************************/

/******************************************************************************/
/* 4.0 CSS definicije za stiliziranje tablica                                 */
/******************************************************************************/
table.vrh td, td.vrh {    /* Izgled Tablica       */
    vertical-align: top;
}

table.wikitable,
table.prettytable {
  font-family: Arial, Helvetica, sans-serif;
  margin: 1em 1em 1em 0;
  background: #fcfdfd;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  padding-top: 6px;
  padding-bottom: 6px;
  text-align: left;
  border: 1px #aaaaaa solid;
}

table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable tr:nth-child(even),
table.prettytable tr:nth-child(even)
{background-color: #f2f2f2;}

table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
}

/** stupci tablice lijevo */
.l1 td:nth-of-type(1) { text-align: left; }
.l2 td:nth-of-type(2) { text-align: left; }
.l3 td:nth-of-type(3) { text-align: left; }
.l4 td:nth-of-type(4) { text-align: left; }
.l5 td:nth-of-type(5) { text-align: left; }
.l6 td:nth-of-type(6) { text-align: left; }
.l7 td:nth-of-type(7) { text-align: left; }
.l8 td:nth-of-type(8) { text-align: left; }
.l9 td:nth-of-type(9) { text-align: left; }

/** centriranje stupaca tablice */
.c1 td:nth-of-type(1) { text-align: center; }
.c2 td:nth-of-type(2) { text-align: center; }
.c3 td:nth-of-type(3) { text-align: center; }
.c4 td:nth-of-type(4) { text-align: center; }
.c5 td:nth-of-type(5) { text-align: center; }
.c6 td:nth-of-type(6) { text-align: center; }
.c7 td:nth-of-type(7) { text-align: center; }
.c8 td:nth-of-type(8) { text-align: center; }
.c9 td:nth-of-type(9) { text-align: center; }

/** stupci tablice desno */
.d1 td:nth-of-type(1) { text-align: right; }
.d2 td:nth-of-type(2) { text-align: right; }
.d3 td:nth-of-type(3) { text-align: right; }
.d4 td:nth-of-type(4) { text-align: right; }
.d5 td:nth-of-type(5) { text-align: right; }
.d6 td:nth-of-type(6) { text-align: right; }
.d7 td:nth-of-type(7) { text-align: right; }
.d8 td:nth-of-type(8) { text-align: right; }
.d9 td:nth-of-type(9) { text-align: right; }

/******************************************************************************/
/* Kraj CSS definicija za stiliziranje tablica                                */
/******************************************************************************/

/******************************************************************************/
/* 4.0 Kutije s porukama                                                      */
/******************************************************************************/
.messagebox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   margin: 0 auto 1em auto;
   text-align: justify;
}
.messagebox.cleanup {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.merge {
   border: 1px solid #cf9fff;
   background-color: #f5edf5;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}
/******************************************************************************/
/* Kraj CSS definicija za kutija za informaciju                               */
/******************************************************************************/

/******************************************************************************/
/* 5.0 Infookviri                                                                 */
/******************************************************************************/
.infobox {
 float: right;
 clear: right;
 margin-bottom: 1em;
 margin-left: 1em;
 padding: 1em;
 border: 1px groove #14171b;
 background: #f8f9fa;
 color: black;
}

.infobox td,
.infobox th {
 vertical-align: top;
}

.infobox caption {
 margin-left: inherit;
 font-size: larger;
}

.infobox.bordered {
 border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
 border: 1px groove #14171b;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
 border: 0;
}

/* styles for bordered infobox with merged rows */
/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px groove #14171b;
	/* @noflip */
	border-right: 1px groove #14171b1;
}

/* TODO split definitions to appropriate class names when live from HTML element */
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px groove #14171b;
}

/******************************************************************************/
/* Obavijesti                                                                 */
/* Datum: 31.03.2022                                                          */
/*                                                                            */
/******************************************************************************/

.notice {
    text-align: justify;
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    border-top:    3px double #cccccc;
    border-bottom: 3px double #cccccc;
}

#spoiler {
    border-top:   2px solid #ddd;
    border-bottom:2px solid #ddd;
}

/* metadata */

.metadata {
    border:  1px solid #aaaaaa;
    display: none;
    speak:   none;
}
.metadata-label {
    color: #dbdbdb;
}

/* Preusmjeravanje u kurzivu na [[Posebno:Allpages]] */
.allpagesredirect {
    font-style: italic;
}

/* Predložak Polytonic */
.polytonic {
       font-family: Athena, Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;
       font-family /**/:inherit;
}

/* Predložak IPA */
.IPA {
    font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt, "DejaVu Sans", Code2000, "TITUS Cyberbit Basic", "Arial Unicode MS", "Lucida Sans Unicode", "Chrysanthi Unicode";
    font-family /**/:inherit;
}

/* CSS definicije za navigaciju                                              */
/* Strukturne promjene  31/03/2022                                           */
/* Navigacijski okviri                                                       */

table.navbox {
  border:  0.1em groove #aaa;
  margin:  auto;
  clear:   both;
  font-size:75%;
  text-align:center;
  padding:1.0em;
}
table.navbox + table.navbox {
  margin-top:-0.5em;
}
.navbox-naslov, .navbox-iznadispod, table.navbox th {
  text-align:center;
  padding-left: 1em;
  padding-right:1em;
}
.navbox-grupa {
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-podgrupa {
  background:#fdfdfd;
}
.navbox-popis {
  border-color:#fdfdfd;
}
.navbox-naslov, table.navbox th {
  background:#a9a9a9;
}
.navbox-iznadispod, .navbox-grupa, .navbox-podgrupa .navbox-naslov {
  background:#f5f5f5;
}
.navbox-podgrupa .navbox-grupa, .navbox-podgrupa .navbox-iznadispod {
  background:#f5f5f5;
}
.navbox-parni {
  background:#dcdcdc;
}
.navbox-neparni {
  background:transparent;
}

.collapseButton {
    float: right;
    font-weight: normal;
    text-align: right;
    width: auto;
}
.navbox .collapseButton {
    width: 6em;
}

.navboxgeneric td, .navboxgeneric th{
  border:0.1em solid #FFFFFF;
}

/* stari navigacijski okvir */

div.Boxmerge,
div.NavFrame {
        margin: 0.1em;
        padding: 1em;
        border: 0.1em solid #aaaaaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;
        clear:both;
}
div.Boxmerge div.NavFrame {
        border-style: none;
        border-style: hidden;
}
div.NavFrame + div.NavFrame {
        border-top-style: none;
        border-top-style: hidden;
}
.NavPic {
        background-color: #ffffff;
        margin : 0.1em;
        padding: 1.5em;
        float  : left;
}
.NavFrame .NavHead {
        height     : 1.6em;
        font-weight: bold;
        font-size  : 100%;
        background-color: #efefef;
}
div.NavFrame p {
        font-size: 100%;
}
div.NavFrame div.NavContent {
        font-size: 100%;
}
div.NavFrame div.NavContent p {
        font-size: 100%;
}
.NavEnd {
        margin :     0em;
        padding:     0em;
        line-height: 0.5em;
        clear: both;
}

/* specifični infokviri */

.infobox.geography {
   text-align: left;
   border-collapse: collapse;
   line-height: 1.2em;
   font-size: 90%;
}
.infobox.geography  td,
.infobox.geography  th {
   border-top: solid 0.5em #aaa;
   padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
   border-top: solid 0.5em #aaa;
   padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
      border: 0;
      padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
   border-top: 0;
   border-bottom: solid 1px #aaa;
   padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
      border: 0;
      padding: 0;
}
/* zamjena standardne dokument ikonice za bijelu s crvenom Acrobat mašnicom za PDF dokumente */

/* (za web preglednike koji podržavaju CSS selectore, poput Firefoxa ili Opere) */

#bodyContent a[href=".pdf"].external,
#bodyContent a[href=".pdf?"].external,
#bodyContent a[href=".pdf#"].external,
#bodyContent a[href=".PDF"].external,
#bodyContent a[href=".PDF?"].external,
#bodyContent a[href=".PDF#"].external {
    background: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 17px;
}

/* (za ostale web preglednike) */

.PDFlink a {
     padding-right: 17px;
}

/* Put a checker background at the image description page only visible if the image has transparent background */
/*
#file img {
    background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
} *?

/* Class for links with loudspeaker icon next to them.
   ([[Predložak:Audio]] - clickable speaker) */
.audiolink a {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat;
    padding-left: 16px;
    padding-right: 0;
}

/* Icons for medialist templates [[Predložak:Zvuk]], <!--[[Template:Multi-listen_start]],--> [[Predložak:Video]], <!--[[Template:Multi-video_start]]--> */
.listenlist {
    background: url("//upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}
.videolist, .multivideolist {
    background: url("//upload.wikimedia.org/wikipedia/en/thumb/2/20/Tango-video-x-generic.png/40px-Tango-video-x-generic.png");
    padding-left: 50px;
}

/* Style rules for media list templates */
div.medialist {
    min-height: 50px;
    margin: 1em;
    background-position: top left;
    background-repeat: no-repeat;
}
div.medialist ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}
div.medialist ul li {
    padding-bottom: 0.5em;
}
div.medialist ul li li {
    font-size: 91%;
    padding-bottom: 0;
}

/* Pseudo-classes in support of [[Template:lang]]. */

:lang(he) {
    font-family: "SBL Hebrew", "Ezra SIL SR", "Ezra SIL", Cardo, "Chrysanthi Unicode", "TITUS Cyberbit Basic", "Arial Unicode MS", Narkisim, "Times New Roman";
    font-family /**/:inherit;
}
:lang(fa) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ps) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ur) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(sux-Xsux) {
    font-family: Akkadian;
    font-family /**/:inherit;
}
:lang(ja) {
       font-family: Code2000, "Arial Unicode MS", "Bitstream Cyberbit", "Bitstream CyberCJK", IPAGothic, IPAPGothic, IPAUIGothic, "Kochi Gothic", IPAMincho, IPAPMincho;
    font-family /**/:inherit;
}
:lang(ko) {
    font-family: "Adobe Myungjo Std M", AppleMyungjo, "Baekmuk Batang", "Baekmuk Gulim", Batang, Dotum, DotumChe, Gulim, GulimChe, HYGothic-Extra, HYMyeongJo-Extra, "New Gulim", UnBatang, UnDotum, UnYetgul, UWKMJF;
    font-family /**/:inherit;
}
:lang(zh-Hans) {
    font-family: "Adobe Song Std L", "AR PL ShanHeiSun Uni", "AR PL ShanHeiSun Uni MBE", "MS Hei", "MS Song", SimHei;
    font-family /**/:inherit;
}
:lang(zh-Hant) {
    font-family: "Adobe Ming Std L", "AR PL New Sung", "AR PL ZenKai Uni", "AR PL ZenKai Uni MBE", MingLiU, PMingLiU;
    font-family /**/:inherit;
}
:lang(grc) {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;
    font-family /**/:inherit;
}

/* visina okvira za postavljanje datoteke */
#wpUploadDescription {
    height: 12em;
}

/* boje za N, m, + i - */

.newpage {
  color: white;
  background-color: blue;
}

.minor {
color: black;
background-color: #98D0EE;
}

/* brojevi popisa praćenja u boji */
.mw-plusminus-pos {
    color: #006400; /* darkgreen */
}

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg {
    color: #8B0000; /* darkred */
}

/* onemogućava linijske razmake unutar poveznica */
/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
.nowrap pre {
    white-space: pre;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
    white-space: normal;
}
/* */

/* Generic class for Times-based serif, texhtml class for inline math */
.times-serif,
span.texhtml {
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
    font-size: 118%;
    line-height: 1;
}
span.texhtml {
    white-space: nowrap;
}
span.texhtml span.texhtml {
    font-size: 100%;
}
.mwe-math-mathml-inline {
    font-size: 118%;
}

/* Force tabular and lining display for digits and texhtml */
.digits,
.texhtml {
    -moz-font-feature-settings: "lnum", "tnum", "kern" 0;
    -webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
    -font-feature-settings: "lnum", "tnum", "kern" 0;
    -font-variant-numeric: lining-nums tabular-nums;
    -font-kerning: none;
}
/* */

.plainlinksneverexpand {
    background: none;
    padding: 0;
}
.plainlinksneverexpand .urlexpansion {
    display: none ;
}
.plainlinksneverexpand a {
    background: none;
    padding: 0 ;
}
.plainlinksneverexpand {
    background: none;
    padding: 0;
}
.plainlinksneverexpand .urlexpansion {
    display: none;
}
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}
.plainlinksneverexpand a.external.text:after {
    display: none;
}
.plainlinksneverexpand a.external.autonumber:after {
    display: none;
}

/************************************************
 ***     Infookvir  V2     ***
 *** autor : [[:fr:User:Antaya]] ***
 ************************************************/

.infobox_v2 { /* monobookocentré debut */
 background: #f9f9f9;
 color: #000;
 font-size:90%;
 line-height:1.1em;
 float:right;
 clear:right;
 margin:0 0 .5em 1em; 
 border: 1px solid #aaa;
 padding: 0.1em;
}

.infobox_v2 th {
 vertical-align:top;
 text-align:left;
}

.infobox_v2 .zaglavlje {
 height:45px;
 vertical-align:middle;
 text-align:center;
 font-size:150%;
 font-weight:bolder;
 line-height:1.2em;
 color:#000
}

.infobox_v2 .media { 
height:35px;
vertical-align:middle;
text-align:center;
font-weight:bolder;
color:#000
}

.note {
  background: lightyellow;
  border: 1px solid yellow;
                                        /* padding: 1rem; 1.03.21 */
}

.img_toogle ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  text-align: center;
}

/* Infookvir V2 kraj */


/* Geographical coordinates defaults. See [[Template:Coord/link]]
   for how these are used. The classes "geo", "longitude", and
   "latitude" are used by the [[Geo microformat]].
 */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }


/* Géolocalisation dynamique */
.NavContent .img_toogle {
zoom: 1; /* be kind to IE7 */
clear: both;  /* be kind to IE7 */
}
.img_toogle, .img_toogle {
margin : 0;
padding: 0;
}
.img_toogle .a_toogle {
display: block;
text-align: center;
font-size: 0.95em;
}
.img_toogle .geobox {
position: relative;
}
.img_toogle .geobox +.geobox {
border-top: 5px solid #aaa;
}
.img_toogle .geopoint {
position: absolute;
font-size: 1px;
border: 1px solid #000;
background:#F00;
}



/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Nowrap list items */
.hlist dd,
.hlist dt,
.hlist li {
    white-space: nowrap;
    white-space: normal;  /* IE < 8 no-wraps entire list, so disable it */
}
/* But allow parent list items to be wrapped */
.hlist dd dl,
.hlist dt dl,
.hlist li ol,
.hlist li ul {
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
    content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
    content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}

/* numeriranje u sadržaju, završna točka */
.tocnumber:after {
    content: '.';
}

/* Stilovi vezani uz mbox predložak */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
    border: none;
    /* @noflip */
    width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
    border: none;
    /* @noflip */
    padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
    text-align: center;
}
td.mbox-imageright {           /* The right image cell */
    border: none;
    /* @noflip */
    padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
    text-align: center;
}
.mbox-empty-cell {           /* An empty narrow cell */
    border: none;
    padding: 0px;
    width: 1px;
}

/* Stilovi vezani uz ambox predložak */
table.ambox {
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa;
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    /* @noflip */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    /* @noflip */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Ovo na kraj (mbox-small classes must be placed after all other
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so
   they override "table.ambox + table.ambox" above). */
body.mediawiki .mbox-small {   /* For the "small=yes" option. */
    /* @noflip */
    clear: right;
    /* @noflip */
    float: right;
    /* @noflip */
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
body.mediawiki .mbox-small-left {   /* For the "small=left" option. */
    /* @noflip */
    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}

/* stilovi za liste i popise - sa enwiki */
/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}
/**
 * Note hlist style usage differd in
 * the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing
 * See https://phabricator.wikimedia.org/T213239
 */
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items 
.hlist ol {
    counter-reset: listitem; 
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";   
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}

*/

/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}

.istakni {
  background: lightyellow;
  border: 1px solid yellow;
  padding: 1rem;
}

ol {
  list-style: none;
  list-style-type: decimal;                           /* 1.03.3  upper-roman, promjena u 1.03.28 */
  counter-reset: my-sec-counter;                      /* 1.03.3 */
  padding-left: 32px;
}
ol li {
  counter-increment: counter(my-sec-counter) ". ";    /* 1.03.3 */
}
/* ol li:before {  content: counters(cupcake, ".") ". ";        /* skriveno u 1.03.3 */ } */

li::marker {
  color: red;
}

/* citiranje - cite predlošci */
/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version */
@media screen, handheld {
    .citation .printonly {
        display: none;
    }
}

.overlay {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
    background: rgb(0,0,0);
}

/******************************************************************************/
/* moji razni dodatci, rasporediti ih poslije po gornjim skupinama            */
/* dodatci u inačici 1.03.6                                                   */
/******************************************************************************/

div.thumbinner
{
   background-color: #EDE906;
   border-radius: 5px;
   border: 3px double #eebf49
}

/******************************************************************************/
/* moji razni dodatci, rasporediti ih poslije po gornjim skupinama            */
/* dodatci u inačici 1.03.2                                                   */
/******************************************************************************/

#citizen-toc
{
   background-color: #FCF0AF;
   border-radius: 5px;
   border: 3px double #eebf49
}

div.col-md-3, div.col-md-4, div.col-md-5, div.col-sm-3   /* na naslovnoj okviri */
{
   background-color: #FFFFF0;  /* ivory */
}

div.col-sm-3-dugitekst                         /* 1.03.5 */
{
   background-color: #fdfdfd;
   width: 25%;                                 /* 1.03.6 */
   padding: 8px;
}

div.col-sm-3-dugitekst:hover                   /* 1.03.5 */
{
   background-color: #fdfdfd;
   width: 25%;                                 /* 1.03.6 */
   padding: 8px;
}

.pozadinanaslova-glavna
{
   background-color: #FFFFF0;  /* ivory */
}

.mw-headline             /* podnaslovi */
{ 
   background-color: #F4BB44;  /*  mango */
   padding: 10px;                                  
   border-radius: 5px;
   border: 2px solid transparent
}                            

.mw-headline:hover             /* podnaslovi */
{ 
   background-color: #FAFA33;  
   padding: 10px;
   border-radius: 5px;
   border: 2px solid #eebf49
}                            

@media only screen and (max-width: 420px)     /* 1.03.4, izgled za mobitel */
{ 
   .mw-headline {
                  width: auto;
                  padding: 5px;
                  font-size: small;
                  word-wrap: break-word;
                  background-color: lightblue;
                }
   .mw-headline:hover {
                        width: auto;
                        padding: 5px;
                        font-size: small;
                        word-wrap: break-word;
                        background-color: rgba(204,204,255,0.3);
                      }
    #content { 
                        margin:           auto;            /* 1.03.15, okvir sa sadržajem centriran, mora skupa s width */
                  /*    width:            68%;                1.03.15, okvir sa sadržajem centriran, mora skupa s margin:auto */
                        width:            75%;             /* 1.03.24 */  
             }  
}


@media only screen and (min-width: 421px) and (max-width: 880px)   /* 1.03.4, izgled za tablet portretno držan  */
{                                                                  /*  i pola zaslona računala u portretnom prikazu */
   div.col-sm-3-dugitekst    {                                /* 1.03.5 */
                               background-color: #fdfdfd;
                               padding: 4px;
                               width: 25%;                    /* 1.03.6 */
                             }

   div.col-sm-3-dugitekst:hover {                             /* 1.03.5 */
                                  background-color: #fdfdfd;
                                  padding: 4px;
                                  width: 25%;                 /* 1.03.6 */
                                }
   .mw-headline {
                  width: auto;
                  height: auto;
                  padding: 10px;
                  font-size: xx-small;                       /* 1.03.6 */
                  word-wrap: break-word;
                  background-color: rgba(34,139,34, 0.4);
                }
   .mw-headline:hover {
                        width: auto;
                        height: auto;
                        padding: 10px;
                        font-size: xx-small;                 /* 1.03.6 */
                        word-wrap: break-word;
                        background-color: chartreuse;
                      }

    #content { 
                        margin:           auto;            /* 1.03.15, okvir sa sadržajem centriran, mora skupa s width */
                        width:            68%;             /* 1.03.15, okvir sa sadržajem centriran, mora skupa s margin:auto */
             }  
}

textarea#wpTextbox1.skin-citizen.mw-editfont-monospace     /*  okvir za uređivanje  ---- JOŠ NE RADI */
{
   background-color: lavender;           /* #FFDEAD; */
   border-radius: 5px;
   border: 1px double #eebf49
}

.mw-editform #wpTextbox1                   /* iznad i ispod uređivačkog okvira */ /* 1.03.14  -- dodan #wpTextbox1 */
{
   background-color: #FFFAA0;   /* yellow  */
   border-radius: 15px;
   border: 4px double #eebf49
}

.mw-editform:hover #wpTextbox1                                                   /* 1.03.14  -- dodan #wpTextbox1 */
{
   background-color: #F8DE7E;   /* yellow  #FFFAA0*/
   border-radius: 15px;
   border: 4px double #eebf49
}

.plainlinks#specialchars     /*  ispod okvira za uređivanje, pos.znakovi, ref, sub, nowiki, gallery, glavniraspored */
{
   background-color: #FFE5B4;
   border-radius: 5px
}
/******************************************************************************/
/* moji razni dodatci, rasporediti ih poslije po gornjim skupinama            */
/* dodatci u inačici 1.03.8                                                   */
/******************************************************************************/

span.brojuredjivanja                            /* 1.03.8 */
{
   background-color:    orange; 
   padding:             4px; 
   border-radius:       50%; 
   font-weight:         bold;
   color:               yellow;
}

span.noviclanci                                /* 1.03.9 */
{
   display: inline;
   background-color:    #0096FF;               /* Bright Blue */
   padding:             4px; 
   border-radius:       5px; 
   font-weight:         bold;
   color:               #F0FFFF;              /* Azure       */
   border:              1px solid #0437F2;    /* Ultramarine */
}

span.coord-inline                                  /* 1.03.10 */
{
   display: inline;
   background-color:    #0096FF;               /* Bright Blue */
   padding:             4px; 
   border-radius:       5px; 
   font-weight:         bold;
   color:               #F0FFFF;              /* Azure     */
}

span.coord-inline a.external                  /* 1.03.12 */
{
   color:               #F0FFFF;             
}

span.nijednaStranicaNeVodiOvamo               /* 1.03.11   */
{
   display: inline;
   background-color:    #E5E4E2;               /* Platinum */
   padding:             4px; 
   border-radius:       5px; 
   font-style:          italic;
   border:              1px solid #D3D3D3;    /* Light Grey */
}
span.nijednaStranicaNeVodiOvamo:link
{
   font-weight:         bold;
   font-style:          italic;
   color:               #7393B3;              /* Blue Grey */
}
div.oo-ui-panelLayout-framed                /* kod brisanja, šta vodi ovamo... */
{
   background-color:    antiquewhite;
}
select.oo-ui-dropdownInputWidget.oo-ui-widget-enabled    /* okvir s izborom imenskog prostora */
{
   background-color:    beige;
}

span.reference-text a.external  a           /* 1.03.12     za pozadinu vanj. poveznice u izvorima */
{ 
   background-color:    #228B22;           /* Forest Green */  
   color:               yellow; 
   border-radius:       4px; 
   padding:             2px;
}

/******************************************************************************/
/* Stilovi i posebne boje za documentacije modula                             */
/* dodatci u inačici 1.03.13                                                  */
/******************************************************************************/

/* Glavni okvir */
.hie-doc-box {
    border: 1px solid #a2a9b1;
    background: #f8f9fa;
    padding: 1.2em 1.4em;
    margin: 1.5em 0;
    border-radius: 6px;
}

/* Posebna boja za module */
.hie-doc-module {
    border-color: #6699cc;
    background: #f0f6ff;
}

/* Naslov */
.hie-doc-heading {
    font-size: 150%;
    font-weight: bold;
    margin-bottom: 0.5em;
}

/* Linkovi */
.hie-doc-links {
    font-size: 90%;
    color: #555;
    margin-bottom: 1em;
}

/* Tijelo dokumentacije */
.hie-doc-body {
    font-size: 95%;
}

/* Dok info blok */
.dok-info {
    background: #eef5ff;
    border-left: 4px solid #6699cc;
    padding: 0.8em 1em;
    margin-bottom: 1em;
    border-radius: 4px;
}

/******************************************************************************/
/* Stilovi i posebne boje za documentacije modula                             */
/* kraj    1.03.13                                                            */
/******************************************************************************/
/* Redak s kategorijama, boja poveznica u kategorijama                        */
/* okolni elementi: div#mw-head, body.skin-vector-legacy, div#mw-panel        */
/* okvir s popisom sadržaja div#toc, tekst u njemu div#toctext                */
/* lijevi panel s okvirom gdje piše : gl. stranica, što vodi ovamo...         */
/* početak 1.03.14                                                            */
/******************************************************************************/
div#catlinks, div#toc                                 /* redak s kategorijama */
{
   border-radius:    4px;
   background-color: #F2D2BD;  /* bisque */
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-content ul    /* lijevi bočni panel */
{
   border-radius:    4px;
   background-color: #F2D2BD;  /* bisque */
   padding:          2px 0px 2px 4px;
   border:           2px solid burlywood;             /* boja okvira, 1.03.15 */
}

.toctext
{
   color:           #8B4000;   /* dark orange */
}

div#catlinks a, .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a
{
   color:           #8B4000;   /* dark orange */
}
div#mw-head, body.skin-vector-legacy, div#mw-panel
{
   background-color: #FAD5A5; /* desert */
}
.mw-page-title-main           /* naslov članka */
{
   padding-left:   4px;
}

/******************************************************************************/
/* Redak s kategorijama                                                       */
/* kraj    1.03.14                                                            */
/******************************************************************************/
/******************************************************************************/
/* Redak s kategorijama, boja eksponenta za referenciju                       */
/* početak 1.03.15                                                            */
/******************************************************************************/

div#catlinks a.new
{
   color:         darkgoldenrod;
}
sup.reference a
{
   color:         lightseagreen;
}
.mw-page-title-namespace       /* ispred naslova članka, ako je ini imenski prostor od glavnog */
{
   padding-left:   4px;
}

/******************************************************************************/
/* Redak s kategorijama, boja eksponenta za referenciju, im. prostor naslova  */
/* kraj    1.03.15                                                            */
/******************************************************************************/
/* Pomoćno, za označavanje kod literature                                     */
/* početak 1.03.16                                                            */
/******************************************************************************/

span.zaliteraturu                                /* 1.03.16 */
{
   display:             inline;
   background-color:    #088F8F;                 /* Blue Green */
   padding:             2px; 
   border-radius:       5px; 
   font-weight:         bold;
   color:               #FFEA00;                 /* Bright Yellow */
   border:              2px double chartreuse;   /* Chartreuse */
}

/******************************************************************************/
/* Pomoćno, za označavanje kod literature                                     */
/* kraj    1.03.16                                                            */
/******************************************************************************/
/* Boja slova u okviriću kod odlomaka [uredi]                                 */
/* početak 1.03.17                                                            */
/******************************************************************************/

span.mw-editsection a
{
   color:               brown;
}
/******************************************************************************/
/* Boja slova u okviriću kod odlomaka [uredi]                                 */
/* kraj 1.03.17                                                               */
/******************************************************************************/
/* Boja slova (razl)(pov), |doprinosi|blokiraj , (sad|pret) (ukloni..|ukloni) */
/* početak 1.03.18                                                            */
/******************************************************************************/

.mw-changeslist-diff, .mw-changeslist-groupdiff, .mw-changeslist-history, .mw-history-histlinks-current, .mw-history-histlinks-previous
{
   color:               #6495ED;                 /* Cornflower Blue , na Nedavnim, na Novim stranicama */
}


a.mw-rollback-link, a.mw-history-undo, a.mw-usertoollinks-contribs, a.mw-usertoollinks-block   /* rollback, undo ne prikazuje, ne radi */
{
   color:               #6082B6;                 /* Glaucous */
}
/******************************************************************************/
/* Boja slova (razl)(pov), |doprinosi|blokiraj , (sad|pret) (ukloni..|ukloni) */
/* kraj 1.03.18                                                               */
/******************************************************************************/
/******************************************************************************/
/* Oblikovanje okvira li.not-patrolled - novi članci,  mw-newpages-time       */
/* mw-newpages-history, mw-newpages-edit (pov|uredi) na Posebno:Nove_stranice */
/* span.comment a                                                             */
/* početak 1.03.19                                                            */
/******************************************************************************/

li.not-patrolled                                 /* Posebno:Nove_stranice */
{
   background-color:    #F0E68C;                 /* Khaki */
   padding:             5px;
   border-radius:       5px;
}
a.mw-newpages-history, a.mw-newpages-edit, a.mw-newpages-time 
{
   color:               #6495ED;                 /* Cornflower Blue */
}

span.comment a                                   /* poveznica u sažetku uređivanja */
{
   color:               brown;
}

/******************************************************************************/
/* Oblikovanje okvira li.not-patrolled - novi članci,  mw-newpages-time       */
/* mw-newpages-history, mw-newpages-edit (pov|uredi) na Posebno:Nove_stranice */
/* span.comment a                                                             */
/* kraj 1.03.19                                                               */
/******************************************************************************/
/* Oblikovanje vremenskog žiga u Nedavnim promjenama  mw-newpages-time        */
/* početak 1.03.20                                                            */
/******************************************************************************/
.mw-newpages-time
{
   color:               darkblue;                 /*  */
}
/******************************************************************************/
/* Oblikovanje vremenskog žiga u Nedavnim promjenama  mw-newpages-time        */
/* kraj 1.03.20                                                               */
/******************************************************************************/
/* Oblikovanje rezultata pretrage za zamjenu teksta  Posebno:Zamjeni tekst    */
/* početak 1.03.22                                                            */
/******************************************************************************/
.ext-replacetext-searchmatch
{
   font-size:           initial;
   background-color:    #F88379;                 /* Coral Pink */
   padding:             5px 0px 5px 0px;         /* 1.03.25 , l. i d. odmak, nije bilo razlike od praznine i odmaka od ruba  */
   border-radius:       5px;
}
/******************************************************************************/
/* Oblikovanje rezultata pretrage za zamjenu teksta   Posebno:Zamjeni tekst   */
/* kraj 1.03.22                                                               */
/******************************************************************************/
/* Oblikovanje izgleda razdvojbe kroz Dodatak                                 */
/* početak 1.03.23                      HIE:Gadget-Preusmjeravanja-Razdvojbe‎  */
/******************************************************************************/
.mw-disambig
{
   color:               #0096FF;                 /* Bright Blue , na postavke:Dodatci, članci - i dalje narančasta, zbog !important, valjda */
   background:          #FFF5EE;                 /* Seashell, 1.03.25 */
   padding:             2px;                     /* 1.03.25 */
   border-radius:       3px;                     /* 1.03.25 */
}
/******************************************************************************/
/* Oblikovanje izgleda razdvojbe kroz Dodatak                                 */
/* kraj 1.03.23                         HIE:Gadget-Preusmjeravanja-Razdvojbe‎  */
/******************************************************************************/
/* Oblikovanje izgleda kutije s kvačicom kad se prijeđe mišem iznad nje       */
/* početak 1.03.26                                                            */
/******************************************************************************/

input[type="checkbox"]:hover
{
   border:              2px solid firebrick;
   transition:          0.1s;
   transform:           scale(1.5);
}
input[type="checkbox"]
{
   width:              20px;
   height:             20px;
}
#mw-search-ns0, #mw-search-ns14, #mw-search-ns10   /* glavni, kategorija, predložak */ 
{
   width:              30px; 
   height:             30px;
}

/******************************************************************************/
/* Oblikovanje izgleda kutije s kvačicom kad se prijeđe mišem iznad nje       */
/* kraj 1.03.26                                                               */
/******************************************************************************/


/******************************************************************************/
/* oblikovanje drevnih egipatskih članaka                                 */
/* početak 23.03.26                                                               */
/******************************************************************************/

:root {
    --egip-predinasticko:      #f2dede;
    --egip-rano:               #f9e2b3;
    --egip-staro:              #d9edf7;
    --egip-prvo-medju:         #fcf8e3;
    --egip-srednje:            #dff0d8;
    --egip-drugo-medju:        #e0e0e0;
    --egip-novo:               #d0e9c6;
    --egip-trece-medju:        #e6e6e6;
    --egip-kasno:              #cccccc;
    --egip-ptolomeje:          #d1c4e9;
}

/* DARK MODE */
@media (prefers-color-scheme: dark) {
    :root {
        --egip-predinasticko:      #5a3f3f;
        --egip-rano:               #6b5330;
        --egip-staro:              #3a4a5a;
        --egip-prvo-medju:         #5a5530;
        --egip-srednje:            #3f5a3f;
        --egip-drugo-medju:        #555555;
        --egip-novo:               #3f5a4a;
        --egip-trece-medju:        #4a4a4a;
        --egip-kasno:              #444444;
        --egip-ptolomeje:          #4f3f6a;
    }
}

/* Kartice razdoblja */
.egip-card {
    padding: 6px;
    font-weight: bold;
    border-radius: 6px;
    margin-top: 8px;
    break-inside: avoid;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.egip-card:hover {
    transform: translateX(4px);
    filter: brightness(0.92);
}

/* Opisi ispod razdoblja */
.egip-desc {
    font-size: 85%;
    margin: 2px 0 6px 0;
    opacity: 0.85;
}

/* MOBILNA VERZIJA — 1 kolona */
@media (max-width: 700px) {
    .egip-columns {
        column-count: 1 !important;
    }
}

/* Animacija otvaranja/sklapanja */
.mw-collapsible-content {
    animation: egipFade 0.35s ease;
}

@keyframes egipFade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}

/******************************************************************************/
/* oblikovanje drevnih egipatskih članaka                                 */
/* kraj 23.03.26                                                               */
/******************************************************************************/
/* Oblikovanje polja s podkategorijama u pregledu kategorije                  */
/* početak 1.03.27                                                            */
/******************************************************************************/

#mw-subcategories
{
   background:         peachpuff; 
   padding:            2px 4px 8px 16px;
   border-radius:      4px;
}

/******************************************************************************/
/* Oblikovanje polja s podkategorijama u pregledu kategorije                  */
/* kraj 1.03.27                                                               */
/******************************************************************************/
/* Oblikovanje Posebno: je sad na više stupaca, okvir u boji, ol.special      */
/* početak: 1.03.28                                                           */
/******************************************************************************/

ol.special 
{
   background:         #fae49f;
   border-radius:      4px;
   column-count:       3;
   padding-left:       50px;
   padding-top:        10px;
   padding-bottom:     10px;
   margin-right:       12px;
   margin-left:        12px;
}
/******************************************************************************/
/* Oblikovanje Posebno: je sad na više stupaca, okvir u boji, ol.special      */
/* kraj: 1.03.28                                                              */
/******************************************************************************/

/******************************************************************************/
/* Oblikovanje Posebno: potrebno za Interaktivne Karte                        */
/* Početak: 1.03.29                                                           */
/******************************************************************************/

@import url("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css");

/* FORCE LEAFLET VISIBILITY */
.leaflet-map img {
    max-width: none !important;
    max-height: none !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Osiguraj da su kontrole (zoom + i -) iznad svega */
.leaflet-control-container {
    z-index: 1000 !important;
}

/* Makni sivu pozadinu kad se karta učita */
.leaflet-container {
    background: #fff !important;
}


/******************************************************************************/
/* Oblikovanje Posebno: potrebno za Interaktivne Karte                        */
/* kraj: 1.03.29                                                              */
/******************************************************************************/
/******************************************************************************/
/* Oblikovanje: popis rabljenih slika na više stupaca, okvir u boji           */
/* početak: 1.03.30                                                           */
/******************************************************************************/

#mw-imagepage-section-linkstoimage
{
   column-count:       3;
   background:         #fae49f;
   border-radius:      4px;
   column-count:       3;
   padding-left:       50px;
   padding-top:        10px;
   padding-bottom:     10px;
   margin-right:       12px;
   margin-left:        12px;
}

/******************************************************************************/
/* Oblikovanje: popis rabljenih slika na više stupaca, okvir u boji           */
/* kraj: 1.03.30                                                              */
/******************************************************************************/


/* kraj datoteke */

/******************************************************************************/
/* Oblikovanje za biografske infookvire                                       */
/* početak 1.03.31                                                            */
/******************************************************************************/
/* Opći stil za tijelo infookvira (tijeloclass) */
.biografija {
    border-spacing: 0 3px;
    padding: 3px 5px;
    line-height: 1.5;
    font-size: 88%;
}

/* Opći stil za opis slike (opisclass) */
.bio-opis {
    padding: 0.35em 0.35em 0.25em;
    line-height: 1.25em;
}

/* Opći stil za parametre (paramclass) */
.bio-param {
    white-space: nowrap;
    padding-right: 0.65em;
}

/* Opći stil za dodavnje crte (rowclass) */
.crta td,
.crta th {
    border-top: 1px solid #a2a9b1; 
    margin: 0;
}

/* Infookvir filmski umjetnik */

/* Stil za pozadinu naslova (iznadclass) */
.filmski-umjetnik {
    background-color: #CCD6DC;
}

/* Infookvir likovni umjetnik */

/* Stil za pozadinu naslova (iznadclass) */
.umjetnik-iznad {
    background-color: #c9c9c9;
}

/* Stil za podzaglavlje (podzaglavljeclass) */
.umjetnik-podzaglavlje {
    background-color: #dedede;
    padding: 2px 5px;
    line-height: 1.2em;
}

/*</pre>*/

/* Nadnevak 20/05/2026         */
/* SMILES – auto centriranje i skaliranje */
.mw-smiles {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
}

/* SVG i canvas skaliranje */
.mw-smiles svg,
.mw-smiles canvas {
    max-width: 100%;
    height: auto !important;
}

/* Hover zoom efekt */
.mw-smiles:hover {
    transform: scale(1.15);
    transition: transform 0.2s ease-in-out;
    z-index: 10;
}

/******************************************************************************/
/* Oblikovanje sa message box                                       */
/* početak 1.03.32 Datum: 27/06/2026                                                           */
/******************************************************************************/

.ambox {
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.5em;
    margin: 1em 0;
}

.ambox-warning {
    border-color: #e6b800;
    background: #fff8d6;
}

.ambox-info {
    border-color: #4d90fe;
    background: #e8f1ff;
}

.ambox-error {
    border-color: #d9534f;
    background: #ffecec;
}

/******************************************************************************/
/* Population Chart                                       */
/* početak 1.03.33 Datum: 19/07/2026                                                          */
/******************************************************************************/

.population-wrapper {
    background: #f8f9fa;
    padding: 15px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    max-width: 800px;
    margin: 10px 0;
}
.population-title {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 10px;
}
.population-bar {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.population-year {
    width: 50px;
    font-weight: bold;
    font-size: 0.9em;
}
.population-bar-wrapper {
    flex-grow: 1;
    background: #e9ecef;
    border-radius: 3px;
    margin-left: 10px;
}
.population-value {
    background: #007bff;
    color: white;
    font-size: 0.85em;
    padding: 3px 8px;
    border-radius: 3px;
    text-align: right;
    transition: width 0.5s ease-in-out;
    box-sizing: border-box;
    min-width: 25px;
}
.population-value.up { background-color: #28a745; }
.population-value.down { background-color: #dc3545; }
.population-value.equal { background-color: #6c757d; }

.population-linechart {
    margin-top: 20px;
    background: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 4px;
}
.population-source {
    font-size: 0.85em;
    color: #6c757d;
    margin-top: 5px;
    font-style: italic;
}


/* Kraj nadnevka */