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é */
5 /* informace nejsou vidět (poisky polí, zvýrazněný jazyk).*/
81 miho 6  
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  
109 miho 26 sort { /* 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  
51 design data {
52 display: block; /* je to velký blok */
53 background: #FFCCCC; /* pozadí listu */
111 miho 54 padding: 0.6em; /* mezera */
109 miho 55 text-align: center; /* centrovaně */
56 }
57  
58 name-long {
59 display: block; /* jako blok */
60 font-size: 1.5em; /* trochu větší */
61 }
62  
63 authors {
64 display: block; /* jako blok */
65 font-style: italic; /* ležaté písmo */
66 }
67  
68 author {
111 miho 69 display: inline; /* autoři se řadí do řádky */
109 miho 70 background-color: #FFFFCC; /* jsou dolišeny barvou pozadí */
71 line-height: 2em; /* velikost řádky s rezervou */
72 margin: 0.3em; /* mají mezi sebou mezeru */
73 padding: 0.3em; /* okolo trochu místa */
74 white-space: nowrap; /* jméno se nesmí dělit */
75 }
76  
77 picture {
78 display: block; /* jako blok */
79 margin: 1.5em; /* okolo obrázku kus místa */
80 }
81  
111 miho 82 annotations, /* anotace */
83 errors { /* a chyby vypadají stejně */
81 miho 84 display: block; /* je to blok */
109 miho 85 margin: 0.5em; /* mezera vně */
86 border: solid red 1px; /* ohraničení */
87 padding: 0.3em; /* mezera uvnitř */
88 background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
89 text-align: left; /* zarované vlevo */
81 miho 90 }
91  
111 miho 92 annotations:before,
93 errors:before { /* na začátek bloku pomocné informace */
94 color: #888888; /* nevýrazná barva */
95 /* font-size: 1em; /* o*/
109 miho 96 }
97  
111 miho 98 annotations:before { /* na začátek bloku pomocné informace */
99 content: "Annotations:"; /* jméno bloku */
81 miho 100 }
109 miho 101  
111 miho 102 errors:before { /* na začátek bloku pomocné informace */
103 content: "Errors:"; /* jméno bloku */
104 }
105  
106 annotation, /* jednotlivé položky anotace */
107 error { /* a chyb vypadají stejně */
109 miho 108 display: block; /* jako blok */
109 margin: 0.5em; /* mezera mazi bloky */
110 border: dotted green 1px; /* ohraničení */
111 }
112  
113 br { /* odřádkování v odstavci */
114 display: block; /* je to blok */
111 miho 115 margin: 0.5em; /* s horním okrajem */
109 miho 116 }
117  
111 miho 118 *[lang]:before { /* u elementů se zadaným jazykem přidáme před */
119 content: attr(lang) ":"; /* zobraz vlastnost lang */
120 color: #888888; /* píšeme nevýraznou barvou */
121 font-size: 0.7em; /* malým písmem */
122 vertical-align: text-top; /* zarovnáme trochu výš */
109 miho 123 }
124  
111 miho 125 [lang="en"] { /* odlišení anglického textu */
126 color: #0000DD; /* barva */
109 miho 127 }
111 miho 128  
129 [lang="cs"] { /* odlišení českého textu */
130 color: #DD0000; /* barva */
131 }