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