/Web/CSS/MLAB.css
3,6 → 3,7
/*============================================================================*/
/* 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 */
/* Doplněny styly pro websvn */
/* Nutno doladit patičku (přesnost patička X text) */
 
/*
31,7 → 32,7
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é odsazení spodního okraje (o velikost patičky), teď je větší
 
h1,h2,h3,h4,h5,h6 {
page-break-inside:avoid;
59,13 → 60,13
/* ------------------------------------- */
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 */
padding: 0px;
color: #000000; /* barva písma */
margin: 0px; /* sjednotíme okraje pro všechny prohlížeče */
padding: 0px; /* sjednotíme výplň */
}
 
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ě zobrazení */
}
 
/*============================================================================*/
76,8 → 77,8
/* 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 */
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 */
89,33 → 90,33
/* -------------------------------- */
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: 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 */
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 */
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ě */
}
 
 
122,17 → 123,17
/* 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 */
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 */
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 */
140,8 → 141,8
}
 
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 */
149,8 → 150,8
}
 
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 */
158,26 → 159,31
}
 
h4, h5, h6 { /* písma jen mírně odlišná */
font-style: italic; /* skloněné */
color: blue; /* vedlejší barva nadpisu */
font-style: italic; /* skloněné */
color: blue; /* vedlejší barva nadpisu */
}
 
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b /* Zvýraznění uvnitř nadpisu */
{
font-weight: bold; /* Tlustě */
font-size: 120%; /* Větší (tlustě někdy není odlišné) */
}
 
 
samp { /* ukázky výpisů a podobně */
font-family: "Courier New"; /* neproporcionální písmo */
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 */
color: red; /* zvýraznné první písmeno */
}
 
/* 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 */
}
 
 
190,11 → 196,11
/* ---------------------------------------------- */
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 */
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 */
color: #993300; /* barva písma */
}
 
 
202,12 → 208,12
/* --------------------------------- */
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 */
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ď */
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 */
253,23 → 259,23
/* 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 */
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 */
_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) */
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 */
font-weight: bold; /* tlusté písmo odkazu */
}
 
div.InnerMenu .Navigation { /* vnitřní kontejner na navigační tlačítka */
290,10 → 296,10
/* 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 */
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 */
307,9 → 313,9
}
 
div.InnerMenu a { /* odkazy v menu */
text-decoration: none; /* odstranění podtržení odkazů */
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 */
_color: #000000; /* IE6 neumí dědit */
}
 
div.InnerMenu a:hover { /* po najetí kurzoru na odkazy v menu */
319,9 → 325,9
/* Zobrazení v menu */
/* ---------------- */
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 */
_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 */
}
 
 
328,13 → 334,13
/* 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 */
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 */
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 */
350,25 → 356,25
/* ------------------------ */
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 */
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 */
_margin-bottom: 0px; /* IE6 umístění patičku hned za textem */
}
 
 
/* centrování vyznačených elementů */
.center {
text-align: center;
text-align: center;
}
 
/* obarvení textů psaných kurzivou */
p i, div i, span i {
color: #990000;
color: #990000;
}
 
 
375,27 → 381,27
/* 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 */
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 */
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 */
406,26 → 412,24
/* 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á */
font-style: italic; /* a tak se to v IE ignoruje */
font-weight: normal; /* jinak vše th je hubené písmo kurzivou */
font-style: italic; /* a tak se to v IE ignoruje */
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-weight: bold;
font-style: normal; /* vše kromě prvního th (opět v IE6 nefunguje) */
font-weight: bold;
}
 
 
 
 
/*============================================================================*/
/* Formáty pro stránku o autorech */
/*============================================================================*/
434,176 → 438,150
/* 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 */
/* -------------------- */
div.AboutAuthor .Name { /* jméno autora */
font-style: italic; /* kurzíva */
color: red; /* barva jména */
font-style: italic; /* kurzíva */
color: red; /* barva jména */
}
 
/* 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 */
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 */
}
 
 
font-style: italic; /* písmo seznamu činností */
list-style: none; /* seznam je bez odrážek */
}
 
 
/*============================================================================*/
/* Formáty pro WEBSVN */
/*============================================================================*/
 
 
.highlight
{
color: #99007E;
font-style: italic;
}
 
 
table.bordered, table.outlined, table.blame
{
border-collapse: collapse;
border: solid 2px #99007E;
}
 
 
.bordered td, .bordered th
{
border: solid 2px #99007E;
}
 
 
.outlined td
{
padding: 0px 5px 0px 5px;
}
 
 
.outlined th, .blame th
{
padding: 5px 5px 5px 5px;
font-weight: bold;
border: solid 2px #99007E;
}
 
 
.outlined td, .blame td
{
padding: 1px 5px 1px 5px;
border-right: solid 2px #99007E;
border-bottom: solid 1px #F0F0F0;
}
 
 
td.diffdeleted
{
font-size: 11px;
background-color: red;
}
 
 
td.diffchanged
{
font-size: 11px;
background-color: yellow;
}
 
 
td.diffadded
{
font-size: 11px;
background-color: green;
}
 
 
td.diff
{
font-size: 11px;
background-color: #D0D0D0;
}
 
 
table.diff
{
border-collapse: collapse;
}
 
 
div.newpath
{
padding: 5px 5px 5px 5px;
border: solid 2px #99007E;
}
 
 
.plusbox
{
float: left;
clear: both;
position: relative;
top: -3px;
font-size: 13px;
font-weight: bold;
width: 16px;
text-indent: 0;
height: 16px;
color: black;
background-color: #D0D0D0;
text-align: center;
padding: 0px 2px 0px 3px;
border: black solid 1px;
margin-right: 5px;
}
 
 
.minusbox
{
float: left;
clear: both;
position: relative;
top: -3px;
font-size: 13px;
font-weight: bold;
width: 16px;
text-indent: 0;
height: 16px;
color: black;
background-color: #99007E;
text-align: center;
padding: 0px 2px 0px 3px;
border: black solid 1px;
margin-right: 5px;
}
 
 
.groupname
{
padding-left: 0px;
text-indent: -25px;
margin: 3px 0 3px 0;
}
 
 
.switchcontent
{
margin: 3px 0 0 20px;
}
 
 
code
{
white-space: pre-wrap;
}
 
 
.highlight
{
color: #993300;
font-style: italic;
}
 
table.bordered, table.outlined, table.blame
{
border-collapse: collapse;
border: solid 2px #993300;
}
 
.bordered td, .bordered th
{
border: solid 2px #993300;
}
 
.outlined td
{
padding: 0px 5px 0px 5px;
}
 
.outlined th, .blame th
{
padding: 5px 5px 5px 5px;
font-weight: bold;
border: solid 2px #993300;
}
 
.outlined td, .blame td
{
padding: 1px 5px 1px 5px;
border-right: solid 2px #993300;
border-bottom: solid 1px #F0F0F0;
}
 
td.diffdeleted
{
font-size: 11px;
background-color: #FFCCCC;
}
 
td.diffchanged
{
font-size: 11px;
background-color: yellow;
}
 
td.diffadded
{
font-size: 11px;
background-color: #CCFFCC;
}
 
td.diff
{
font-size: 11px;
background-color: #D0D0D0;
}
 
table.diff
{
border-collapse: collapse;
}
 
div.newpath
{
padding: 5px 5px 5px 5px;
border: solid 2px #993300;
}
 
.plusbox, .minus
{
float: left;
clear: both;
position: relative;
top: -3px;
font-size: 13px;
font-weight: bold;
width: 16px;
text-indent: 0;
height: 16px;
color: black;
text-align: center;
padding: 0px 2px 0px 3px;
border: black solid 1px;
margin-right: 5px;
}
 
.plusbox
{
background-color: #D0D0D0;
}
 
.minusbox
{
background-color: #993300;
}
 
.groupname
{
padding-left: 0px;
text-indent: -25px;
margin: 3px 0 3px 0;
}
 
.switchcontent
{
margin: 3px 0 0 20px;
}
 
code
{
white-space: pre-wrap;
}