/Web/CSS/ProjectInfo.css
1,20 → 1,22
/* 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 */
background: #FFFFFF none; /* pozadí bílé bez obrázku */
display: block; /* celé je to blok */
border: solid red 1px; /* s rámečkem okolo sebe */
margin: 1em; /* okolo je kus volného místa */
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 */
font-size: 2em; /* větší písmo */
border-bottom: solid red 1px; /* se spodní příčkou */
background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
margin: 0px; /* bez okrajů */
22,33 → 24,34
}
 
sort { /* druh projektu */
display: block; /* jako blok */
color: #000000; /* barva černa */
font-size: 0.75em; /* velikost písma */
display: block; /* jako blok */
font-size: 1.3em; /* velikost písma */
}
 
name-short { /* krátké jméno */
color: #FF0000; /* barevně */
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ě */
margin: 0px; /* bez okrajů */
padding: 0em; /* bez výplně */
}
 
state { /* stav modulu */
color: #00CC00; /* barevně */
margin: 0px; /* bez okrajů */
padding: 0em; /* bez výplně */
}
 
design data {
display: block; /* je to velký blok */
background: #FFCCCC; /* pozadí listu */
padding: 0.6em; /* */
padding: 0.6em; /* mezera */
text-align: center; /* centrovaně */
}
 
63,7 → 66,7
}
 
author {
display: inline; /* autoři se šadí do řádky */
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 */
76,7 → 79,8
margin: 1.5em; /* okolo obrázku kus místa */
}
 
annotations { /* standardní text */
annotations, /* anotace */
errors { /* a chyby vypadají stejně */
display: block; /* je to blok */
margin: 0.5em; /* mezera vně */
border: solid red 1px; /* ohraničení */
85,22 → 89,22
text-align: left; /* zarované vlevo */
}
 
annotation {
display: block; /* jako blok */
margin: 0.5em; /* mezera mazi bloky */
border: dotted green 1px; /* ohraničení */
annotations:before,
errors:before { /* na začátek bloku pomocné informace */
color: #888888; /* nevýrazná barva */
/* font-size: 1em; /* o*/
}
 
errors {
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 { /* na začátek bloku pomocné informace */
content: "Annotations:"; /* jméno bloku */
}
 
error {
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í */
108,14 → 112,20
 
br { /* odřádkování v odstavci */
display: block; /* je to blok */
margin-top: 0.5em; /* s horním okrajem */
margin-bottom: 0.5em; /* se spodním okrajem */
margin: 0.5em; /* s horním okrajem */
}
 
[lang="en"] {
color: #0000DD;
*[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="cs"] {
color: #DD0000;
[lang="en"] { /* odlišení anglického textu */
color: #0000DD; /* barva */
}
 
[lang="cs"] { /* odlišení českého textu */
color: #DD0000; /* barva */
}