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