/*============================================================================*/
/* Historie */
/*============================================================================*/
/* Opraveno zarovnání a velikost textu hlavièky */
/* Nutno doladit patièku (pøesnost patièka X text)
/*
Pro tisk se nesmí pouít pozicování fixed protoe to by vedlo k pøekrývání
textu hlavièkou a patièkou na dalích stránkách.
Pro tisk je vhodné vypnout menu.
pøipojení:
nejdøív hlavní css
pak za nìj tiskový css
V tiskovém css by mìlo být
width: 100% íøka pøez celou stranu
velikost písma v pt
øádkování 1
patkové písmo (lépe se ète)
font: 12pt/1 "Times CE", Times, "Times New Roman", serif;
pro obrazovku je lepí font bezpatkový, skus Verdana
zhasnout nepotøebné dispaly: none
Dodìlat:
Alternativní fonty (font-family)
Definice stylu pro tisk (pro stránkovaná média)
Alternativní styly
bez absolutního pozicování
moná bez barev (èernobíle)
Styl nadpisu tabulky
Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtí
h1,h2,h3,h4,h5,h6 {
page-break-inside:avoid;
page-break-after:avoid;
page-break-before:auto
}
h1>h2,h2>h3,h3>h4,h4>h5,h5>h6 {
page-break-before:avoid
}
img {
page-break-inside:avoid
}
*/
/*============================================================================*/
/* Globální nastavení */
/*============================================================================*/
/* Sjednocení nastavení celého dokumentu */
/* ------------------------------------- */
html, body {
background: none #FFFFFF; /* barva pozadí bez obrázku */
color: #000000; /* barva písma */
margin: 0px; /* sjednotíme okraje pro vechny prohlíeèe */
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: 0.75em; /* mezera pøed trochu vìtí */
margin-bottom: 0.5em; /* mezera za */
}
h1 { /* viz styl titulku */
font-size: 200%; /* veliké písmo */
color: #CC0000; /* hlavní nadpisová barva */
}
h1.Small { /* zmenený nadpis */
font-size: 150%; /* velikost jako h2 */
}
h2 {
font-size: 150%; /* velké písmo */
color: blue; /* vedlejí barva nadpisu */
}
h2.Small { /* zmenený nadpis */
font-size: 120%; /* velikost jako h3 */
}
h3 {
font-size: 120%; /* vìtí písmo */
color: blue; /* vedlejí barva nadpisu */
}
h3.Small { /* zmenený nadpis */
font-size: 100%; /* velikost jako h4 */
}
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; /* zvýraznné první písmeno */
}
/* Zvýraznìné øádky s odkazy */
.FirstWord a {
text-decoration: none; /* odkaz není podtrený */
color: inherit; /* odkaz nemá zvlátní barvu */
_color: #993300; /* IE6 nám nìjak nedìdí barvu */
}
/*============================================================================*/
/* Nastavení pro hlavièku, patièku a menu */
/*============================================================================*/
/* Spoleèná nastavení pro Hlavièku Menu a Patièku */
/* ---------------------------------------------- */
div.InnerHeader, div.InnerMenu, div.InnerFooter {
/*border: dotted #FF8080 1px; /* pro ladìní */
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 */
}
/* Nastavení specifická pro Hlavièku */
/* --------------------------------- */
div.InnerHeader { /* kontejner na hlavièku */
/*border: solid 1px red; /* pro ladìní */
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ï */
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.InnerHeader .HeaderLogo { /* text loga "MLAB" v hlavièce*/
/*background: #CCFFCC; /* pro ladìní */
padding-left: 0.2em; /* mezera vlevo */
}
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: right; /* zarovnání doprava (centrovaný obsah IE6 ignoruje) */
padding-right: 0.2em; /* mezera vpravo */
font-size: 80%; /* velikost písma o nìo mení */
left: 6.625em; /* posunutí o logo 5.3em / 80% */
_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 */
}
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.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 */
_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 */
_text-align: left; /* IE6 zarovnáváme vlevo */
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.InnerMenu ul { /* navigace jako seznam odkazù */
list-style: none; /* seznam je bez odráek */
margin: 0px; /* bez odsazení IE */
padding: 0em; /* bez odsazení FF */
white-space: nowrap; /* zákaz lámání poloek menu do øádek */
}
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ù */
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.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */
_float: left; /* IE6 vechny prvky menu plavou vlevo */
_padding-left: 2px; /* IE6 mezera mezi prvky vlevo */
_padding-right: 2px; /* IE6 mezera mezi prvky vpravo */
}
/* Nastavení specifická pro Patièku */
/* -------------------------------- */
div.InnerFooter{ /* patièka */
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 */
font-size: 80%; /* písmo v patièce trochu zmenit */
height: 1.25em;
overflow: hidden; /* co pøeèuhuje zahoï */
/*padding-left: 1em; /* to nejde pouít protoe IE6 neumí poèítat */
} /* pøidal jsem pevnou mezeru do textu */
/*============================================================================*/
/* Nastavení pro tìlo dokumentu */
/*============================================================================*/
/* Nastavení tìla dokumentu */
/* ------------------------ */
div.Text, div.Section1 { /* tìlo stránky */
border: solid #20FF20 1px; /* pro ladìní */
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-left: 7em; /* odsazení o velikost menu a kousek */
_margin-left: 0px; /* IE6 levý okraj vznikne sám obtékáním menu */
margin-bottom: 1.25em; /* kdy funguje fixní pozicování vynech patièku */
/* èíslo 1/font-size v patièce */
_margin-bottom: 0px; /* IE6 umístìní patièku hned za textem */
}
/* centrování vyznaèených elementù */
.center {
text-align: center;
}
/* obarvení textù psaných kurzivou */
p i, div i, span i {
color: #990000;
}
/* Tabulky */
/* ------- */
table {
border-collapse: separate; /* pøíèky v tabulce */
border: 3px solid #CCCCCC; /* vnìjí okraj tabulky */
margin-top: 0.5em; /* odstup nahoøe (oddìlení od souseda) */
margin-bottom: 0.5em; /* odstup dole */
background-color: #EEFFEE; /* pozadí tabulky */
}
/* pøíèky mezi buòkami */
th, td {
border: 1px solid #CCCCCC; /* pøíèky mezi buòkami (v FF se barva chybnì dìdí) */
text-align: left; /* pøebití centrování th prvku */
padding: 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
}
th {
color: #FF2020; /* odliení hlavièkových øádek */
}
table p, table div, table li, table ol, table ul {
margin-top: 0.3em; /* omezeni nadbyteèné mezery u FF */
margin-bottom: 0.3em; /* omezeni nadbyteèné mezery u FF */
}
/* Tabulka Soupiska */
/* ---------------- */
/* Tabulka s rozpiskou souèástek */
/* Formát tabulky vychází z obecné tabulky */
/* první <th> je legenda */
/* dalí <th> jsou skupinou souèástek */
/* znaèky <td> jsou vlastní seznam, první sloupec odskoèený vpravo */
table.Soupiska td {
padding: 0px 0.5em; /* mezera mezi obsahem buòky a pøíèkami */
}
table.Soupiska tr td:first-child {
padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
}
table.Soupiska tr > th { /* funkci potomek IE6 nezná */
font-style: italic; /* a tak se to v IE ignoruje */
font-weight: normal; /* jinak ve th je hubené písmo kurzivou */
}
table.Soupiska tr:first-child > th {
font-style: normal; /* ve kromì prvního th (opìt v IE6 nefunguje) */
font-weight: bold;
}
/*============================================================================*/
/* Formáty pro stránku o autorech */
/*============================================================================*/
/* List pro jednoho autora */
/* ----------------------- */
div.AboutAuthor {
border: solid 1px red; /* rámeèek okolo èlovìka */
padding: 2em; /* mezera uvnitø rámeèku */
margin-bottom: 1em; /* mezera mezi rámeèky pod sebou */
}
/* Poloka jména autora */
/* -------------------- */
div.AboutAuthor .Name { /* jméno autora */
font-style: italic; /* kurzíva */
color: red; /* barva jména */
}
/* Vloený obrázek autora */
/* ---------------------- */
div.AboutAuthor img { /* obrázek autora (kdyby tak fungovalo abs. pozicování) */
float:right; /* plovoucí vpravo */
padding-left: 20px; /* mezera mezi textem a obrázkem */
}
/* Seznam èinností autora */
/* ---------------------- */
div.AboutAuthor ul {
font-style: italic; /* písmo seznamu èinností */
list-style: none; /* seznam je bez odráek */
}