1 |
/*============================================================================*/ |
1 |
/*============================================================================*/ |
2 |
/* Historie */ |
2 |
/* Historie */ |
3 |
/*============================================================================*/ |
3 |
/*============================================================================*/ |
4 |
/* Opraveno zarovnání a velikost textu hlavièky */ |
4 |
/* Opraveno zarovnání a velikost textu hlavièky */ |
5 |
/* Nutno doladit patièku (pøesnost patièka X text) |
5 |
/* Nutno doladit patièku (pøesnost patièka X text) |
6 |
|
6 |
|
7 |
/* |
7 |
/* |
8 |
Pro tisk se nesmí pouít pozicování fixed protoe to by vedlo k pøekrývání |
8 |
Pro tisk se nesmí pouít pozicování fixed protoe to by vedlo k pøekrývání |
9 |
textu hlavièkou a patièkou na dalích stránkách. |
9 |
textu hlavièkou a patièkou na dalích stránkách. |
10 |
Pro tisk je vhodné vypnout menu. |
10 |
Pro tisk je vhodné vypnout menu. |
11 |
|
11 |
|
12 |
pøipojení: |
12 |
pøipojení: |
13 |
nejdøív hlavní css |
13 |
nejdøív hlavní css |
14 |
pak za nìj tiskový css |
14 |
pak za nìj tiskový css |
15 |
|
15 |
|
16 |
V tiskovém css by mìlo být |
16 |
V tiskovém css by mìlo být |
17 |
width: 100% íøka pøez celou stranu |
17 |
width: 100% íøka pøez celou stranu |
18 |
velikost písma v pt |
18 |
velikost písma v pt |
19 |
øádkování 1 |
19 |
øádkování 1 |
20 |
patkové písmo (lépe se ète) |
20 |
patkové písmo (lépe se ète) |
21 |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
21 |
font: 12pt/1 "Times CE", Times, "Times New Roman", serif; |
22 |
pro obrazovku je lepí font bezpatkový, skus Verdana |
22 |
pro obrazovku je lepí font bezpatkový, skus Verdana |
23 |
zhasnout nepotøebné dispaly: none |
23 |
zhasnout nepotøebné dispaly: none |
24 |
|
24 |
|
25 |
|
25 |
|
26 |
Dodìlat: |
26 |
Dodìlat: |
27 |
Alternativní fonty (font-family) |
27 |
Alternativní fonty (font-family) |
28 |
Definice stylu pro tisk (pro stránkovaná média) |
28 |
Definice stylu pro tisk (pro stránkovaná média) |
29 |
Alternativní styly |
29 |
Alternativní styly |
30 |
bez absolutního pozicování |
30 |
bez absolutního pozicování |
31 |
moná bez barev (èernobíle) |
31 |
moná bez barev (èernobíle) |
32 |
Styl nadpisu tabulky |
32 |
Styl nadpisu tabulky |
33 |
Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtí |
33 |
Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtí |
34 |
|
34 |
|
35 |
h1,h2,h3,h4,h5,h6 { |
35 |
h1,h2,h3,h4,h5,h6 { |
36 |
page-break-inside:avoid; |
36 |
page-break-inside:avoid; |
37 |
page-break-after:avoid; |
37 |
page-break-after:avoid; |
38 |
page-break-before:auto |
38 |
page-break-before:auto |
39 |
} |
39 |
} |
40 |
|
40 |
|
41 |
h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { |
41 |
h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 { |
42 |
page-break-before:avoid |
42 |
page-break-before:avoid |
43 |
} |
43 |
} |
44 |
|
44 |
|
45 |
img { |
45 |
img { |
46 |
page-break-inside:avoid |
46 |
page-break-inside:avoid |
47 |
} |
47 |
} |
48 |
|
48 |
|
49 |
*/ |
49 |
*/ |
50 |
|
50 |
|
51 |
|
51 |
|
52 |
/*============================================================================*/ |
52 |
/*============================================================================*/ |
53 |
/* Globální nastavení */ |
53 |
/* Globální nastavení */ |
54 |
/*============================================================================*/ |
54 |
/*============================================================================*/ |
55 |
|
55 |
|
56 |
|
56 |
|
57 |
/* Sjednocení nastavení celého dokumentu */ |
57 |
/* Sjednocení nastavení celého dokumentu */ |
58 |
/* ------------------------------------- */ |
58 |
/* ------------------------------------- */ |
59 |
html, body { |
59 |
html, body { |
60 |
background: none #FFFFFF; /* barva pozadí bez obrázku */ |
60 |
background: none #FFFFFF; /* barva pozadí bez obrázku */ |
61 |
color: #000000; /* barva písma */ |
61 |
color: #000000; /* barva písma */ |
62 |
margin: 0px; /* sjednotíme okraje pro vechny prohlíeèe */ |
62 |
margin: 0px; /* sjednotíme okraje pro vechny prohlíeèe */ |
63 |
padding: 0px; |
63 |
padding: 0px; |
64 |
} |
64 |
} |
65 |
|
65 |
|
66 |
body { |
66 |
body { |
67 |
/* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */ |
67 |
/* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */ |
68 |
} |
68 |
} |
69 |
|
69 |
|
70 |
/*============================================================================*/ |
70 |
/*============================================================================*/ |
71 |
/* Nastavení písma textu a nadpisù */ |
71 |
/* Nastavení písma textu a nadpisù */ |
72 |
/*============================================================================*/ |
72 |
/*============================================================================*/ |
73 |
|
73 |
|
74 |
|
74 |
|
75 |
/* Standardní písmo odstavcù */ |
75 |
/* Standardní písmo odstavcù */ |
76 |
/* ------------------------- */ |
76 |
/* ------------------------- */ |
77 |
p { /* standardní písmo odstavce */ |
77 |
p { /* standardní písmo odstavce */ |
78 |
font-family: "Times New Roman"; /* øez písma */ |
78 |
font-family: "Times New Roman"; /* øez písma */ |
79 |
line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */ |
79 |
line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */ |
80 |
margin-left: 0px; /* standarnì text od okraje */ |
80 |
margin-left: 0px; /* standarnì text od okraje */ |
81 |
margin-right: 0px; /* k okraji, mezera zajitìna paddingem */ |
81 |
margin-right: 0px; /* k okraji, mezera zajitìna paddingem */ |
82 |
margin-top: 0.75em; /* mezera pøed odstavcem */ |
82 |
margin-top: 0.75em; /* mezera pøed odstavcem */ |
83 |
margin-bottom: 0.9em; /* mezera za odstavcem */ |
83 |
margin-bottom: 0.9em; /* mezera za odstavcem */ |
84 |
} |
84 |
} |
85 |
|
85 |
|
86 |
|
86 |
|
87 |
/* Titulek, podtitul a autor èlánku */ |
87 |
/* Titulek, podtitul a autor èlánku */ |
88 |
/* -------------------------------- */ |
88 |
/* -------------------------------- */ |
89 |
p.Titul, li.Titul, div.Titul, |
89 |
p.Titul, li.Titul, div.Titul, |
90 |
p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */ |
90 |
p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */ |
91 |
font-family: Arial; /* nadpisové písmo */ |
91 |
font-family: Arial; /* nadpisové písmo */ |
92 |
font-weight: bolder; /* tlistí písmo */ |
92 |
font-weight: bolder; /* tlistí písmo */ |
93 |
text-align: center; /* centrované */ |
93 |
text-align: center; /* centrované */ |
94 |
font-size: 200%; /* velké písmo */ |
94 |
font-size: 200%; /* velké písmo */ |
95 |
color: #CC0000; /* hlavní nadpisová barva */ |
95 |
color: #CC0000; /* hlavní nadpisová barva */ |
96 |
margin-top: 0.5em; /* mezera pøed odstavcem */ |
96 |
margin-top: 0.5em; /* mezera pøed odstavcem */ |
97 |
margin-bottom: 0.5em; /* mezera za odstavcem */ |
97 |
margin-bottom: 0.5em; /* mezera za odstavcem */ |
98 |
} |
98 |
} |
99 |
|
99 |
|
100 |
p.Autor, li.Autor, div.Autor { /* standardní písmo */ |
100 |
p.Autor, li.Autor, div.Autor { /* standardní písmo */ |
101 |
font-family: Arial; /* nadpisovým písmem */ |
101 |
font-family: Arial; /* nadpisovým písmem */ |
102 |
text-align: center; /* centrované */ |
102 |
text-align: center; /* centrované */ |
103 |
color: blue; /* vedlejí nadpisová barva */ |
103 |
color: blue; /* vedlejí nadpisová barva */ |
104 |
margin-top: 0.25em; /* mezera pøed odstavcem */ |
104 |
margin-top: 0.25em; /* mezera pøed odstavcem */ |
105 |
} |
105 |
} |
106 |
|
106 |
|
107 |
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, |
107 |
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, |
108 |
p.Subtitle, li.Subtitle, div.Subtitle { |
108 |
p.Subtitle, li.Subtitle, div.Subtitle { |
109 |
font-family: Arial; /* nadpisové písmo */ |
109 |
font-family: Arial; /* nadpisové písmo */ |
110 |
font-style: italic; /* sklonìné */ |
110 |
font-style: italic; /* sklonìné */ |
111 |
text-align: center; /* centrované */ |
111 |
text-align: center; /* centrované */ |
112 |
font-size: 120%; /* troku vìtí písmo */ |
112 |
font-size: 120%; /* troku vìtí písmo */ |
113 |
color: #0000FF; /* vedlejí nadpisová barva */ |
113 |
color: #0000FF; /* vedlejí nadpisová barva */ |
114 |
margin-top: 1em; /* mezera pøed */ |
114 |
margin-top: 1em; /* mezera pøed */ |
115 |
margin-bottom: 2em; /* mezera za vypadá lépe kdy je vìtí */ |
115 |
margin-bottom: 2em; /* mezera za vypadá lépe kdy je vìtí */ |
116 |
margin-left: 10%; /* není od okraje do okraje */ |
116 |
margin-left: 10%; /* není od okraje do okraje */ |
117 |
margin-right: 10%; /* ani na jedné stranì */ |
117 |
margin-right: 10%; /* ani na jedné stranì */ |
118 |
} |
118 |
} |
119 |
|
119 |
|
120 |
|
120 |
|
121 |
/* spoleèné vlastnosti nadpisù a nadpisy */ |
121 |
/* spoleèné vlastnosti nadpisù a nadpisy */ |
122 |
/* ------------------------------------- */ |
122 |
/* ------------------------------------- */ |
123 |
h1, h2, h3, h4, h5, h6 { |
123 |
h1, h2, h3, h4, h5, h6 { |
124 |
page-break-inside: avoid; /* nedìlit stránky v nadpisech */ |
124 |
page-break-inside: avoid; /* nedìlit stránky v nadpisech */ |
125 |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
125 |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
126 |
font-family: Arial; /* nadpisový font */ |
126 |
font-family: Arial; /* nadpisový font */ |
127 |
font-weight: bolder; /* tlistí písmo */ |
127 |
font-weight: bolder; /* tlistí písmo */ |
128 |
margin-top: 1em; /* mezera pøed trochu vìtí */ |
128 |
margin-top: 0.75em; /* mezera pøed trochu vìtí */ |
129 |
margin-bottom: 0.75em; /* mezera za */ |
129 |
margin-bottom: 0.5em; /* mezera za */ |
130 |
} |
130 |
} |
131 |
|
131 |
|
132 |
h1 { /* viz styl titulku */ |
132 |
h1 { /* viz styl titulku */ |
133 |
font-size: 200%; /* veliké písmo */ |
133 |
font-size: 200%; /* veliké písmo */ |
134 |
color: #CC0000; /* hlavní nadpisová barva */ |
134 |
color: #CC0000; /* hlavní nadpisová barva */ |
135 |
} |
135 |
} |
136 |
|
136 |
|
- |
|
137 |
h1.Small { /* zmenený nadpis */ |
- |
|
138 |
font-size: 150%; /* velikost jako h2 */ |
- |
|
139 |
} |
- |
|
140 |
|
137 |
h2 { |
141 |
h2 { |
138 |
font-size: 150%; /* velké písmo */ |
142 |
font-size: 150%; /* velké písmo */ |
139 |
color: blue; /* vedlejí barva nadpisu */ |
143 |
color: blue; /* vedlejí barva nadpisu */ |
140 |
} |
144 |
} |
141 |
|
145 |
|
- |
|
146 |
h2.Small { /* zmenený nadpis */ |
- |
|
147 |
font-size: 120%; /* velikost jako h3 */ |
- |
|
148 |
} |
- |
|
149 |
|
142 |
h3 { |
150 |
h3 { |
143 |
font-size: 120%; /* vìtí písmo */ |
151 |
font-size: 120%; /* vìtí písmo */ |
144 |
color: blue; /* vedlejí barva nadpisu */ |
152 |
color: blue; /* vedlejí barva nadpisu */ |
145 |
} |
153 |
} |
146 |
|
154 |
|
- |
|
155 |
h3.Small { /* zmenený nadpis */ |
- |
|
156 |
font-size: 100%; /* velikost jako h4 */ |
- |
|
157 |
} |
- |
|
158 |
|
147 |
h4, h5, h6 { /* písma jen mírnì odliná */ |
159 |
h4, h5, h6 { /* písma jen mírnì odliná */ |
148 |
font-style: italic; /* sklonìné */ |
160 |
font-style: italic; /* sklonìné */ |
149 |
color: blue; /* vedlejí barva nadpisu */ |
161 |
color: blue; /* vedlejí barva nadpisu */ |
150 |
} |
162 |
} |
151 |
|
163 |
|
- |
|
164 |
|
- |
|
165 |
|
152 |
samp { /* ukázky výpisù a podobnì */ |
166 |
samp { /* ukázky výpisù a podobnì */ |
153 |
font-family: "Courier New"; /* neproporcionální písmo */ |
167 |
font-family: "Courier New"; /* neproporcionální písmo */ |
154 |
} |
168 |
} |
155 |
|
169 |
|
156 |
/* První slovo má první písmeno zvýraznìné */ |
170 |
/* První slovo má první písmeno zvýraznìné */ |
157 |
.FirstWord:first-letter { |
171 |
.FirstWord:first-letter { |
158 |
color: red; |
172 |
color: red; /* zvýraznné první písmeno */ |
159 |
} |
173 |
} |
160 |
|
174 |
|
161 |
/* Zatím jen na pokusy a pomocné výpisy */ |
175 |
/* Zvýraznìné øádky s odkazy */ |
162 |
.Small { |
176 |
.FirstWord a { |
- |
|
177 |
text-decoration: none; /* odkaz není podtrený */ |
163 |
font-size: 75%; /* zmenené písmo */ |
178 |
color: inherit; /* odkaz nemá zvlátní barvu */ |
- |
|
179 |
_color: #993300; /* IE6 nám nìjak nedìdí barvu */ |
164 |
} |
180 |
} |
165 |
|
181 |
|
166 |
|
182 |
|
167 |
/*============================================================================*/ |
183 |
/*============================================================================*/ |
168 |
/* Nastavení pro hlavièku, patièku a menu */ |
184 |
/* Nastavení pro hlavièku, patièku a menu */ |
169 |
/*============================================================================*/ |
185 |
/*============================================================================*/ |
170 |
|
186 |
|
171 |
|
187 |
|
172 |
/* Spoleèná nastavení pro Hlavièku Menu a Patièku */ |
188 |
/* Spoleèná nastavení pro Hlavièku Menu a Patièku */ |
173 |
/* ---------------------------------------------- */ |
189 |
/* ---------------------------------------------- */ |
174 |
div.InnerHeader, div.InnerMenu, div.InnerFooter { |
190 |
div.InnerHeader, div.InnerMenu, div.InnerFooter { |
175 |
/*border: dotted #FF8080 1px; /* pro ladìní */ |
191 |
/*border: dotted #FF8080 1px; /* pro ladìní */ |
176 |
width: 100%; /* pøes celou stránku */ |
192 |
width: 100%; /* pøes celou stránku */ |
177 |
margin: 0em; /* pro jistotu ádný vnìjí okraj */ |
193 |
margin: 0em; /* pro jistotu ádný vnìjí okraj */ |
178 |
border: 0em; /* pro jistotu */ |
194 |
border: 0em; /* pro jistotu */ |
179 |
background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */ |
195 |
background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */ |
180 |
color: #993300; /* barva písma */ |
196 |
color: #993300; /* barva písma */ |
181 |
} |
197 |
} |
182 |
|
198 |
|
183 |
|
199 |
|
184 |
/* Nastavení specifická pro Hlavièku */ |
200 |
/* Nastavení specifická pro Hlavièku */ |
185 |
/* --------------------------------- */ |
201 |
/* --------------------------------- */ |
186 |
div.InnerHeader { /* kontejner na hlavièku */ |
202 |
div.InnerHeader { /* kontejner na hlavièku */ |
187 |
/*border: solid 1px red; /* pro ladìní */ |
203 |
/*border: solid 1px red; /* pro ladìní */ |
188 |
position: fixed; /* fixní umístìní na stránce */ |
204 |
position: fixed; /* fixní umístìní na stránce */ |
189 |
_position: static; /* IE6 neumí position fixed */ |
205 |
_position: static; /* IE6 neumí position fixed */ |
190 |
border-bottom: solid 2px #993300; /* linka pod hlavickou */ |
206 |
border-bottom: solid 2px #993300; /* linka pod hlavickou */ |
191 |
top: -2px; /* umistìní na stránce o tlouku linky */ |
207 |
top: -2px; /* umistìní na stránce o tlouku linky */ |
192 |
white-space: nowrap; /* je zakázáno zalomit hlavièku */ |
208 |
white-space: nowrap; /* je zakázáno zalomit hlavièku */ |
193 |
overflow: hidden; /* co pøeèuhuje zahoï */ |
209 |
overflow: hidden; /* co pøeèuhuje zahoï */ |
194 |
font-size: 3em; /* velikost písma vzhedem k rodièi */ |
210 |
font-size: 3em; /* velikost písma vzhedem k rodièi */ |
195 |
padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */ |
211 |
padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */ |
196 |
line-height: 100%; /* vzdálenost øádek od sebe */ |
212 |
line-height: 100%; /* vzdálenost øádek od sebe */ |
197 |
} |
213 |
} |
198 |
|
214 |
|
199 |
div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/ |
215 |
div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/ |
200 |
/*background: #CCFFCC; /* pro ladìní */ |
216 |
/*background: #CCFFCC; /* pro ladìní */ |
201 |
padding-left: 0.2em; /* mezera vlevo */ |
217 |
padding-left: 0.2em; /* mezera vlevo */ |
202 |
} |
218 |
} |
203 |
|
219 |
|
204 |
div.InnerHeader img { /* textu "online" v hlavièce */ |
220 |
div.InnerHeader img { /* textu "online" v hlavièce */ |
205 |
/*border: solid 1px red; /* pro ladìní neprùhledného obrázku */ |
221 |
/*border: solid 1px red; /* pro ladìní neprùhledného obrázku */ |
206 |
/*background: #FFCCCC; /* pro ladìní prùhledného obrázku */ |
222 |
/*background: #FFCCCC; /* pro ladìní prùhledného obrázku */ |
207 |
height: 0.7em; /* gumová výka podle velikosti textu */ |
223 |
height: 0.7em; /* gumová výka podle velikosti textu */ |
208 |
width: 2em; /* gumová íøka podle velikosti textu */ |
224 |
width: 2em; /* gumová íøka podle velikosti textu */ |
209 |
} |
225 |
} |
210 |
|
226 |
|
211 |
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */ |
227 |
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */ |
212 |
/*border: solid 1px yellow; /* pro ladìní */ |
228 |
/*border: solid 1px yellow; /* pro ladìní */ |
213 |
background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */ |
229 |
background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */ |
214 |
/*background: #CCFFCC; /* pro ladìní */ |
230 |
/*background: #CCFFCC; /* pro ladìní */ |
215 |
position: absolute; /* absolutní umístìní */ |
231 |
position: absolute; /* absolutní umístìní */ |
216 |
text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ |
232 |
text-align: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */ |
217 |
padding-right: 0.2em; /* mezera vpravo */ |
233 |
padding-right: 0.2em; /* mezera vpravo */ |
218 |
font-size: 80%; /* velikost písma o nìo mení */ |
234 |
font-size: 80%; /* velikost písma o nìo mení */ |
219 |
left: 6.625em; /* posunutí o logo 5.3em / 80% */ |
235 |
left: 6.625em; /* posunutí o logo 5.3em / 80% */ |
220 |
_left: auto; /* IE6 natahuje se místo vlevo od textu */ |
236 |
_left: auto; /* IE6 natahuje se místo vlevo od textu */ |
221 |
right: 0px; /* pravý okraj a na konci */ |
237 |
right: 0px; /* pravý okraj a na konci */ |
222 |
top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */ |
238 |
top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */ |
223 |
} |
239 |
} |
224 |
|
240 |
|
225 |
div.InnerHeader a { /* odkaz v hlavièce */ |
241 |
div.InnerHeader a { /* odkaz v hlavièce */ |
226 |
text-decoration: none; /* odkaz není podtrený */ |
242 |
text-decoration: none; /* odkaz není podtrený */ |
227 |
color: inherit; /* odkaz nemá zvlátní barvu */ |
243 |
color: inherit; /* odkaz nemá zvlátní barvu */ |
228 |
_color: #993300; /* IE6 nám nìjak nedìdí barvu */ |
244 |
_color: #993300; /* IE6 nám nìjak nedìdí barvu */ |
229 |
} |
245 |
} |
230 |
|
246 |
|
231 |
div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */ |
247 |
div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */ |
232 |
color: #FF0000; /* zmìò barvu odkazu */ |
248 |
color: #FF0000; /* zmìò barvu odkazu */ |
233 |
} |
249 |
} |
234 |
|
250 |
|
235 |
|
251 |
|
236 |
/* Nastavení specifická pro Menu */ |
252 |
/* Nastavení specifická pro Menu */ |
237 |
/* ----------------------------- */ |
253 |
/* ----------------------------- */ |
238 |
div.InnerMenu { /* kontejner pro menu */ |
254 |
div.InnerMenu { /* kontejner pro menu */ |
239 |
position: fixed; /* fixní umístìní na stránce */ |
255 |
position: fixed; /* fixní umístìní na stránce */ |
240 |
_position: static; /* IE6 neumí position fixed */ |
256 |
_position: static; /* IE6 neumí position fixed */ |
241 |
width: 7em; /* íøka bloku s menu */ |
257 |
width: 7em; /* íøka bloku s menu */ |
242 |
_width: 100%; /* IE6 íøka pøes celou stránku */ |
258 |
_width: 100%; /* IE6 íøka pøes celou stránku */ |
243 |
top: 3em; /* výka hlavièky = výka písma + 2*padding */ |
259 |
top: 3em; /* výka hlavièky = výka písma + 2*padding */ |
244 |
_top: 0px; /* IE6 umístìní hned pod hlavièku */ |
260 |
_top: 0px; /* IE6 umístìní hned pod hlavièku */ |
245 |
left: -2px; /* kompenzace íøky èáry */ |
261 |
left: -2px; /* kompenzace íøky èáry */ |
246 |
_left: 0px; /* IE6 tady èáru nemáme */ |
262 |
_left: 0px; /* IE6 tady èáru nemáme */ |
247 |
bottom: 0px; /* umístìní dole a dolu */ |
263 |
bottom: 0px; /* umístìní dole a dolu */ |
248 |
border-right: solid 2px #993300; /* oddìlující linka vpravo */ |
264 |
border-right: solid 2px #993300; /* oddìlující linka vpravo */ |
249 |
_border-right: none; /* IE6 bez èáry vpravo */ |
265 |
_border-right: none; /* IE6 bez èáry vpravo */ |
250 |
_border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */ |
266 |
_border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */ |
251 |
_background: #993300; /* IE6 pozadí stejné jako linky */ |
267 |
_background: #993300; /* IE6 pozadí stejné jako linky */ |
252 |
_color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */ |
268 |
_color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */ |
253 |
text-align: center; /* centrovaný obsah */ |
269 |
text-align: center; /* centrovaný obsah */ |
254 |
_text-align: left; /* IE6 zarovnáváme vlevo */ |
270 |
_text-align: left; /* IE6 zarovnáváme vlevo */ |
255 |
font-weight: bold; /* tlusté písmo odkazu */ |
271 |
font-weight: bold; /* tlusté písmo odkazu */ |
256 |
} |
272 |
} |
257 |
|
273 |
|
258 |
div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */ |
274 |
div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */ |
259 |
/*_background: #333333; /* ladící pozadí */ |
275 |
/*_background: #333333; /* ladící pozadí */ |
260 |
margin-left: 2px; /* kompenzace kompenzace èáry */ |
276 |
margin-left: 2px; /* kompenzace kompenzace èáry */ |
261 |
_margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */ |
277 |
_margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */ |
262 |
_border: 0px; /* IE6 ádný okraj */ |
278 |
_border: 0px; /* IE6 ádný okraj */ |
263 |
_padding: 0px; /* IE6 ádná výplò */ |
279 |
_padding: 0px; /* IE6 ádná výplò */ |
264 |
} |
280 |
} |
265 |
|
281 |
|
266 |
div.InnerMenu .MenuText { /* popisky v navigaci */ |
282 |
div.InnerMenu .MenuText { /* popisky v navigaci */ |
267 |
/*background: #DDDDDD; /* ladící pozadí */ |
283 |
/*background: #DDDDDD; /* ladící pozadí */ |
268 |
border: none; /* ádný okraj */ |
284 |
border: none; /* ádný okraj */ |
269 |
margin: 3px; /* malé mezery okolo */ |
285 |
margin: 3px; /* malé mezery okolo */ |
270 |
} |
286 |
} |
271 |
|
287 |
|
272 |
|
288 |
|
273 |
/* Zobrazení seznamu odkazù v menu */ |
289 |
/* Zobrazení seznamu odkazù v menu */ |
274 |
/* ------------------------------- */ |
290 |
/* ------------------------------- */ |
275 |
div.InnerMenu ul { /* navigace jako seznam odkazù */ |
291 |
div.InnerMenu ul { /* navigace jako seznam odkazù */ |
276 |
list-style: none; /* seznam je bez odráek */ |
292 |
list-style: none; /* seznam je bez odráek */ |
277 |
margin: 0px; /* bez odsazení IE */ |
293 |
margin: 0px; /* bez odsazení IE */ |
278 |
padding: 0em; /* bez odsazení FF */ |
294 |
padding: 0em; /* bez odsazení FF */ |
279 |
white-space: nowrap; /* zákaz lámání poloek menu do øádek */ |
295 |
white-space: nowrap; /* zákaz lámání poloek menu do øádek */ |
280 |
} |
296 |
} |
281 |
|
297 |
|
282 |
div.InnerMenu li { /* jednotlivé odkazy */ |
298 |
div.InnerMenu li { /* jednotlivé odkazy */ |
283 |
/*background: #BBBBBB; /* ladící pozadí */ |
299 |
/*background: #BBBBBB; /* ladící pozadí */ |
284 |
border: solid 1px #993300; /* tenký rámeèek */ |
300 |
border: solid 1px #993300; /* tenký rámeèek */ |
285 |
margin: 2px; /* malé mezery okolo */ |
301 |
margin: 2px; /* malé mezery okolo */ |
286 |
_background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v litì */ |
302 |
_background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v litì */ |
287 |
_color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */ |
303 |
_color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */ |
288 |
} |
304 |
} |
289 |
|
305 |
|
290 |
div.InnerMenu a { /* odkazy v menu */ |
306 |
div.InnerMenu a { /* odkazy v menu */ |
291 |
text-decoration: none; /* odstranìní podtrení odkazù */ |
307 |
text-decoration: none; /* odstranìní podtrení odkazù */ |
292 |
color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ |
308 |
color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ |
293 |
_color: #000000; /* IE6 neumí dìdit */ |
309 |
_color: #000000; /* IE6 neumí dìdit */ |
294 |
} |
310 |
} |
295 |
|
311 |
|
296 |
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ |
312 |
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ |
297 |
color: #FF0000; /* zmìn barvu písma */ |
313 |
color: #FF0000; /* zmìn barvu písma */ |
298 |
} |
314 |
} |
299 |
|
315 |
|
300 |
/* Zobrazení v menu */ |
316 |
/* Zobrazení v menu */ |
301 |
/* ---------------- */ |
317 |
/* ---------------- */ |
302 |
div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */ |
318 |
div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */ |
303 |
_float: left; /* IE6 vechny prvky menu plavou vlevo */ |
319 |
_float: left; /* IE6 vechny prvky menu plavou vlevo */ |
304 |
_padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ |
320 |
_padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ |
305 |
_padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ |
321 |
_padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ |
306 |
} |
322 |
} |
307 |
|
323 |
|
308 |
|
324 |
|
309 |
/* Nastavení specifická pro Patièku */ |
325 |
/* Nastavení specifická pro Patièku */ |
310 |
/* -------------------------------- */ |
326 |
/* -------------------------------- */ |
311 |
div.InnerFooter{ /* patièka */ |
327 |
div.InnerFooter{ /* patièka */ |
312 |
position: fixed; /* fixní umístìní na stránce */ |
328 |
position: fixed; /* fixní umístìní na stránce */ |
313 |
_position: static; /* IE6 neumí position fixed */ |
329 |
_position: static; /* IE6 neumí position fixed */ |
314 |
bottom: -4px; /* umístìní na stránce = íøka èáry nahoøe a dole */ |
330 |
bottom: -4px; /* umístìní na stránce = íøka èáry nahoøe a dole */ |
315 |
border-top: solid 2px #993300; /* linka nad hlavièkou */ |
331 |
border-top: solid 2px #993300; /* linka nad hlavièkou */ |
316 |
border-bottom: solid 6px #993300; /* linka pod hlavièkou + záporné posunutí */ |
332 |
border-bottom: solid 6px #993300; /* linka pod hlavièkou + záporné posunutí */ |
317 |
_border-bottom: solid 2px #993300; /* IE6 tenká linka */ |
333 |
_border-bottom: solid 2px #993300; /* IE6 tenká linka */ |
318 |
font-size: 80%; /* písmo v patièce trochu zmenit */ |
334 |
font-size: 80%; /* písmo v patièce trochu zmenit */ |
319 |
height: 1.25em; |
335 |
height: 1.25em; |
320 |
overflow: hidden; /* co pøeèuhuje zahoï */ |
336 |
overflow: hidden; /* co pøeèuhuje zahoï */ |
321 |
/*padding-left: 1em; /* to nejde pouít protoe IE6 neumí poèítat */ |
337 |
/*padding-left: 1em; /* to nejde pouít protoe IE6 neumí poèítat */ |
322 |
} /* pøidal jsem pevnou mezeru do textu */ |
338 |
} /* pøidal jsem pevnou mezeru do textu */ |
323 |
|
339 |
|
324 |
|
340 |
|
325 |
/*============================================================================*/ |
341 |
/*============================================================================*/ |
326 |
/* Nastavení pro tìlo dokumentu */ |
342 |
/* Nastavení pro tìlo dokumentu */ |
327 |
/*============================================================================*/ |
343 |
/*============================================================================*/ |
328 |
|
344 |
|
329 |
|
345 |
|
330 |
/* Nastavení tìla dokumentu */ |
346 |
/* Nastavení tìla dokumentu */ |
331 |
/* ------------------------ */ |
347 |
/* ------------------------ */ |
332 |
div.Text, div.Section1 { /* tìlo stránky */ |
348 |
div.Text, div.Section1 { /* tìlo stránky */ |
333 |
border: solid #20FF20 1px; /* pro ladìní */ |
349 |
border: solid #20FF20 1px; /* pro ladìní */ |
334 |
padding: 2ex; /* oddìlení textu od okrajù */ |
350 |
padding: 2ex; /* oddìlení textu od okrajù */ |
335 |
margin-top: 3em; /* kdy funguje fixní pozicování vynech hlavièku */ |
351 |
margin-top: 3em; /* kdy funguje fixní pozicování vynech hlavièku */ |
336 |
_margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ |
352 |
_margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ |
337 |
margin-left: 7em; /* odsazení o velikost menu a kousek */ |
353 |
margin-left: 7em; /* odsazení o velikost menu a kousek */ |
338 |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
354 |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
339 |
margin-bottom: 1.25em; /* kdy funguje fixní pozicování vynech patièku */ |
355 |
margin-bottom: 1.25em; /* kdy funguje fixní pozicování vynech patièku */ |
340 |
/* èíslo 1/font-size v patièce */ |
356 |
/* èíslo 1/font-size v patièce */ |
341 |
_margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ |
357 |
_margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ |
342 |
} |
358 |
} |
343 |
|
359 |
|
344 |
|
360 |
|
345 |
/* centrování vyznaèených elementù */ |
361 |
/* centrování vyznaèených elementù */ |
346 |
.center { |
362 |
.center { |
347 |
text-align: center; |
363 |
text-align: center; |
348 |
} |
364 |
} |
349 |
|
365 |
|
350 |
/* obarvení textù psaných kurzivou */ |
366 |
/* obarvení textù psaných kurzivou */ |
351 |
p i, div i, span i { |
367 |
p i, div i, span i { |
352 |
color: #990000; |
368 |
color: #990000; |
353 |
} |
369 |
} |
354 |
|
370 |
|
355 |
|
371 |
|
356 |
/* Tabulky */ |
372 |
/* Tabulky */ |
357 |
/* ------- */ |
373 |
/* ------- */ |
358 |
table { |
374 |
table { |
359 |
border-collapse: separate; /* pøíèky v tabulce */ |
375 |
border-collapse: separate; /* pøíèky v tabulce */ |
360 |
border: 3px solid #CCCCCC; /* vnìjí okraj tabulky */ |
376 |
border: 3px solid #CCCCCC; /* vnìjí okraj tabulky */ |
361 |
margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */ |
377 |
margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */ |
362 |
margin-bottom: 0.5em; /* odstup dole */ |
378 |
margin-bottom: 0.5em; /* odstup dole */ |
363 |
background-color: #EEFFEE; /* pozadí tabulky */ |
379 |
background-color: #EEFFEE; /* pozadí tabulky */ |
364 |
} |
380 |
} |
365 |
|
381 |
|
366 |
/* pøíèky mezi buòkami */ |
382 |
/* pøíèky mezi buòkami */ |
367 |
th, td { |
383 |
th, td { |
368 |
border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */ |
384 |
border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */ |
369 |
text-align: left; /* pøebití centrování th prvku */ |
385 |
text-align: left; /* pøebití centrování th prvku */ |
370 |
padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ |
386 |
padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ |
371 |
} |
387 |
} |
372 |
|
388 |
|
373 |
th { |
389 |
th { |
374 |
color: #FF2020; /* odliení hlavièkových øádek */ |
390 |
color: #FF2020; /* odliení hlavièkových øádek */ |
375 |
} |
391 |
} |
376 |
|
392 |
|
377 |
table p, table div, table li, table ol, table ul { |
393 |
table p, table div, table li, table ol, table ul { |
378 |
margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */ |
394 |
margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */ |
379 |
margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */ |
395 |
margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */ |
380 |
} |
396 |
} |
381 |
|
397 |
|
382 |
/* Tabulka Soupiska */ |
398 |
/* Tabulka Soupiska */ |
383 |
/* ---------------- */ |
399 |
/* ---------------- */ |
384 |
/* Tabulka s rozpiskou souèástek */ |
400 |
/* Tabulka s rozpiskou souèástek */ |
385 |
/* Formát tabulky vychází z obecné tabulky */ |
401 |
/* Formát tabulky vychází z obecné tabulky */ |
386 |
/* první <th> je legenda */ |
402 |
/* první <th> je legenda */ |
387 |
/* dalí <th> jsou skupinou souèástek */ |
403 |
/* dalí <th> jsou skupinou souèástek */ |
388 |
/* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */ |
404 |
/* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */ |
389 |
table.Soupiska td { |
405 |
table.Soupiska td { |
390 |
padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ |
406 |
padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */ |
391 |
} |
407 |
} |
392 |
|
408 |
|
393 |
table.Soupiska tr td:first-child { |
409 |
table.Soupiska tr td:first-child { |
394 |
padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ |
410 |
padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */ |
395 |
} |
411 |
} |
396 |
|
412 |
|
397 |
table.Soupiska tr > th { /* funkci potomek IE6 nezná */ |
413 |
table.Soupiska tr > th { /* funkci potomek IE6 nezná */ |
398 |
font-style: italic; /* a tak se to v IE ignoruje */ |
414 |
font-style: italic; /* a tak se to v IE ignoruje */ |
399 |
font-weight: normal; /* jinak ve th je hubené písmo kurzivou */ |
415 |
font-weight: normal; /* jinak ve th je hubené písmo kurzivou */ |
400 |
} |
416 |
} |
401 |
|
417 |
|
402 |
table.Soupiska tr:first-child > th { |
418 |
table.Soupiska tr:first-child > th { |
403 |
font-style: normal; /* ve kromì prvního th (opìt v IE6 nefunguje) */ |
419 |
font-style: normal; /* ve kromì prvního th (opìt v IE6 nefunguje) */ |
404 |
font-weight: bold; |
420 |
font-weight: bold; |
405 |
} |
421 |
} |
406 |
|
422 |
|
407 |
|
423 |
|
408 |
|
424 |
|
409 |
|
425 |
|
410 |
/*============================================================================*/ |
426 |
/*============================================================================*/ |
411 |
/* Formáty pro stránku o autorech */ |
427 |
/* Formáty pro stránku o autorech */ |
412 |
/*============================================================================*/ |
428 |
/*============================================================================*/ |
413 |
|
429 |
|
414 |
|
430 |
|
415 |
/* List pro jednoho autora */ |
431 |
/* List pro jednoho autora */ |
416 |
/* ----------------------- */ |
432 |
/* ----------------------- */ |
417 |
div.AboutAuthor { |
433 |
div.AboutAuthor { |
418 |
border: solid 1px red; /* rámeèek okolo èlovìka */ |
434 |
border: solid 1px red; /* rámeèek okolo èlovìka */ |
419 |
padding: 2em; /* mezera uvnitø rámeèku */ |
435 |
padding: 2em; /* mezera uvnitø rámeèku */ |
420 |
margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */ |
436 |
margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */ |
421 |
} |
437 |
} |
422 |
|
438 |
|
423 |
/* Poloka jména autora */ |
439 |
/* Poloka jména autora */ |
424 |
/* -------------------- */ |
440 |
/* -------------------- */ |
425 |
div.AboutAuthor .Name { /* jméno autora */ |
441 |
div.AboutAuthor .Name { /* jméno autora */ |
426 |
font-style: italic; /* kurzíva */ |
442 |
font-style: italic; /* kurzíva */ |
427 |
color: red; /* barva jména */ |
443 |
color: red; /* barva jména */ |
428 |
} |
444 |
} |
429 |
|
445 |
|
430 |
/* Vloený obrázek autora */ |
446 |
/* Vloený obrázek autora */ |
431 |
/* ---------------------- */ |
447 |
/* ---------------------- */ |
432 |
div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ |
448 |
div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */ |
433 |
float:right; /* plovoucí vpravo */ |
449 |
float:right; /* plovoucí vpravo */ |
434 |
padding-left: 20px; /* mezera mezi textem a obrázkem */ |
450 |
padding-left: 20px; /* mezera mezi textem a obrázkem */ |
435 |
} |
451 |
} |
436 |
|
452 |
|
437 |
/* Seznam èinností autora */ |
453 |
/* Seznam èinností autora */ |
438 |
/* ---------------------- */ |
454 |
/* ---------------------- */ |
439 |
div.AboutAuthor ul { |
455 |
div.AboutAuthor ul { |
440 |
font-style: italic; /* písmo seznamu èinností */ |
456 |
font-style: italic; /* písmo seznamu èinností */ |
441 |
list-style: none; /* seznam je bez odráek */ |
457 |
list-style: none; /* seznam je bez odráek */ |
442 |
} |
458 |
} |