.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
section, nav, header { display: block}
section { display: none; vertical-align: top}
section.column {
width: 47%; padding-right: 2em; display: inline-block;
}
p.author { text-align: right; padding-right: 0px; font-style: italic}
#text {padding-left: 0; margin-left: 0; margin-right: 10px; float: none;}
#body { padding-left: 0}
#zahlavi { display: none }
#zahlavi h1, #zahlavi h2, #zahlavi h3 { margin: 0; padding: 0; background-image: none}
#thumbs img, #single img, #zahlavi img { float: none; display: inline; padding: 0; margin:0; border: 0px none;}
#thumbs p, #zahlavi p { text-align: left; line-height: 120%; text-indent: 0 }
#maintitle {position: relative; margin-bottom: 0.1em; padding-bottom: 0;
min-height: 0;
}
#maintitle img {
vertical-align: -6px; padding:0; padding-bottom: 3px; margin-right: 7px;}
span.apl { cursor: pointer; vertical-align: 0px; font-size: 20px; padding-bottom: 3px; margin-right: 7px}
span.apl:hover { background-color: #f3d9f3 }
#maintitle span.apl img { margin-right: 0px}
#nextChapter { position: absolute; top: center; right:0}
h2#subtitle, #ch_description { margin-left: 32px; margin-top: 0px; padding:0 }
#ch_description {width: 90%}
#figtitle { margin: 10px 0 0px -32px; }
#figtitle span.apl {font-size: 20px}
#figtitle img { vertical-align: -4px; }
section, #thumbs { display: block; width: 100%}
#thumbs { overflow: auto}
#thumbs menu { display: block; }
#thumbs figure { display: inline-block; cursor: pointer; width: 150px; height: 135px;
border: 1px solid #ddd; margin: 10px 10px; padding: 3px;
position: relative;
text-align: center;
}
#thumbs figure:hover { background-color: #fdf; color: darkred }
menu {text-indent: 0; margin: 0px}
menu figure { text-align: center; vertical-align: top; }
menu img { display: block; margin: 0 auto; }
menu figcaption { display: block;
font-size: 11px; text-align: left; text-indent: 0px; line-height: 120%;
padding: 3px; padding-top: 0;
text-align: left;
/* background: white; */
}
#single { display: none;}
#toc { background-color: #fcfcfc;
}
.toc {
margin-left: 120px;
background: url(../design/fetus2b_mensi.jpg) right center no-repeat}
.toc li {
background-image: none !important;
list-style-image: none;
border: 0px none !important;
cursor: pointer; list-style-type: none;
width: 300px;
padding: 0.2em; margin: 0 0 5px 0;
font-size: 120%; font-weight: bold;
}
#text .toc ul { margin: 5px 0 0 0; border: 0px none }
#text .toc ul ul { border: 0px none; margin-left: 20px; padding-left: 0 }
.toc li li { font-size: 90%; margin-bottom: 0}
.toc li a { display: block; padding: 0.2em}
.toc li a:hover { background-color: #fdf; color: darkred }
nav.chapters { float: right; width: 80px; height: 26px}
.hmenu {
display: block;
text-align: center;
position: relative; z-index: 1;
margin: 0px; padding: 0px ;
width: 100%;
}
.hmenu ul { list-style-type: none; margin: 0; padding: 0px; border: 0px none;
background: #f9f9f9;
border-left: 10px solid #eee;
border-right: 10px solid #f9f9f9;
width: 960px;}
.hmenu li {
text-align: center;
list-style-image: none;
height: 30px;
float: left;
padding: 0px; padding-top: 10px;
text-decoration: none;
cursor: pointer;
background: #262626; /* Old browsers */
background: -moz-linear-gradient(top, #636363 0%, #b1b1b1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#b1b1b1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #636363 0%,#b1b1b1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #636363 0%,#b1b1b1 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #636363 0%,#b1b1b1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #636363 0%,#b1b1b1 100%); /* W3C */
}
.hmenu li { margin-left: 5px;}
.hmenu li:first-child { margin-left: 0px; }
.hmenu li:hover, .hmenu li.active {
padding-bottom: 0;
background: #761F74; /* Old browsers */
background: -moz-linear-gradient(top, #761F74 0%, #9c9c9c 100%) ; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#761F74), color-stop(100%,#9c9c9c)) ; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #761F74 0%,#9c9c9c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #761F74 0%,#9c9c9c 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #761F74 0%,#9c9c9c 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761F74', endColorstr='#9c9c9c',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #761F74 0%,#9c9c9c 100%); /* W3C */
}
.fouritems li { width: 236px; }
.hmenu ul li a {
color: #fff; font-weight: bold;
display:block;
padding: 0px 20px 12px 20px; text-align: center
font-size: 13px;
text-decoration: none;
}
.hmenu li:hover a, .hmenu li.active a {
background: url(../design/trojuhelnik.gif) no-repeat center bottom;
}
.figure { margin-right: 10px; font-size: 90%;
position: relative;
}
.figure p { text-indent: 0}
.figure h3 { margin-bottom: 0.5em; padding-bottom: 0; }
#mainFigure { /*position: relative;*/
height: 500px;
margin-bottom: 70px;
}
.preparat {
/* float: left; */
position: absolute; left: 30px; top: 0px;
margin: 0px 0 0 5px;
width: 645px; height: 482px; overflow: auto;
border: 1px solid #bbb;
margin-bottom: 30px;
}
.sidebar { position: absolute; top: 0px; left: 690px; height: 500px }
.embryo { position: absolute; top: 3px; right: 237px; overflow: hidden}
.embryo img[src*="blank"] { width: 0px ; height: 0px;}
.popis {
text-align: left;
width: 185px; overflow: hidden;
background: white; padding: 5px;
}
div.popisek { font-size: 25px; font-weight: normal;
position: absolute;
cursor: help;
/* */ background: /*url(design/QuestionMark32.png)*/ no-repeat center center;
color: #ffb;
text-align: left;
border-radius: 0.65em;
-moz-border-radius: 0.65em;
-webkit-border-radius: 0.65em;
-op-border-radius: 0.65em;
text-shadow:
1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
div.popisek p, span.popis_obsah { display: none; }
div.infos { background-image: url(../design/Info20_y.png); cursor: help; }
div.infos p {
display: block; position: absolute; top: 0px; left: 30px;
font-size: 12px; text-align: left; line-height: 120%;
width: 150px; text-indent: 0; overflow: visible;
}
div.infos span.popis_obsah { display: inline;
font-weight: bold;
padding: 0 5px;
padding-left: 5px;
background: #666;
background: rgba(255, 255, 255, 0.3);
text-shadow:
1px 1px 0 #000,
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
}
div.clickable { background-image: url(../design/Blank32.png); cursor: pointer; }
div.clickable:hover { background-image: url(../design/Restart32.png) }
.popiskyOff div.questioned, .popiskyOff div.correct, .popiskyOff div.wrong { display: block}
div.questioned { background-image: url(../design/QuestionMark20.png); cursor: help; }
div.correct { background-image: url(../design/CheckMark20.png); cursor: help; }
div.wrong { background-image: url(../design/Cancel20.png); cursor: help; }
.popiskyOff .popisek, .popiskyOn .sw_popisky_on, .popiskyOff .sw_popisky_off { display: none;}
.popiskyOn .popisek, .popiskyOn .sw_popisky_off, .popiskyOff .sw_popisky_on { display: block;}
.legendaOn #test_legenda {display: block}
.legendaOff #test_legenda {display: none}
.legendaOn #popis { display: none}
/*
.legendaOn .sw_popisky_on, .legendaOn .sw_popisky_off {display: none}
.legendaOff .sw_popisky_on, .legendaOff .sw_popisky_off {display: block}
*/
#test_legenda { margin-top: 5px; width: 185px;}
#test_legenda h3 { margin: 0; margin-bottom: 0.1em; padding: 0; font-size: 110%; text-align: left}
#test_legenda ol#legenda {
font-size: 11px !important;
margin-left:0px !important; padding-left: 10px; !important
margin-top: 5px !important;
/*float: left;
list-style-image: url(design/Cancel16.png); !important ;
*/
}
#legenda li { list-style-type: none !important; padding: 0.3em !important; background: no-repeat 3px 4px !important; padding-left: 25px !important;
text-align:left;
}
#legenda li.hidden { visibility: hidden; }
#legenda li.questioned { visibility: visible; background-color: #fdf }
#legenda li.correct { visibility: visible; background-image: url(../design/CheckMark16.png) !important }
#legenda li.wrong { visibility: visible; background-image: url(../design/Cancel16.png) !important}
#legenda li.clickable { cursor: pointer; background-image: url(../design/Right16.png) !important }
#legenda li.clickable:hover { background-color: #fdf !important}
.figure input { padding: 0.2em; cursor: pointer }
input.btOn { border-style: outset; color: #000 }
input.btOff { border-style: inset; color: #666 }
input[type="image"] {border: 0px none;}
.sidebar label { display: block; height: 20px; cursor: pointer; padding: 0.2em; border: 1px solid #f3d9f3 }
label input { vertical-align: -50%; }
label:hover { background-color: #f3d9f3; color: #a00; }
#zoomIn, #zoomOut {border: 0px none; background: white;}
.rez { position: absolute;
width: 120px;
border-top: 6px ridge red;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
}
.navig { clear: both; margin: 5px 0 }
.navig a { cursor: pointer; color: black }
.navig a:hover { text-decoration: underline; }
.navig_prev, .navig_next { float: left; cursor: pointer; width: 20px; height: 482px}
.navig_prev {
margin-right: 5px;
background: url( "../design/sipka_vzad.png") no-repeat center center white;
}
.navig_prev:hover, .navig_next:hover { background-color: #f3d9f3}
.navig_next { float: right;
background: url( "../design/sipka_vpred.png") no-repeat center center white
}
.firstOn .navig_prev { background-image: url("../design/sipka_vzad_disabled.png"); }
.firstOn .navig_prev:hover { background-color: #fff; cursor: default; }
.lastOn .navig_next { background-image: url("../design/sipka_vpred_disabled.png"); }
.lastOn .navig_next:hover { background-color: #fff; cursor: default; }
#text a[href*="http"] {padding-right: 14px; background: url("../design/ext_blank.bmp") 100% 90% no-repeat;}