/Web/CSS/ProjectInfo.css
1,22 → 1,20
/* 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ů */
24,34 → 22,33
}
 
sort { /* druh projektu */
display: block; /* jako blok */
font-size: 1.3em; /* velikost písma */
display: block; /* jako blok */
color: #000000; /* barva černa */
font-size: 0.75em; /* velikost písma */
}
 
name-short,
version,
state { /* společné vlastnosti */
font-size: 2em; /* velikost písma */
name-short { /* krátké jméno */
color: #FF0000; /* barevně */
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; /* mezera */
padding: 0.6em; /* */
text-align: center; /* centrovaně */
}
 
66,7 → 63,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 */
79,8 → 76,7
margin: 1.5em; /* okolo obrázku kus místa */
}
 
annotations, /* anotace */
errors { /* a chyby vypadají stejně */
annotations { /* standardní text */
display: block; /* je to blok */
margin: 0.5em; /* mezera vně */
border: solid red 1px; /* ohraničení */
89,22 → 85,22
text-align: left; /* zarované vlevo */
}
 
annotations:before,
errors:before { /* na začátek bloku pomocné informace */
color: #888888; /* nevýrazná barva */
/* font-size: 1em; /* o*/
annotation {
display: block; /* jako blok */
margin: 0.5em; /* mezera mazi bloky */
border: dotted green 1px; /* ohraničení */
}
 
annotations:before { /* na začátek bloku pomocné informace */
content: "Annotations:"; /* jméno bloku */
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 */
}
 
errors:before { /* na začátek bloku pomocné informace */
content: "Errors:"; /* jméno bloku */
}
 
annotation, /* jednotlivé položky anotace */
error { /* a chyb vypadají stejně */
error {
display: block; /* jako blok */
margin: 0.5em; /* mezera mazi bloky */
border: dotted green 1px; /* ohraničení */
112,20 → 108,14
 
br { /* odřádkování v odstavci */
display: block; /* je to blok */
margin: 0.5em; /* s horním okrajem */
margin-top: 0.5em; /* s horním okrajem */
margin-bottom: 0.5em; /* se spodní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"] {
color: #0000DD;
}
 
[lang="en"] { /* odlišení anglického textu */
color: #0000DD; /* barva */
[lang="cs"] {
color: #DD0000;
}
 
[lang="cs"] { /* odlišení českého textu */
color: #DD0000; /* barva */
}