Rev Author Line No. Line
109 miho 1 /* Kaskádový styl pro rozumné zobrazení XML popisu modulu */
81 miho 2 /* ------------------------------------------------------ */
109 miho 3 /* Slouží pro rychlý náhled na XML popis projektu */
111 miho 4 /* IE6 bohužel nepodporuje pseudoelemtny a tak některé */
115 miho 5 /* informace nejsou vidět (popisky polí, zvýrazněný */
6 /* jazyk a podobně). */
81 miho 7  
8 design { /* top level struktura */
109 miho 9 display: block; /* celé je to blok */
10 font: normal 1em "Arial"; /* písmo standardní velikosti */
11 color: #000000; /* černé písmo */
111 miho 12 background: #FFFFFF none; /* pozadí bílé bez obrázku */
13 border: solid red 1px; /* s rámečkem okolo sebe */
14 margin: 0.7em; /* okolo je kus volného místa */
15 _margin: 0em; /* IE6 dělá okraj sám od sebe */
81 miho 16 }
17  
109 miho 18 design header { /* souhrné informace jako blok */
81 miho 19 display: block; /* je to blok */
109 miho 20 border-bottom: solid red 1px; /* se spodní příčkou */
21 background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
22 margin: 0px; /* bez okrajů */
23 padding: 0.2em; /* vnitřní okraje */
81 miho 24 }
25  
114 miho 26 type { /* druh projektu */
111 miho 27 display: block; /* jako blok */
28 font-size: 1.3em; /* velikost písma */
81 miho 29 }
30  
111 miho 31 name-short,
32 version,
33 state { /* společné vlastnosti */
34 font-size: 2em; /* velikost písma */
109 miho 35 margin: 0px; /* bez okrajů */
36 padding: 0em; /* bez výplně */
81 miho 37 }
38  
111 miho 39 name-short { /* krátké jméno modulu */
40 color: #FF0000; /* barevně */
41 }
42  
109 miho 43 version { /* verze modulu */
44 color: #0000FF; /* barevně */
81 miho 45 }
46  
109 miho 47 state { /* stav modulu */
48 color: #00CC00; /* barevně */
49 }
50  
114 miho 51 sort-key { /* třídící klíče */
52 display: block; /* jako blok */
53 font-size: 1em; /* velikost písma */
54 }
55  
109 miho 56 design data {
57 display: block; /* je to velký blok */
58 background: #FFCCCC; /* pozadí listu */
111 miho 59 padding: 0.6em; /* mezera */
109 miho 60 text-align: center; /* centrovaně */
61 }
62  
63 name-long {
64 display: block; /* jako blok */
65 font-size: 1.5em; /* trochu větší */
66 }
67  
68 authors {
69 display: block; /* jako blok */
70 font-style: italic; /* ležaté písmo */
71 }
72  
73 author {
111 miho 74 display: inline; /* autoři se řadí do řádky */
109 miho 75 background-color: #FFFFCC; /* jsou dolišeny barvou pozadí */
76 line-height: 2em; /* velikost řádky s rezervou */
77 margin: 0.3em; /* mají mezi sebou mezeru */
78 padding: 0.3em; /* okolo trochu místa */
79 white-space: nowrap; /* jméno se nesmí dělit */
80 }
81  
82 picture {
83 display: block; /* jako blok */
84 margin: 1.5em; /* okolo obrázku kus místa */
85 }
86  
111 miho 87 annotations, /* anotace */
88 errors { /* a chyby vypadají stejně */
81 miho 89 display: block; /* je to blok */
109 miho 90 margin: 0.5em; /* mezera vně */
91 border: solid red 1px; /* ohraničení */
92 padding: 0.3em; /* mezera uvnitř */
93 background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
94 text-align: left; /* zarované vlevo */
81 miho 95 }
96  
111 miho 97 annotations:before,
98 errors:before { /* na začátek bloku pomocné informace */
99 color: #888888; /* nevýrazná barva */
100 /* font-size: 1em; /* o*/
109 miho 101 }
102  
111 miho 103 annotations:before { /* na začátek bloku pomocné informace */
104 content: "Annotations:"; /* jméno bloku */
81 miho 105 }
109 miho 106  
111 miho 107 errors:before { /* na začátek bloku pomocné informace */
108 content: "Errors:"; /* jméno bloku */
109 }
110  
111 annotation, /* jednotlivé položky anotace */
112 error { /* a chyb vypadají stejně */
109 miho 113 display: block; /* jako blok */
114 margin: 0.5em; /* mezera mazi bloky */
115 border: dotted green 1px; /* ohraničení */
116 }
117  
118 br { /* odřádkování v odstavci */
119 display: block; /* je to blok */
111 miho 120 margin: 0.5em; /* s horním okrajem */
109 miho 121 }
122  
111 miho 123 *[lang]:before { /* u elementů se zadaným jazykem přidáme před */
124 content: attr(lang) ":"; /* zobraz vlastnost lang */
125 color: #888888; /* píšeme nevýraznou barvou */
126 font-size: 0.7em; /* malým písmem */
127 vertical-align: text-top; /* zarovnáme trochu výš */
109 miho 128 }
129  
111 miho 130 [lang="en"] { /* odlišení anglického textu */
131 color: #0000DD; /* barva */
109 miho 132 }
111 miho 133  
134 [lang="cs"] { /* odlišení českého textu */
135 color: #DD0000; /* barva */
136 }