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