41,7 → 41,7 |
/* ------------------------------------- */ |
html, body { |
background: none #FFFFFF; /* barva pozadí bez obrázku */ |
color: #000000; /* barva písma */ |
color: black; /*#000000; /* barva písma */ |
margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */ |
padding: 0px; /* sjednotíme výplň */ |
} |
58,7 → 58,7 |
/* Standardní písmo odstavců */ |
/* ------------------------- */ |
p { /* standardní písmo odstavce */ |
font-family: "Times New Roman"; /* řez písma */ |
font-family: PT Sans; /* ř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 zajištěna paddingem */ |
71,17 → 71,17 |
/* -------------------------------- */ |
p.Titul, li.Titul, div.Titul, |
p.Title, li.Title, div.Title { /* titulek článku, obdoba H1 */ |
font-family: Arial; /* nadpisové písmo */ |
font-family: PT Sans; /* nadpisové písmo */ |
font-weight: bolder; /* tlistší písmo */ |
text-align: center; /* centrované */ |
font-size: 200%; /* velké písmo */ |
color: #CC0000; /* hlavní nadpisová barva */ |
color: black;/*#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 */ |
font-family: PT Sans; /* nadpisovým písmem */ |
text-align: center; /* centrované */ |
color: blue; /* vedlejší nadpisová barva */ |
margin-top: 0.25em; /* mezera před odstavcem */ |
89,11 → 89,11 |
|
p.MsoSubtitle, li.MsoSubtitle, div.MsoSubtitle, |
p.Subtitle, li.Subtitle, div.Subtitle { |
font-family: Arial; /* nadpisové písmo */ |
font-family: PT Sans; /* nadpisové písmo */ |
font-style: italic; /* skloněné */ |
text-align: center; /* centrované */ |
font-size: 120%; /* trošku větší písmo */ |
color: #0000FF; /* vedlejší nadpisová barva */ |
/* 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 */ |
107,7 → 107,7 |
page-break-inside: avoid; /* nedělit stránky v nadpisech */ |
page-break-after: avoid; /* zákaz zalomení pod nadpisem */ |
page-break-before: auto; /* možno lámat před nadpisem */ |
font-family: Arial; /* nadpisový font */ |
font-family: PT Sans; /* nadpisový font */ |
font-weight: bolder; /* tlistší písmo */ |
margin-top: 0.75em; /* mezera před trochu větší */ |
margin-bottom: 0.5em; /* mezera za */ |
115,7 → 115,7 |
|
h1 { /* viz styl titulku */ |
font-size: 200%; /* veliké písmo */ |
color: #CC0000; /* hlavní nadpisová barva */ |
color: black; /*#CC0000; /* hlavní nadpisová barva */ |
} |
|
h1.Small { /* zmenšený nadpis */ |
128,7 → 128,7 |
|
h2 { |
font-size: 150%; /* velké písmo */ |
color: blue; /* vedlejší barva nadpisu */ |
/* color: blue; /* vedlejší barva nadpisu */ |
} |
|
h2.Small { /* zmenšený nadpis */ |
137,7 → 137,7 |
|
h3 { |
font-size: 120%; /* větší písmo */ |
color: #6666dd; /* vedlejší barva nadpisu */ |
/* color: #6666dd; /* vedlejší barva nadpisu */ |
} |
|
h3.Small { /* zmenšený nadpis */ |
146,7 → 146,7 |
|
h4, h5, h6 { /* písma jen mírně odlišná */ |
font-style: italic; /* skloněné */ |
color: #6666dd; /* vedlejší barva nadpisu */ |
/* color: #6666dd; /* vedlejší barva nadpisu */ |
} |
|
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */ |
160,7 → 160,7 |
} |
|
samp { /* ukázky výpisů a podobně */ |
font-family: "Courier New"; /* neproporcionální písmo */ |
font-family: PT Sans; /* neproporcionální písmo */ |
background: lightgrey; /* zvýraznění barvou pozadí */ |
} |
|
173,10 → 173,9 |
} |
|
code { |
font-family: "Courier New"; /* neproporcionální písmo */ |
font-family: PT Sans; /* neproporcionální písmo */ |
background: lightgrey; /* zvýraznění barvou pozadí */ |
display: table; /* je to blok široký dle obsahu */ |
_display: block; /* IE6 blok ale široký přes celou stránku */ |
white-space: pre; /* dodrž formátování */ |
margin-left: 2em; /* odsazení bloku*/ |
padding: 0.5ex; /* vnitřní okraj */ |
189,7 → 188,7 |
|
/* První slovo má první písmeno zvýrazněné */ |
.FirstWord:first-letter { |
color: red; /* zvýraznné první písmeno */ |
color: black; /* zvýraznné první písmeno */ |
} |
|
/* Zvýrazněné řádky s odkazy */ |
196,7 → 195,6 |
.FirstWord a { |
text-decoration: none; /* odkaz není podtržený */ |
color: inherit; /* odkaz nemá zvláštní barvu */ |
_color: #993300; /* IE6 nám nějak nedědí barvu */ |
} |
|
|
213,8 → 211,8 |
width: 100%; /* přes celou stránku */ |
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 */ |
background-color: #E5E4E2; /*#FFFFCC; /* pozor na průhlednost při rolování */ |
color: black; /* barva písma */ |
} |
|
|
225,8 → 223,7 |
/*border: solid 1px red; /* pro ladění */ |
position: fixed; /* fixní umístění na stránce */ |
z-index: 100; /* hodně navrch */ |
_position: static; /* IE6 neumí position fixed */ |
border-bottom: solid 2px #993300; /* linka pod hlavickou */ |
border-bottom: solid 5px black;/*#993300; /* linka pod hlavickou */ |
top: -2px; /* umistění na stránce o tloušťku linky */ |
white-space: nowrap; /* je zakázáno zalomit hlavičku */ |
overflow: hidden; /* co přečuhuje zahoď */ |
259,14 → 256,15 |
|
div.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavičce*/ |
/*background: #CCFFCC; /* pro ladění */ |
padding-left: 0.2em; /* mezera vlevo */ |
padding-left: 0.1em; /* mezera vlevo */ |
font-weight: bold; /* tlusté písmo odkazu */ |
} |
|
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 */ |
height: 0.8em; /* gumová výška podle velikosti textu */ |
/* width: 4em; /* gumová šířka podle velikosti textu */ |
border: 0px; /* obrázek je bez okraje */ |
/* ve skutečnosti vadí asi horní okraj obrázku (text se posune kousek dolu) */ |
/* nebo nějaký problém se svislým zarovnáním */ |
273,7 → 271,7 |
margin: 0px; |
padding: 0px; |
position: absolute; |
top: 0.15em; |
top: 0.13em; |
} |
|
div.InnerHeader .HeaderText { /* nadpis stránky (title) v hlavičce */ |
291,7 → 289,7 |
|
div.InnerHeader a { /* odkaz v hlavičce */ |
text-decoration: none; /* odkaz není podtržený */ |
color: #993300; /* IE6 a IE7 nedědí barvu textu */ |
color: black; /*#993300; /* IE6 a IE7 nedědí barvu textu */ |
} |
|
div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */ |
304,21 → 302,12 |
div.InnerMenu, /* kontejner pro menu */ |
div.Menu noscript { /* náhradní text když není JavaScript */ |
position: fixed; /* fixní umístění na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
width: 16ex; /* šíř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 */ |
_border-bottom: solid 4px #993300; /* oddělující linka dole (tlustá jako ty 2 nahoře) */ |
_background: #993300; /* IE6 pozadí stejné jako linky */ |
_color: #FFFFCC; /* IE6 barva textu menu uvnitř pruhu */ |
border-right: solid 5px black;/*#993300; /* oddělující linka vpravo */ |
text-align: center; /* centrovaný obsah */ |
_text-align: left; /* IE6 zarovnáváme vlevo */ |
font-weight: bold; /* tlusté písmo odkazu */ |
} |
|
325,9 → 314,6 |
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 */ |
349,24 → 335,19 |
div.InnerMenu li { /* jednotlivé odkazy */ |
/*background: #BBBBBB; /* ladící pozadí */ |
padding: 0; /* definovaná hodnota */ |
border: solid 1px #993300; /* tenký rámeček */ |
border: solid 1px white;/*#993300; /* tenký rámeček */ |
margin: 2px; /* malé mezery okolo */ |
background: #993300; /* tmavé pozadí "tlačítek" v liště */ |
color: #FFFFCC; /* světlá písmena na "tlačítkách" */ |
_background: #FFFFCC; /* IE6 světlé pozadí "tlačítek" v liště */ |
_color: #993300; /* IE6 tmavá písmena na "tlačítkách" */ |
background: black;/*#993300; /* tmavé pozadí "tlačítek" v liště */ |
color: silver;/*#FFFFCC; /* světlá písmena v caption u kurzoru na "tlačítkách" */ |
} |
|
div.InnerMenu a { /* odkazy v menu */ |
text-decoration: none; /* odstranění podtržení odkazů */ |
color: #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */ |
_color: #000000; /* IE6 černá jako kontrastní barva */ |
color: white;/* #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */ |
} |
|
div.InnerMenu a.Selected { /* vybraná položka v menu */ |
color: #00FF00; /* změn barvu písma */ |
_color: #000000; /* IE6 neměnit písmo */ |
_background: #00FF00; /* IE6 ale změnit pozadí */ |
} |
|
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */ |
391,18 → 372,20 |
div.InnerFooter, /* patička */ |
div.Footer noscript { /* náhradní text když není JavaScript */ |
position: fixed; /* fixní umístění na stránce */ |
_position: static; /* IE6 neumí position fixed */ |
bottom: -4px; /* umístění na stránce = šířka čáry nahoře a dole */ |
border-top: solid 2px #993300; /* linka nad hlavičkou */ |
border-bottom: solid 6px #993300; /* linka pod hlavičkou + záporné posunutí */ |
_border-bottom: solid 2px #993300; /* IE6 tenká linka */ |
border-top: solid 5px black; /*#993300; /* linka nad hlavičkou */ |
border-bottom: solid 6px black; /*#993300; /* linka pod hlavičkou + záporné posunutí */ |
font-size: 80%; /* písmo v patičce trochu zmenšit */ |
height: 1.25em; /* výška patičky */ |
overflow: hidden; /* co přečuhuje zahoď */ |
/*padding-left: 1em; /* to nejde použít protože IE6 neumí počítat */ |
} /* přidal jsem pevnou mezeru do textu */ |
|
div.InnerFooter a { /* odkazy v menu */ |
text-decoration: none; /* odstranění podtržení odkazů */ |
color: black;/* #FFFFCC; /* IE6 a IE7 nedědí, barva textu jako by to nebyl odkaz */ |
} |
|
|
/* Zobrazení hlavičky, patičky a menu když není JavaScript */ |
/* ------------------------------------------------------- */ |
|