4,11 → 4,12 |
Pro tisk je vhodné vypnout menu. |
|
Dodìlat: |
Velikosti písma (vude kromì hlavièky relativní) - to je jetì pozùstatek M$ |
Barvy |
Vyhodit zbyteènosti |
Alternativní fonty (font-family) |
Alternativní styly (pro stránkovaná média) |
Nadpis tabulky |
*/ |
|
|
/*============================================================================*/ |
/* Globální nastavení */ |
/*============================================================================*/ |
20,9 → 21,99 |
background: none #FFFFFF; /* barva pozadí bez obrázku */ |
color: #000000; /* barva písma */ |
margin: 0px; /* sjednotíme okraje pro vechny prohlíeèe */ |
_width: 97%; /* IE6 jinak zobrazuje rolovátko dole */ |
padding: 0px; |
} |
|
body { |
/* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */ |
} |
|
/*============================================================================*/ |
/* Nastavení písma textu a nadpisù */ |
/*============================================================================*/ |
|
|
/* Standardní písmo odstavcù */ |
/* ------------------------- */ |
p { /* standardní písmo odstavce */ |
font-family: "Times New Roman"; /* øez písma */ |
line-height: 1.3em; /* mezera mezi øádky uvnitø odstavce */ |
margin-left: 0px; /* standarnì text od okraje */ |
margin-right: 0px; /* k okraji, mezera zajitìna paddingem */ |
margin-top: 0.75em; /* mezera pøed odstavcem */ |
margin-bottom: 0.9em; /* mezera za odstavcem */ |
} |
|
|
/* Titulek, podtitul a autor èlánku */ |
/* -------------------------------- */ |
p.Titul, li.Titul, div.Titul, |
p.Title, li.Title, div.Title { /* titulek èlánku, obdoba H1 */ |
font-family: Arial; /* nadpisové písmo */ |
font-weight: bolder; /* tlistí písmo */ |
text-align: center; /* centrované */ |
font-size: 200%; /* velké písmo */ |
color: #CC0000; /* hlavní nadpisová barva */ |
margin-top: 0.5em; /* mezera pøed odstavcem */ |
margin-bottom: 0.5em; /* mezera za odstavcem */ |
} |
|
p.Autor, li.Autor, div.Autor { /* standardní písmo */ |
font-family: Arial; /* nadpisovým písmem */ |
text-align: center; /* centrované */ |
color: blue; /* vedlejí nadpisová barva */ |
margin-top: 0.25em; /* mezera pøed odstavcem */ |
} |
|
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, |
p.Subtitle, li.Subtitle, div.Subtitle { |
font-family: Arial; /* nadpisové písmo */ |
font-style: italic; /* sklonìné */ |
text-align: center; /* centrované */ |
font-size: 120%; /* troku vìtí písmo */ |
color: #0000FF; /* vedlejí nadpisová barva */ |
margin-top: 1em; /* mezera pøed */ |
margin-bottom: 2em; /* mezera za vypadá lépe kdy je vìtí */ |
margin-left: 10%; /* není od okraje do okraje */ |
margin-right: 10%; /* ani na jedné stranì */ |
} |
|
|
/* spoleèné vlastnosti nadpisù a nadpisy */ |
/* ------------------------------------- */ |
h1, h2, h3, h4, h5, h6 { |
page-break-inside: avoid; /* nedìlit stránky v nadpisech */ |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
font-family: Arial; /* nadpisový font */ |
font-weight: bolder; /* tlistí písmo */ |
margin-top: 1em; /* mezera pøed trochu vìtí */ |
margin-bottom: 0.75em; /* mezera za */ |
} |
|
h1 { /* viz styl titulku */ |
font-size: 200%; /* veliké písmo */ |
color: #CC0000; /* hlavní nadpisová barva */ |
} |
|
h2 { |
font-size: 150%; /* velké písmo */ |
color: blue; /* vedlejí barva nadpisu */ |
} |
|
h3 { |
font-size: 120%; /* vìtí písmo */ |
color: blue; /* vedlejí barva nadpisu */ |
} |
|
h4, h5, h6 { /* písma jen mírnì odliná */ |
font-style: italic; /* sklonìné */ |
color: blue; /* vedlejí barva nadpisu */ |
} |
|
samp { /* ukázky výpisù a podobnì */ |
font-family: "Courier New"; /* neproporcionální písmo */ |
} |
|
/* První slovo má první písmeno zvýraznìné */ |
.FirstWord:first-letter { |
color: red; |
34,119 → 125,152 |
/*============================================================================*/ |
|
|
/* Spoleèné nastavení pro Hlavièku Menu a Patièku */ |
/* Spoleèná nastavení pro Hlavièku Menu a Patièku */ |
/* ---------------------------------------------- */ |
div.Header, div.Menu, div.Footer { |
div.InnerHeader, div.InnerMenu, div.InnerFooter { |
/*border: dotted #FF8080 1px; /* pro ladìní */ |
position: fixed; /* fixní umístìní na stránce */ |
width: 100%; /* pøes celou stránku */ |
margin: 0px; /* pro jistotu ádný vnìjí okraj */ |
padding: 5px; /* vnitøní výplò */ |
background-color: #FFFFFF; /* pozor na prùhlednost pøi rolování */ |
left: 0px; /* pro jistotu */ |
_position: relative; /* IE6 neumí position fixed */ |
_top: 0px; /* IE6 umístìní hned pod hlavièku */ |
_left: 0px; |
_width: 100%; /* IE6 íøka pøes celou stránku */ |
/* _border: solid 2px #FF00FF; |
/* _padding: 0px; /**/ |
margin: 0em; /* pro jistotu ádný vnìjí okraj */ |
border: 0em; /* pro jistotu */ |
background-color: #FFFFCC; /* pozor na prùhlednost pøi rolování */ |
color: #993300; /* barva písma */ |
} |
|
|
/* Nastavení specifická pro Hlavièku */ |
/* --------------------------------- */ |
div.Header { |
div.InnerHeader { /* kontejner na hlavièku */ |
/*border: solid 1px red; /* pro ladìní */ |
top: 0px; /* umisteni na strance */ |
border-bottom: solid 2px #808000; /* linka pod hlavickou */ |
position: fixed; /* fixní umístìní na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
border-bottom: solid 2px #993300; /* linka pod hlavickou */ |
top: -2px; /* umistìní na stránce o tlouku linky */ |
white-space: nowrap; /* je zakázáno zalomit hlavièku */ |
overflow: hidden; /* co pøeèuhuje zahoï */ |
height: 57px; /* nezbytné protoe proklad øádek závisí na zvìtení */ |
font-size: 3em; /* velikost písma vzhedem k rodièi */ |
padding: 0em; /* vnitøní výplò (vzhledem k mému písmu) */ |
line-height: 100%; /* vzdálenost øádek od sebe */ |
} |
|
div.Header img { |
float: left; /* chová se slunì i pøi zvìtování pohledu */ |
div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/ |
/*background: #CCFFCC; /* pro ladìní */ |
padding-left: 0.2em; /* mezera vlevo */ |
} |
|
/* Nastavení nadpisu v hlavièce */ |
/* ---------------------------- */ |
div.Header .HeaderText { |
/*border: solid 1px red; /* pro ladìní */ |
display: block; /* text je blok */ |
margin-left: 290px; /* odsazení o velikost obrázku a kousek */ |
margin-right: 10px; /* odsazení vpravo */ |
_margin-right: 0px; /* IE6 odsazení vpravo */ |
margin-top: 14px; /* cca výka obrázku(57)/2 - font(40)/2 */ |
padding: 0px; /* ádná výpò */ |
/*vertical-align: 30%; /* umístìní do nadøazeného bloku */ |
font-size: 40px; /* velikost textu úmìrná výce hlavièky */ |
color: green; /* barva textu */ |
text-align: right; /* centrovat nápis */ |
div.InnerHeader img { /* textu "online" v hlavièce */ |
/*border: solid 1px red; /* pro ladìní neprùhledného obrázku */ |
/*background: #FFCCCC; /* pro ladìní prùhledného obrázku */ |
height: 0.7em; /* gumová výka podle velikosti textu */ |
width: 2em; /* gumová íøka podle velikosti textu */ |
} |
|
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavièce */ |
/*border: solid 1px yellow; /* pro ladìní */ |
background: #FFFFCC; /* IE6 aby text zvítìzil pøi konfliktu s logem */ |
/*background: #CCFFCC; /* pro ladìní */ |
position: absolute; /* absolutní umístìní */ |
text-align: center; /* centrovaný obsah IE6 ignoruje */ |
left: 5.3em; /* posunutí o logo */ |
_left: auto; /* IE6 natahuje se místo vlevo od textu */ |
right: 0px; /* pravý okraj a na konci */ |
top: 2px; /* posunutí o èáru jako u ostatních èástí hlavièky */ |
_padding-right: 0.2em; /* IE6 mezera vpravo */ |
} |
|
div.InnerHeader a { /* odkaz v hlavièce */ |
text-decoration: none; /* odkaz není podtrený */ |
color: inherit; /* odkaz nemá zvlátní barvu */ |
_color: #993300; /* IE6 nám nìjak nedìdí barvu */ |
} |
|
div.InnerHeader a:hover { /* pøi najetí kurzoru na odkaz v hlavièce */ |
color: #FF0000; /* zmìò barvu odkazu */ |
} |
|
|
/* Nastavení specifická pro Menu */ |
/* ----------------------------- */ |
div.Menu { /* menu */ |
width: 15ex; /* íøka menu */ |
top: 69px; /* umístìní = logo(57) + 2*okraj(5) + linka (2) */ |
bottom: 0px; /* umístìní dole a dolu */ |
border-right: solid 2px #808000; /* oddìlující linka */ |
_position: relative; /* IE6 neumí position fixed */ |
div.InnerMenu { /* kontejner pro menu */ |
position: fixed; /* fixní umístìní na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
width: 7em; /* íøka bloku s menu */ |
_width: 100%; /* IE6 íøka pøes celou stránku */ |
top: 3em; /* výka hlavièky = výka písma + 2*padding */ |
_top: 0px; /* IE6 umístìní hned pod hlavièku */ |
left: -2px; /* kompenzace íøky èáry */ |
_left: 0px; /* IE6 tady èáru nemáme */ |
bottom: 0px; /* umístìní dole a dolu */ |
border-right: solid 2px #993300; /* oddìlující linka vpravo */ |
_border-right: none; /* IE6 bez èáry vpravo */ |
_background: #808000; /* IE6 pozadí stejné jako linky */ |
_color: #FFFF00; /* IE6 barva menu uvnitø pruhu */ |
_border-bottom: solid 4px #993300; /* oddìlující linka dole (tlustá jako ty 2 nahoøe) */ |
_background: #993300; /* IE6 pozadí stejné jako linky */ |
_color: #FFFFFF; /* IE6 barva textu menu uvnitø pruhu */ |
text-align: center; /* centrovaný obsah IE6 ignoruje */ |
font-weight: bold; /* tlusté písmo odkazu */ |
} |
|
div.InnerMenu .Navigation { /* vnitøní kontejner na navigaèní tlaèítka */ |
/*_background: #333333; /* ladící pozadí */ |
margin-left: 2px; /* kompenzace kompenzace èáry */ |
_margin-left: 0.5em; /* IE6 tady potøebuji jen okraj */ |
_border: 0px; /* IE6 ádný okraj */ |
_padding: 0px; /* IE6 ádná výplò */ |
} |
|
div.InnerMenu .MenuText { /* popisky v navigaci */ |
/*background: #DDDDDD; /* ladící pozadí */ |
border: none; /* ádný okraj */ |
margin: 3px; /* malé mezery okolo */ |
} |
|
/* Zobrazení seznamu odkazù v menu */ |
/* ------------------------------- */ |
div.Menu ul { |
div.InnerMenu ul { /* navigace jako seznam odkazù */ |
list-style: none; /* seznam je bez odráek */ |
margin-left: 0px; /* bez odsazení IE */ |
padding: 0px; /* bez odsazení FF */ |
white-space: nowrap; /* zákaz lámání poloek do øádek */ |
margin: 0px; /* bez odsazení IE */ |
padding: 0em; /* bez odsazení FF */ |
white-space: nowrap; /* zákaz lámání poloek menu do øádek */ |
} |
|
div.Menu a { |
div.InnerMenu li { /* jednotlivé odkazy */ |
/*background: #BBBBBB; /* ladící pozadí */ |
border: solid 1px #993300; /* tenký rámeèek */ |
margin: 2px; /* malé mezery okolo */ |
_background: #FFFFCC; /* IE6 svìtlé pozadí "tlaèítek" v litì */ |
_color: #000000; /* IE6 tmavá písmena na "tlaèítkách" */ |
} |
|
div.InnerMenu a { /* odkazy v menu */ |
text-decoration: none; /* odstranìní podtrení odkazù */ |
font-weight: bold; /* tlusté písmo odkazu */ |
color: #808000; /* barva písma odkazu */ |
_color: red; /* barva písma odkazu */ |
color: inherit; /* barva písma odkazu jako by to nebyl odkaz */ |
_color: #000000; /* IE6 neumí dìdit */ |
} |
|
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ |
color: #FF0000; /* zmìn barvu písma */ |
} |
|
/* Zobrazení v menu */ |
/* ---------------- */ |
div.Menu * { |
div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */ |
_float: left; /* IE6 vechny prvky menu plavou vlevo */ |
_padding-left: 1ex; /* IE6 mezera mezi prvky */ |
_padding-left: 2px; /* IE6 mezera mezi prvky vlevo */ |
_padding-right: 2px; /* IE6 mezera mezi prvky vpravo */ |
} |
|
div.Menu .MenuText { |
color: #FF8000; /* barva textu v menu */ |
_color: #FFFF00; /* IE6 barva menu uvnitø pruhu */ |
font-size: 120%; /* text v menu trochu vìtím písmem */ |
_font-size: 100%; /* IE6 text v pruhu normálním písmem */ |
padding-top: 2ex; /* text v menu oddìlit */ |
_padding-top: 0px; /* IE6 textu nepøidávat okraj */ |
} |
|
/* Nastavení specifická pro Patièku */ |
/* -------------------------------- */ |
div.Footer{ /* patièka */ |
div.InnerFooter{ /* patièka */ |
position: fixed; /* fixní umístìní na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
bottom: 0px; /* umístìní na stránce */ |
border-top: solid 2px #808000; /* linka pod hlavièkou */ |
font-size: 90%; /* písmo v patièce trochu zmenit */ |
} |
border-top: solid 2px #993300; /* linka nad hlavièkou */ |
border-bottom: solid 2px #993300; /* linka pod hlavièkou */ |
font-size: 85%; /* písmo v patièce trochu zmenit */ |
/*padding-left: 1em; /* to nejde pouít protoe IE6 neumí poèítat */ |
} /* pøidal jsem pevnou mezeru do textu */ |
|
/* Oetøení vnoøených divù v IE6 */ |
/* ----------------------------- */ |
div.Header div.Header, |
div.Menu div.Menu, |
div.Footer div.Footer { |
_border: none; /* IE6 div uvnitø div bez okrajù */ |
_padding: 0px; /* IE6 výplò nulová */ |
_margin: 0px; /* IE6 okraj nulový */ |
} |
|
/*============================================================================*/ |
/* Nastavení pro tìlo dokumentu */ |
155,19 → 279,18 |
|
/* Nastavení tìla dokumentu */ |
/* ------------------------ */ |
div.Text, div.Section1 { |
div.Text, div.Section1 { /* tìlo stránky */ |
/*border: dotted #80FF80 1px; /* pro ladìní */ |
margin-top: 74px; /* kdy funguje fixní pozicování vynech hlavièku */ |
padding: 2ex; /* oddìlení textu od okrajù */ |
margin-top: 3em; /* kdy funguje fixní pozicování vynech hlavièku */ |
_margin-top: 0px; /* IE6 umístìní rovnou pod hlavièku */ |
margin-bottom: 75px; /* kdy funguje fixní pozicování vynech patièku */ |
margin-left: 7em; /* odsazení o velikost menu a kousek */ |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
margin-bottom: 2em; /* kdy funguje fixní pozicování vynech patièku */ |
_margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */ |
margin-left: 17ex; /* odsazení o velikost menu a kousek */ |
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */ |
padding: 2ex; /* oddìlení textu od okrajù */ |
} |
|
|
|
/* centrování vyznaèených elementù */ |
.center { |
text-align: center; |
175,13 → 298,10 |
|
/* obarvení textù psaných kurzivou */ |
p i, div i, span i { |
color: #800000; |
color: #990000; |
} |
|
td.em { |
|
} |
|
/* Tabulky */ |
/* ------- */ |
table { |
236,199 → 356,6 |
|
|
|
p.MsoNormal, li.MsoNormal, div.MsoNormal { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 0cm; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.Autor, li.Autor, div.Autor { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 0cm; |
text-align: center; |
font-size: 12.0pt; |
font-family: Arial; |
color: Blue; |
} |
|
p.Titul, li.Titul, div.Titul, |
p.Title, li.Title, div.Title { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 0cm; |
text-align: center; |
font-size: 20.0pt; |
font-family: Arial; |
color: Blue; |
} |
|
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, |
p.Subtitle, li.Subtitle, div.Subtitle { |
margin-top: 25.0pt; |
margin-left: 10%; /* 1.0cm; */ |
margin-right: 10%; /* 1.0cm; */ |
margin-bottom: 30.0pt; |
font-size: 14.0pt; |
font-family: Arial; |
font-style: italic; |
color: Blue; |
} |
|
/* spoleèné vlastnosti nadpisù */ |
h1, h2, h3, h4, h5, h6 { |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
margin-left: 0cm; |
margin-right: 0cm; |
font-family: Arial; |
} |
|
h1 { |
color: blue; /* barva nadpisu */ |
margin-top: 20.0pt; |
margin-bottom: 6.0pt; |
text-indent: 0cm; |
font-size: 20.0pt; |
} |
|
h2 { |
color: red; /* barva nadpisu */ |
margin-top: 16.0pt; |
margin-bottom: 6.0pt; |
text-indent: 0cm; |
font-size: 16.0pt; |
} |
|
h3 { |
margin-top: 12.0pt; |
margin-bottom: 6.0pt; |
text-indent: 0cm; |
font-size: 13.0pt; |
} |
|
h4 { |
margin-top: 12.0pt; |
margin-bottom: 6.0pt; |
font-size: 14.0pt; |
font-family: "Times New Roman"; |
} |
|
h5 { |
margin-top: 12.0pt; |
margin-bottom: 6.0pt; |
font-size: 13.0pt; |
font-family: "Times New Roman"; |
font-style: italic; |
} |
|
h6 { |
margin-top: 12.0pt; |
margin-bottom: 6.0pt; |
font-size: 11.0pt; |
font-family: "Times New Roman"; |
} |
|
|
p.MsoToc1, li.MsoToc1, div.MsoToc1 { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 0cm; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.MsoToc2, li.MsoToc2, div.MsoToc2 { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 12.0pt; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.MsoToc3, li.MsoToc3, div.MsoToc3 { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 24.0pt; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.MsoToc4, li.MsoToc4, div.MsoToc4 { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 36.0pt; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.MsoToc5, li.MsoToc5, div.MsoToc5 { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 48.0pt; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.MsoToc6, li.MsoToc6, div.MsoToc6 { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 60.0pt; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.MsoHeader, li.MsoHeader, div.MsoHeader { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 0cm; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
p.MsoFooter, li.MsoFooter, div.MsoFooter { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 6.0pt; |
margin-left: 0cm; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
samp { |
font-family: "Courier New"; |
} |
|
p.Odstavecsobrzkem, li.Odstavecsobrzkem, div.Odstavecsobrzkem { |
margin-top: 6.0pt; |
margin-right: 0cm; |
margin-bottom: 20.0pt; |
margin-left: 0cm; |
text-align: center; |
font-size: 12.0pt; |
font-family: "Times New Roman"; |
} |
|
p.Vpisprogramu, li.Vpisprogramu, div.Vpisprogramu { |
margin-top: 3.0pt; |
margin-right: 0cm; |
margin-bottom: 3.0pt; |
margin-left: 0cm; |
font-size: 12.0pt; |
font-family: "Courier New"; |
} |
|
|
/*============================================================================*/ |
/* Formáty pro stránku o autorech */ |
/*============================================================================*/ |