/Web/CSS/MLAB.css
1,36 → 1,37
/*============================================================================*/
/* Historie */
/*============================================================================*/
/* Opraveno zarovnání a velikost textu hlavièky */
/* Nutno doladit patièku (pøesnost patièka X text)
/* Opraveno zarovnání a velikost textu hlavičky */
/* Změněno kódování na UTF-8 - nutné pro IE a s českými komentáři */
/* Nutno doladit patičku (přesnost patička X text) */
 
/*
Pro tisk se nesmí použít pozicování fixed protože 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.
Pro tisk se nesmí použít pozicování fixed protože 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
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)
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
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í
možná bez barev (èernobíle)
Dodělat:
Alternativní fonty (font-family)
Definice stylu pro tisk (pro stránkovaná média)
Alternativní styly
bez absolutního pozicování
možná bez barev (černobíle)
Styl nadpisu tabulky
Opravit chybné osazení spodního okraje (o velikost patièky), teï je vìtší
Opravit chybné osazení spodního okraje (o velikost patičky), teď je větší
 
h1,h2,h3,h4,h5,h6 {
page-break-inside:avoid;
50,322 → 51,322
 
 
/*============================================================================*/
/* Globální nastavení */
/* Globální nastavení */
/*============================================================================*/
 
 
/* Sjednocení nastavení celého dokumentu */
/* 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 všechny prohlížeèe */
background: none #FFFFFF; /* barva pozadí bez obrázku */
color: #000000; /* barva písma */
margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */
padding: 0px;
}
 
body {
/* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemìní pøi zmìnì obraení */
/* _padding: 0.5em; /* IE6 okraj okolo pozor velikost se nemění při změně obraení */
}
 
/*============================================================================*/
/* Nastavení písma textu a nadpisù */
/* Nastavení písma textu a nadpisů */
/*============================================================================*/
 
 
/* Standardní písmo odstavcù */
/* 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 zajištìna paddingem */
margin-top: 0.75em; /* mezera pøed odstavcem */
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 zajištěna paddingem */
margin-top: 0.75em; /* mezera před odstavcem */
margin-bottom: 0.9em; /* mezera za odstavcem */
}
 
 
/* Titulek, podtitul a autor èlánku */
/* 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 */
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.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%; /* trošku 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ì */
font-family: Arial; /* 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 */
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 */
/* 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ší */
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 */
font-size: 200%; /* veliké písmo */
color: #CC0000; /* hlavní nadpisová barva */
}
 
h1.Small { /* zmenšený nadpis */
h1.Small { /* zmenšený nadpis */
font-size: 150%; /* velikost jako h2 */
}
 
h2 {
font-size: 150%; /* velké písmo */
color: blue; /* vedlejší barva nadpisu */
font-size: 150%; /* velké písmo */
color: blue; /* vedlejší barva nadpisu */
}
 
h2.Small { /* zmenšený nadpis */
h2.Small { /* zmenšený nadpis */
font-size: 120%; /* velikost jako h3 */
}
 
h3 {
font-size: 120%; /* vìtší písmo */
color: blue; /* vedlejší barva nadpisu */
font-size: 120%; /* větší písmo */
color: blue; /* vedlejší barva nadpisu */
}
 
h3.Small { /* zmenšený nadpis */
h3.Small { /* zmenšený nadpis */
font-size: 100%; /* velikost jako h4 */
}
 
h4, h5, h6 { /* písma jen mírnì odlišná */
font-style: italic; /* sklonìné */
color: blue; /* vedlejší barva nadpisu */
h4, h5, h6 { /* písma jen mírně odlišná */
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 */
samp { /* ukázky výpisů a podobně */
font-family: "Courier New"; /* neproporcionální písmo */
}
 
/* První slovo má první písmeno zvýraznìné */
/* První slovo má první písmeno zvýrazněné */
.FirstWord:first-letter {
color: red; /* zvýraznné první písmeno */
color: red; /* zvýraznné první písmeno */
}
 
/* Zvýraznìné øádky s odkazy */
/* Zvýrazněné řádky s odkazy */
.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 */
text-decoration: none; /* odkaz není podtržený */
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 */
/* Nastavení pro hlavičku, patičku a menu */
/*============================================================================*/
 
 
/* Spoleèná nastavení pro Hlavièku Menu a Patièku */
/* 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: 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 */
background-color: #FFFFCC; /* pozor na průhlednost při rolování */
color: #993300; /* barva písma */
}
 
 
/* Nastavení specifická pro Hlavièku */
/* 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 */
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 tloušku 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 */
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ď */
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í */
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 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) */
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 */
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í podtržený */
color: inherit; /* odkaz nemá zvláštní barvu */
_color: #993300; /* IE6 nám nìjak nedìdí barvu */
div.InnerHeader a { /* odkaz v hlavičce */
text-decoration: none; /* odkaz není podtržený */
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 */
div.InnerHeader a:hover { /* při najetí kurzoru na odkaz v hlavičce */
color: #FF0000; /* změň barvu odkazu */
}
 
 
/* Nastavení specifická pro Menu */
/* 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: 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 */
text-align: center; /* centrovaný obsah */
_text-align: left; /* IE6 zarovnáváme vlevo */
font-weight: bold; /* tlusté písmo odkazu */
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 */
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 .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 */
/*background: #DDDDDD; /* ladící pozadí */
border: none; /* žádný okraj */
margin: 3px; /* malé mezery okolo */
}
 
 
/* Zobrazení seznamu odkazù v menu */
/* 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í položek menu do øádek */
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í položek 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: #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" */
div.InnerMenu li { /* jednotlivé odkazy */
/*background: #BBBBBB; /* ladící pozadí */
border: solid 1px #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" */
}
 
div.InnerMenu a { /* odkazy v menu */
text-decoration: none; /* odstranìní podtržení odkazù */
color: inherit; /* barva písma odkazu jako by to nebyl odkaz */
_color: #000000; /* IE6 neumí dìdit */
text-decoration: none; /* odstranění podtržení 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 */
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
color: #FF0000; /* změn barvu písma */
}
 
/* Zobrazení v menu */
/* Zobrazení v menu */
/* ---------------- */
div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v øádce */
_float: left; /* IE6 všechny prvky menu plavou vlevo */
div.InnerMenu * { /* Pro IE6 je celé menu plovoucí v řádce */
_float: left; /* IE6 všechny 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 */
/* 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 zmenšit */
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 zmenšit */
height: 1.25em;
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 */
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 */
 
 
/*============================================================================*/
/* Nastavení pro tìlo dokumentu */
/* Nastavení pro tělo dokumentu */
/*============================================================================*/
 
 
/* Nastavení tìla 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: 16ex; /* 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 */
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: 16ex; /* 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ù */
/* centrování vyznačených elementů */
.center {
text-align: center;
}
 
/* obarvení textù psaných kurzivou */
/* obarvení textů psaných kurzivou */
p i, div i, span i {
color: #990000;
}
374,51 → 375,51
/* 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) */
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 */
background-color: #EEFFEE; /* pozadí tabulky */
}
 
/* pøíèky mezi buòkami */
/* 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 */
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; /* odlišení hlavièkových øádek */
color: #FF2020; /* odlišení 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 */
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 */
/* 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 */
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 */
padding-left: 2ex; /* odsazení referenci, nefunguje v IE6 */
}
 
table.Soupiska tr > th { /* funkci potomek IE6 nezná */
table.Soupiska tr > th { /* funkci potomek IE6 nezná */
font-style: italic; /* a tak se to v IE ignoruje */
font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
}
 
table.Soupiska tr:first-child > th {
font-style: normal; /* vše kromì prvního th (opìt v IE6 nefunguje) */
font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */
font-weight: bold;
}
 
426,7 → 427,7
 
 
/*============================================================================*/
/* Formáty pro stránku o autorech */
/* Formáty pro stránku o autorech */
/*============================================================================*/
 
 
433,28 → 434,28
/* 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 */
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 */
}
 
/* Položka jména autora */
/* Položka jména autora */
/* -------------------- */
div.AboutAuthor .Name { /* jméno autora */
font-style: italic; /* kurzíva */
color: red; /* barva jména */
div.AboutAuthor .Name { /* jméno autora */
font-style: italic; /* kurzíva */
color: red; /* barva jména */
}
 
/* Vložený obrázek autora */
/* Vložený 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 */
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 */
/* Seznam činností autora */
/* ---------------------- */
div.AboutAuthor ul {
font-style: italic; /* písmo seznamu èinností */
list-style: none; /* seznam je bez odrážek */
font-style: italic; /* písmo seznamu činností */
list-style: none; /* seznam je bez odrážek */
}
/Web/CSS/ProjectInfo.css
1,57 → 1,121
/* Kaskádový styl pro rozumné zobrazení XML popisu modulu */
/* Kaskádový styl pro rozumné zobrazení XML popisu modulu */
/* ------------------------------------------------------ */
/* Slouží pro rychlý náhled na XML popis projektu */
 
/* Protože je IE6 debil tak to v nìm nefunguje a ladit to nebudu. */
/* U IE6 závisí chování i na komentáøích ve stylu. Neuvìøitelné. */
 
 
design { /* top level struktura */
color: #000000; /* èerné písmo */
background: #FFFFFF none; /* pozadí bílé bez obrázku */
display: block; /* celé je to blok */
border: solid red 1px; /* s rámeèkem okolo sebe */
margin: 1em; /* okolo je kus volného místa */
font: normal 1em "Arial"; /* písmo standardní velikosti */
background: #FFFFFF none; /* pozadí bílé bez obrázku */
display: block; /* celé je to blok */
border: solid red 1px; /* s rámečkem okolo sebe */
margin: 1em; /* okolo je kus volného místa */
font: normal 1em "Arial"; /* písmo standardní velikosti */
color: #000000; /* černé písmo */
}
 
design header { /* souhrné informace jako blok */
font-size: 2em; /* vìtší písmo */
design header { /* souhrné informace jako blok */
display: block; /* je to blok */
border-bottom: solid red 1px; /* se spodní pøíèkou */
background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
margin: 0px; /* bez okrajù */
padding-left: 0.5em; /* vnitøní okraj vlevo */
padding-right: 0.5em; /* vnitøní okraj vpravo */
font-size: 2em; /* větší písmo */
border-bottom: solid red 1px; /* se spodní příčkou */
background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
margin: 0px; /* bez okrajů */
padding: 0.2em; /* vnitřní okraje */
}
 
name-short { /* krátké jméno */
color: #FF0000; /* barevnì */
margin: 0px; /* bez okrajù */
padding: 0em; /* bez výplnì */
sort { /* druh projektu */
display: block; /* jako blok */
color: #000000; /* barva černa */
font-size: 0.75em; /* velikost písma */
}
 
version { /* verze modulu */
color: #0000FF; /* barevnì */
margin: 0px; /* bez okrajù */
padding: 0em; /* bez výplnì */
name-short { /* krátké jméno */
color: #FF0000; /* barevně */
margin: 0px; /* bez okrajů */
padding: 0em; /* bez výplně */
}
 
state { /* stav modulu */
color: #00CC00; /* barevnì */
margin: 0px; /* bez okrajù */
padding: 0em; /* bez výplnì */
version { /* verze modulu */
color: #0000FF; /* barevně */
margin: 0px; /* bez okrajů */
padding: 0em; /* bez výplně */
}
 
anotation { /* standardní text */
state { /* stav modulu */
color: #00CC00; /* barevně */
margin: 0px; /* bez okrajů */
padding: 0em; /* bez výplně */
}
 
design data {
display: block; /* je to velký blok */
background: #FFCCCC; /* pozadí listu */
padding: 0.6em; /* */
text-align: center; /* centrovaně */
}
 
name-long {
display: block; /* jako blok */
font-size: 1.5em; /* trochu větší */
}
 
authors {
display: block; /* jako blok */
font-style: italic; /* ležaté písmo */
}
 
author {
display: inline; /* autoři se šadí do řádky */
background-color: #FFFFCC; /* jsou dolišeny barvou pozadí */
line-height: 2em; /* velikost řádky s rezervou */
margin: 0.3em; /* mají mezi sebou mezeru */
padding: 0.3em; /* okolo trochu místa */
white-space: nowrap; /* jméno se nesmí dělit */
}
 
picture {
display: block; /* jako blok */
margin: 1.5em; /* okolo obrázku kus místa */
}
 
annotations { /* standardní text */
display: block; /* je to blok */
margin: 1em; /* mezera vnì */
border: solid red 1px; /* ohranièení */
padding: 0.3em; /* mezera uvnitø */
background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
margin: 0.5em; /* mezera vně */
border: solid red 1px; /* ohraničení */
padding: 0.3em; /* mezera uvnitř */
background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
text-align: left; /* zarované vlevo */
}
 
br { /* odøádkování v odstavci */
annotation {
display: block; /* jako blok */
margin: 0.5em; /* mezera mazi bloky */
border: dotted green 1px; /* ohraničení */
}
 
errors {
display: block; /* je to blok */
margin-top: 0.5em; /* s horním okrajem */
margin-bottom: 0.5em; /* se spodním okrajem */
margin: 0.5em; /* mezera vně */
border: solid red 1px; /* ohraničení */
padding: 0.3em; /* mezera uvnitř */
background: #FFFFCC none; /* decentní barva pozadí bez obrázku */
text-align: left; /* zarované vlevo */
}
 
error {
display: block; /* jako blok */
margin: 0.5em; /* mezera mazi bloky */
border: dotted green 1px; /* ohraničení */
}
 
br { /* odřádkování v odstavci */
display: block; /* je to blok */
margin-top: 0.5em; /* s horním okrajem */
margin-bottom: 0.5em; /* se spodním okrajem */
}
 
[lang="en"] {
color: #0000DD;
}
 
[lang="cs"] {
color: #DD0000;
}