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