body {
background-color: white;
margin: 0px;
padding: 0px;
font-family: Verdana; sans-serif;
font-size: 0.8em;
}
p {
text-indent: 2em;
text-align:justify;
}
p.bezodsazeni {
text-indent: 0em;
text-align:justify;
}
p.paticka {
text-indent: 0em;
text-align:center;
}
h1, h2 {
text-align: center;
text-shadow: 3px 3px 3px gray;
filter:shadow(color=gray, direction=135, strength=4); /* stín pro Explorer */
}
h1#skryty {
display: inline; /* není v hlavičce vertikální mezera (odřádkování) */
margin-left: -10000px; /* skrytý nadpis
v hlavičce webu - SEO */
}
a.nobr {
display: block; /* není nutné pro odřádkování odkazů v prvním menu použít
*/
}
a:hover {
text-decoration: none;
}
ul {
list-style: none; /* ve 2., 3. a 4. menu nejsou odrážky */
margin: 0px; /* ve 2., 3. a 4. menu nejsou mezery */
padding: 0px;
}
main {
width: 900px;
margin: 2em auto;
border: 1px solid gray;
background-color: #dfffdf;
background-image: url(obrazky/banner.jpg); /* banner na pozadí hlavičky webu */
background-repeat: no-repeat;
background-position: top center;
-moz-border-radius: 30px; /* radius pro Firefox */
-webkit-border-radius: 30px; /* radius pro Chrome a Safari */
border-radius: 30px; /* radius pro Operu */
-moz-box-shadow: 0px 0px 20px gray; /* stín pro Firefox */
-webkit-box-shadow: 0px 0px 20px gray; /* stín pro Chrome a Safari */
box-shadow: 0px 0px 20px gray; /* stín pro Operu */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color=gray); /* alespoň šikmý stín pro Explorer */
} /* radius a stín kolem celého boxu nelze pro Explorer 8 a nižší nastavit */
nav {
float: left;
width: 150px;
padding: 20px;
margin: 0px;
text-align: center;
}
aside {
float: right;
width: 150px;
padding: 20px;
margin: 0px;
text-align: justify;
}
section {
margin-left: 190px; /* okraj dán součtem šířky levého panelu a vnitřních mezer */
padding: 20px;
border-left: solid 1px gray;
border-right: solid 1px gray;
text-align: justify;
width:480px;
}
header {
height: 150px; /* výška stejná jako u obrázku v pozadí hlavního panelu */
text-align: center;
border-bottom: solid 1px gray;
}
footer {
height: 45px;
text-align: center;
border-top: solid 1px gray;
clear: both; /* vypnutí obtékání */
}
#iniciala {
float:left;
margin-right: 5px;
font-family: Times New Roman;
font-size: 4em;
line-height: 90%;
text-shadow: 3px 3px 3px gray;
filter:shadow(color=gray, direction=135, strength=4);
}
#obrazek {
float: right;
width: 100px;
height: 100px;
margin: 10px 0px 0px 10px;
border: 1px solid gray;
padding: 2px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px gray;
-webkit-box-shadow: 0px 0px 10px gray;
box-shadow: 0px 0px 10px gray;
}
#menu li a { /* hover menu 1 v CSS s dvěma měnícími se obrázky v pozadí */
display: block; /* nutné pro nastavení velikosti tlačítek */
width: 150px;
height: 25px;
background: url(obrazky/off.png) top center no-repeat;
color: #cc0000;
font-weight: bold;
text-decoration: none;
font-size: 0.75em;
padding-top: 6px; /* vertikální pozice textu vůči pozadí */
margin-left: 35px;
}
#menu li a:hover {
background: url(obrazky/on.png) top center no-repeat;
}
#menu2 li a { /* hover menu 2 v CSS s průhledností */
display: block; /* nutné pro nastavení velikosti tlačítek */
width: 130px;
height: 17px;
border: solid 2px orange;
background-color: yellow; /* pozadí pro starší prohlížeče (neumí gradient) */
background: -moz-linear-gradient(top, yellow, white); /* pozadí s gradientem pro Firefox */
background: -o-linear-gradient(top, yellow, white); /* pozadí s gradientem pro Operu */
background: -webkit-gradient(linear, left top, left bottom, from(yellow), to(white)); /* pozadí s gradientem pro Chrome a Safari */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='white');
/* pozadí s gradientem pro Explorer, v IE8 ale chybné zobrazení barvy rámečku (šedivý), v IE9 chybné zobrazení s kulatými rohy (gradient je nemá) a chybné zobrazení hover efektu s průhledností */
-moz-border-radius: 7px; /* radius a stín kolem celého boxu nelze pro Explorer 8 a nižší nastavit */
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
color: #cc0000;
font-weight: bold;
text-decoration: none;
font-size: 0.75em;
margin-left: 10px;
margin-bottom: 10px; /* mezera mezi tlačítky */
padding-top: 4px; /* vertikální pozice textu vůči pozadí */
}
#menu2 li a:hover {
opacity: 0.7; /* průhlednost */
filter:alpha(opacity=70, style=0); /* průhlednost pro Explorer */
}
img.menu3 {
display: block; /* není mezera mezi obrázky v menu v JavaScriptu */
border: 0px; /* není rámeček kolem obrázků v menu v JavaScriptu v Exploreru */
margin-left: 35px;
}