| 0,0 → 1,442 |
|---|
| /*============================================================================*/ |
| /* 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: 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; |
| } |
| |
| /* Zatím jen na pokusy a pomocné výpisy */ |
| .Small { |
| font-size: 75%; /* zmenené písmo */ |
| } |
| |
| |
| /*============================================================================*/ |
| /* 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 */ |
| } |