/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ hist. apps - main layout by ivosan; (C) ivo andrle ...sablona pouzita pro weby his, dbp a pvh ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ /* Wrapper -----------------------------------------------------------------------------*/ html { height: 100%; zoom: 100%; } body { height: 100%; zoom: 100%; width: auto; line-height: 1; color: #3A3B29; font-family: Georgia, serif; background: #3d3e28; border-left: 22px solid #3d3e28; border-right: 22px solid #3d3e28; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } #wrapper { width: auto; min-width: 958px; max-width: 1820px;margin: 0 auto;min-height: 100%; height: auto !important; height: 100%; background: #e6ede5 url("/img/his_pecet2.gif") no-repeat bottom right; position: relative; -moz-box-shadow: 0 0 10px black; -webkit-box-shadow: 0 0 10px black; box-shadow: 0 0 10px black;} #wrapin { height: auto !important; height: 100%; width: 100%; } @media (max-width: 1024px) { body, #wrapper { width: 100%;padding: 0 0 0 0; border-left: 0;} } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #wrapper { min-width: 1280px;} body { padding: 0 0 0 0; border-left: 0;} } /* Header -----------------------------------------------------------------------------*/ #header { height: 210px; background: transparent url("/img/his_bghdr.jpg") repeat-x top left; } #headerin { height: 166px; width: 100%; background: transparent url("/img/his_bghdrr3.gif") no-repeat top right; } #headerin2 { height: 166px; width: 100%; background: transparent url("/img/his_bghdrl3.gif") no-repeat top left; } #headerin2 a#mlogo { position: absolute; display: block; width: 612px; height: 118px; top: 27px; left: 0; } #headerin2 a#ulogo { position: absolute; display: block; width: 110px; height: 110px; top: 18px; right: 50px; } #iconstrip { z-index:4; position: absolute; top: 77px; right: 22px; width: 444px; height: 77px; text-align: right; border: 2px solid #aaa; background: white; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=77)"; -moz-opacity:0.77; -khtml-opacity: 0.77; opacity: 0.77; -moz-border-radius: 22px; -webkit-border-radius: 22px; -khtml-border-radius: 22px; border-radius: 22px; behavior: url(/etc/ie-css3.htc); z-index: 1; } #iconstrip table { margin: 0 22px; } #tmnu { position: absolute; width: 100%; height: 44px; white-space: nowrap; text-align: left; top: 166px; left: 0; background: transparent url("/img/his_bgtmnu.gif") repeat-x top left; } #tmnuin { z-index: 22; margin: 6px 11px; } #daynote { z-index: 33; position: absolute; top: 149px; right: 0; width: 244px; height: 172px; background: transparent url("/img/his_zprava3.gif") no-repeat top left; } #daynotein { margin: 4px 6px 22px 8px; width: 220px; height: 152px; overflow: hidden; font-size: 90%; } #daynotein H5 { margin: 11px 6px 0 6px; font-weight: bold; font-size: 12pt; color: #3d3c28; } #daynotein P, #daynotein H3, #daynotein H4, #daynotein H6, #daynotein blockquote, #daynotein ul, #daynotein li { margin: 6px; } /* Middle -----------------------------------------------------------------------------*/ #middle { width: auto; padding: 0; height: 1%; background: transparent; margin: 5px 11px 0 11px; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #contentboth { padding: 0 230px 144px 230px; } #contentfull { padding: 0 0 144px 0; } #contentforleft { padding: 0 0 144px 230px; } #contentforrgt { padding: 0 230px 144px 0; } #contentboth, #contentfull, #contentforleft, #contentforrgt { background: transparent; } #contentin { } /* Sidebar Left -----------------------------------------------------------------------------*/ #sideLeft { float: left; width: 222px; margin-left: -100%; position: relative; background: transparent; } #sideLeftIn { } /* Sidebar Right -----------------------------------------------------------------------------*/ #sideRight { float: left; margin-right: -3px; width: 222px; margin-left: -222px; position: relative; background: transparent; } #sideRightIn { } div.rmnu h4 { color: #6e6f4d; } div.rmnu li { list-style-type:none; list-style-image: none; margin: 0; } a.rmnu { display: block; width: 190px; line-height: 22px; font-size: 8pt; text-align: left; font-weight: bold; cursor: pointer; vertical-align: middle; margin: 4px -6px; height: 22px; padding: 3px 6px; color: #6e6f4d; background: transparent url("/img/his_bg_rmnu.gif") repeat-x top left; } a.rmnu:hover { color: #3D3C28; background-position: 0 -11px; -webkit-transition: background-position 0.3s linear; -moz-transition: background-position 0.3s linear; -ms-transition: background-position 0.3s linear; -o-transition: background-position 0.3s linear; transition: background-position 0.3s linear; } div.rmnu h4, a.rmnu { font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif; } /* Footer -----------------------------------------------------------------------------*/ #esffooter { width: 100%; position: absolute; z-index: 1; height: 180px; left: 0; bottom: 0; background: transparent url("/img/his_vlnadole2.gif") no-repeat top left; text-align: center; } #esffooter hr { margin: 75px auto 11px auto; width: 50%; min-width: 666px; height: 2px; border: none; color: #6e6f4d; background-color: #6e6f4d; } #esffooter span { display: block; width: 100%; text-align: center; } #esffooter img { margin: 0 auto; } /* overwrite some jquery ui theme styling! ---------------------------------------------------------------------------- */ /*

Historiografie

... */ .xui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .xui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .xui-widget-content a { color: #222222/*{fcContent}*/; } .xui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .xui-widget-header a { color: #222222/*{fcHeader}*/; } div#accordion.ui-accordion { font-family: "Helvetica Neue", Helvetica,Arial, sans-serif; text-align: left; font-size: 95%; margin: 11px 0 0 0; line-height: inherit; text-decoration: none; list-style: none; } div#accordion .ui-widget-content { border: none; background: inherit; color: inherit; } div#accordion.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 3px; padding: 0; min-height: 0; /* support: IE7 */ -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; border: 1px solid #d1d7ca; } div#accordion.ui-accordion .ui-accordion-icons { padding-left: .7em; } div#accordion.ui-accordion .ui-accordion-noicons { padding-left: .2em; } div#accordion.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: .2em; } div#accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .2em; top: 50%; margin-top: -8px; } div#accordion.ui-accordion .ui-accordion-content { padding: 0; border-top: 0; overflow: hidden; } /* Accordion ---------------------------------------------------------------------------- */ div#accordion { width: 222px; text-align: right; font-size: 95%; font-family: "Helvetica Neue", Helvetica,Arial, sans-serif; text-align: left;} div#accordion h3 { width: 208px; margin: 3px 0 0 0; text-align: right;} div#accordion h3 a { color: #6E6F4D; text-decoration: none; padding: 10px; display: block;} div#accordion div { width: 210px; text-align: left;} div#accordion a.lmnu { display: block; width: 208px; height: 55px; margin: 6px 0; background: transparent url("/img/his_bgmnu.gif") repeat-y top right; overflow: hidden; text-align: right; font-weight: bold; font-style: normal; line-height: 111%;} div#accordion a.lmnu span { display: block; font-size: 88%; margin: 2px 6px; color: #292011;} div#accordion a.lmnu span.shn { display: block; font-size: 70%; margin: 0 6px; color: #6E6F4D;} div#accordion a.lmnu:hover span { color: #6E6F4D;} div#accordion a.lmnu:hover span.shn { color: #292011;} /* HP ---------------------------------------------------------------------------- */ div#envel { width: 80%; margin: 66px auto 22px auto;} div.pvhblock0 { height: 293px; text-align: center;} div.pvhblock0 a { position: relative; display: block; width: 190px; height: 271px; margin: 11px auto; } div.pvhblock1 { width: 190px; height: 271px; background: transparent url("/img/pvh_block.gif") no-repeat top left;} div.pvhblock2 h3 { position: relative; top: 11px; margin: 0 auto; text-align: center;font-size: 16pt;} div.pvhblock2 p { position: absolute; width: 157px; left: 0; margin: 0 16px; top: 216px; text-align: center !important; font-family: 'Noto Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-size: 11pt; color: #9b6b55;} div.pvhblock2 img { position: absolute; width: 128px; height: 128px; top: 80px; left: 33px; margin: 0; display: block; opacity: 0.77;} div.pvhblock2, div.pvhblock2 h3, div.pvhblock2 p, div.pvhblock2 img { transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;} a:hover div.pvhblock1 { background: transparent url("/img/pvh_blocko.gif");} a:hover div.pvhblock1 h3 { color: #4f423c;} a:hover div.pvhblock1 p { color: #4f423c;} a:hover div.pvhblock1 img { opacity: 1;} @media screen and (max-width: 1222px) { div#envel {width: 90%;} } @media screen and (max-width: 960px) { div#envel {width: 100%;} } /* project specific IDs & classes: -----------------------------------------------------------------------------*/ div#chronocents { width: 99%; margin: 6px auto; } div#chronocents a.cent { display: inline-block; line-height: 18px; height: 18px; margin: 0.15%; font-weight: bold; cursor: pointer; text-align: center; vertical-align: middle; border: 1px solid #DAE6D8; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; color: #648C2C; background-color: #EFF4EE; font-size: 8pt; } div#chronocents a.cent:hover{ background-color: #D5E3D3; color: #486919; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } div#chronocents a.cent.act { background: #DAE6D8; color: #2E470B; font-size: 10pt; } div#calenvel { width: 833px; height: 444px; overflow: hidden; border-bottom: 1px solid #D5E3D3; clear: both; } div#calenvel .anythingSlider-default { width: 666px; height: 444px; float: right; margin: 0; padding: 0; } div#calmenu { width: 166px; height: 444px; overflow: hidden; float: left; border-right: 1px solid #D5E3D3; } div#calmenu a { width: 160px; height: 28px; line-height: 28px; font-size: 18px; display: inline-block; margin: 0 0 6px 0; vertical-align: middle; text-indent: 6px; color: #648C2C; background-color: #EDF2EC; } div#calmenu a:hover { background-color: #C7DBC4; color: #486919; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } div#calenvelin { width: 666px; height: 444px; float: right; list-style: none; overflow-y: auto; overflow-x: hidden; background-color: #e6ede5; margin: 0; padding: 0;} div#calenvelin li.calmon { display: inline-block; width: 666px; height: 444px; background-color: #e6ede5; margin: 0; padding: 0; list-style: none; overflow: hidden; /* animate.css animation settings. */ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-animation-duration: 1s; -webkit-animation-delay: .2s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: 1s; -moz-animation-delay: .2s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: 1s; -ms-animation-delay: .2s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: 1s; animation-delay: .2s; animation-timing-function: ease; animation-fill-mode: both; } li.calmon h1 { width: 100%; margin: 0; height: 44px; line-height: 44px; background-color: #D5E3D3; font-size: 28px; text-align: center; color: #3D3C28; } li.calmon H1:first-letter { font-size: 28px; color: #3D3C28; } li.calmon table { width: 100%; height: 400px; margin: 0; } table.cal th { text-align: center; vertical-align: middle; margin: auto; border-bottom: 3px solid #D5E3D3; font-weight: bold; font-size: 22px; } table.cal td { width: 14.2%; text-align: center; vertical-align: middle; margin: auto; } span.oneday { display: inline-block; line-height: 44px; height: 44px; width: 66px; text-align: center; vertical-align: middle; font-weight: bold; font-size: 22px; margin: 0; padding: 0; position: relative; color: #648C2C; border: 1px solid #DAE6D8; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; } span.oneday span.lt, span.oneday span.rt, span.oneday span.lb, span.oneday span.rb { position: absolute; width: 16px; height: 16px; line-height: 16px; padding: 0; margin: 0; overflow: hidden; } span.oneday.zombie { background-color: #E6E6E6; } span.oneday.important { background-color: #D9EFE5; } span.oneday:hover{ background-color: #C7DBC4; color: #486919; font-size: 28px; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; } span.oneday.zombie:hover { background-color: #D5D5D5; } span.oneday.important:hover { background-color: #C6E6D7; } span.oneday span.lt { top: 1px; left: 1px; } span.oneday span.rt { top: 1px; right: 1px; } span.oneday span.lb { bottom: 1px; left: 1px; } span.oneday span.rb { bottom: 1px; right: 1px; } /* upravy shared prvku -----------------------------------------------------------------------------*/ div#sbfixw { width: 200px;} div.sbblock { font-size: 90%; border: 1px solid #D8DFD8; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px;} div.sbblock#sbact hr { background-color: #999; color: #999; } div.sbblock#sbact a { color: #888; } div.sbblock#sbact a:hover { color: red; } div.sbblock h6 { margin-top: 22px;} table.shnews, table.shnews th, table.shnews td { border: 1px dotted #ddd } div#sideLeft div.sbblock img.iiFltLft, div#sideLeft div.sbblock img.iiFltRgt, div#sideRight div.sbblock img.iiFltLft, div#sideRight div.sbblock img.iiFltRgt, span#snprenar div.sbblock img.iiFltLft, span#snprenar div.sbblock img.sideRight { display: block; float: none; margin: 2px auto;} div#sideLeft div.sbblock { text-align: right;} div#sideRight div.sbblock { text-align: left;} div#sideLeft p.blck { text-align: right;} div#sideRight p.blck { text-align: left;} img.mboximg { top: -46px;} /* project specific IDs & classes: -----------------------------------------------------------------------------*/ #sbcontent HR { width: 80%; text-align: center; color: #6e6f4d; background-color: #6e6f4d; } img.imgfl { margin: 5px 11px 11px 55px; padding-right: 22px; } td.cenik, th.cenik { font-size: 110%; text-align: left; padding: 6px; padding-left: 11px; } /* ### */ .ui-widget { margin-left: 55px; margin-right: 11px; } p.diff, p.likediff { width: 100%; margin: 0.5em 0; } p.diff DEL { color: red; text-decoration: none; font-weight : bold; } p.diff INS { color: green; text-decoration: none; font-weight : bold; } div.zoomContainer { margin-left: 22px; } /* elevateZoom kazi body left border; tohle to napravuje!!! */ /* Elements -----------------------------------------------------------------------------*/ H1, H2, H3, H4, H5, H6 { font-family: 'Noto Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, serif; font-weight: normal; margin: 1em 11px 0.5em 33px; color: #3D3C28; text-rendering: optimizelegibility; } H4, H5, H6 { color: #3D3C28; } H1.low, H2.low, H3.low, H4.low, H5.low, H6.low { margin-top: 1.8em;} H1 { font-size: 140%; margin-left: 0; border-bottom: 2px solid #3D3C28; } H1.fst { margin-top: 0; } H2 { font-size: 130%; margin-left: 11px; } H1:first-letter { font-size: 150%; color: #3D3C28; } H2:first-letter { font-size: 140%; color: #3D3C28; } H1 span.cap { color: #3D3C28; } H3 { font-size: 120%; } H4 { font-size: 110%; margin-bottom: 0.3em; } H5 { font-size: 105%; margin-bottom: 0.3em; } H6 { font-size: 100%; margin-bottom: 0; margin-left: 55px; } HR { height: 2px; border: none; color: #3D3C28; background-color: #3D3C28; width: 99%; margin: 11px auto;} P, LI, DT, DD, BLOCKQUOTE, UL, OL, PRE, ADDRESS { margin: 0.3em 11px 0.5em 55px; line-height: 133%; } DT { font-weight: bold; } DD { font-size: 90%; font-style: italic; } IMG { border: none; } A { color: #7F2905; outline: none; cursor:pointer; text-decoration: none; } DFN { color: #430571; } A:hover { color: #6E6F4D; } A:visited { color: #5A5C5D; } A:active { color: #3D3C28; } A.big { font-size: 130%; font-weight: bold; } .inside { padding: 0 1.5em; } .clear { clear: both; padding-bottom: 1px; margin-bottom: -1px; } .hide, .ieSixCharDupBug {display: none !important; } DD, BLOCKQUOTE { margin-left: 66px; font-style: italic; font-size: 90%; } UL LI { list-style-image: url(/img/li.gif); } OL LI { margin: 0.3em 11px 0.5em 22px; } LI { margin-bottom: 0.1em; } STRONG { font-weight: bold; } Q, EM { font-style: italic; } HR.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; } /* ### */ BR.bigbreak { line-height: 66px; } /* ### */ span.cap { font-size: 105%; } /* vyhozeno, hlasilo chyby font: inherited; */ span.likeP { font-size: 77%; font-style: normal; } /* pouzito pro dlouha comba uvnitr H1 */ span.curjump { color: #3D3C28; } CENTER P { margin-left: 0; } TABLE { margin-left: 55px; border-color: #dddddd; border-collapse: collapse; border-spacing:0; } TD, TH { padding: 6px; vertical-align: middle; } TD { vertical-align: top; } TD H2 { margin-left: 3px; } TD P, TD LI, TD DT, TD BLOCKQUOTE, TD H4, TD H3, TD H5 { margin-left: 11px; } TD H3, TD H2 { margin-top: 0; } TD.ctr H4 { margin: 3px 0; text-align: center; font-weight: bold; } TD.mid H4 { margin: 3px 0; font-weight: bold; } FORM TD H3, FORM TD H4, FORM TD H5 { margin-left: 0; margin-top: 4px; margin-bottom: 0; } /* spolecne upravy lay_shared2 ---------------------------------------------------------------------------- */ #nav { text-transform: none; font-size: 11pt; color: #3d3c28;} #nav li { margin: 2px 2px; } #nav :hover ul li { margin: 4px 2px; } div.ctr { width: auto; margin: 0 auto; text-align: center; } /* nahrada center tagu */ div.jsslide div div.jssCap { width:333px; height:66px;}