/* Kaskádový styl pro rozumné zobrazení XML popisu modulu */
/* ------------------------------------------------------ */
/* Slouží pro rychlý náhled na XML popis projektu         */
/* IE6 bohužel nepodporuje pseudoelemtny a tak některé    */
/* informace nejsou vidět (poisky polí, zvýrazněný jazyk).*/


design {                          /* top level struktura */
  display:               block;   /* celé je to blok */
        font:     normal 1em "Arial";   /* písmo standardní velikosti */
  color:               #000000;   /* černé písmo */
  background:     #FFFFFF none;   /* pozadí bílé bez obrázku */
  border:        solid red 1px;   /* s rámečkem okolo sebe */
  margin:                0.7em;   /* okolo je kus volného místa */
  _margin:                 0em;   /* IE6 dělá okraj sám od sebe */
}

design header {                   /* souhrné informace jako blok */
  display:               block;   /* je to blok */
  border-bottom: solid red 1px;   /* se spodní příčkou */
  background:     #FFFFCC none;   /* decentní barva pozadí bez obrázku */
  margin:                  0px;   /* bez okrajů */
  padding:               0.2em;   /* vnitřní okraje */
}

sort {                            /* druh projektu */
  display:               block;   /* jako blok */
  font-size:             1.3em;   /* velikost písma */
}

name-short,
version,
state {                           /* společné vlastnosti */
  font-size:               2em;   /* velikost písma */
  margin:                  0px;   /* bez okrajů */
  padding:                 0em;   /* bez výplně */
}

name-short {                      /* krátké jméno modulu */
  color:               #FF0000;   /* barevně */
}

version {                         /* verze modulu */
  color:               #0000FF;   /* barevně */
}

state {                           /* stav modulu */
  color:               #00CC00;   /* barevně */
}

design data {
  display:               block;   /* je to velký blok */
  background:          #FFCCCC;   /* pozadí listu */
  padding:               0.6em;   /* mezera */
  text-align:           center;   /* centrovaně */
}

name-long {
  display:               block;   /* jako blok */
  font-size:             1.5em;   /* trochu větší */
}

authors {
  display:               block;   /* jako blok */
  font-style:           italic;   /* ležaté písmo */
}

author {
  display:              inline;   /* autoři se řadí do řádky */
  background-color:    #FFFFCC;   /* jsou dolišeny barvou pozadí */
  line-height:             2em;   /* velikost řádky s rezervou */
  margin:                0.3em;   /* mají mezi sebou mezeru */
  padding:               0.3em;   /* okolo trochu místa */
  white-space:          nowrap;   /* jméno se nesmí dělit */
}

picture {
  display:               block;   /* jako blok */
  margin:                1.5em;   /* okolo obrázku kus místa */
}

annotations,                      /* anotace */
errors {                          /* a chyby vypadají stejně */
  display:               block;   /* je to blok */
  margin:                0.5em;   /* mezera vně */
  border:        solid red 1px;   /* ohraničení */
  padding:               0.3em;   /* mezera uvnitř */
  background:     #FFFFCC none;   /* decentní barva pozadí bez obrázku */
  text-align:             left;   /* zarované vlevo */
}

annotations:before,
errors:before {                   /* na začátek bloku pomocné informace */
  color:               #888888;   /* nevýrazná barva */
/*  font-size:               1em;   /* o*/
}

annotations:before {              /* na začátek bloku pomocné informace */
  content:      "Annotations:";   /* jméno bloku */
}

errors:before {                   /* na začátek bloku pomocné informace */
  content:           "Errors:";   /* jméno bloku */
}

annotation,                       /* jednotlivé položky anotace */
error {                           /* a chyb vypadají stejně */
  display:               block;   /* jako blok */
  margin:                0.5em;   /* mezera mazi bloky */
  border:     dotted green 1px;   /* ohraničení */
}

br {                              /* odřádkování v odstavci */
  display:               block;   /* je to blok */
  margin:                0.5em;   /* s horním okrajem */
}

*[lang]:before {                  /* u elementů se zadaným jazykem přidáme před */
  content:      attr(lang) ":";   /* zobraz vlastnost lang */
  color:               #888888;   /* píšeme nevýraznou barvou */
  font-size:             0.7em;   /* malým písmem */
  vertical-align:     text-top;   /* zarovnáme trochu výš */
}

[lang="en"] {                     /* odlišení anglického textu */
  color:               #0000DD;   /* barva */
}

[lang="cs"] {                     /* odlišení českého textu */
  color:               #DD0000;   /* barva */
}