/* TODO:
#externPanels
*/
@media (max-width: 1270px), (max-height: 500px) { /* 800px 400px*/
html, body {
height: 100%;
margin: 0;
padding: 0 !important;
width: 100%;
}
body.tdBg06 { /*JP u aplikaci v IFrame zachovat odsazeni*/
width: auto;
height: auto;
padding: 5px !important;
}
/* mapa */
#MainDivOver {
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
}
#MainDiv {
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
}
#divMapInner {
border: 0 none !important;
left: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
}
/* TODO - tohle jeste uplne nefunguje, obrazek mapy je porad mensi, nez ve skutecnosti */
#Map1, #Map2 {
/*left: 0 !important;*/
/*top: 0 !important;*/
/*width: 100% !important;
height: 100% !important;*/
}
/* pravy panel s vrstvami */
#seznam_vrstev {
height: 100vh; /* IE fallback */
height: calc(var(--vh, 1vh) * 100);
left: auto !important;
max-width: calc(100vw - 36px);
pointer-events: none;
right: 0;
top: var(--header-height, 0px) !important;
width: 340px !important;
}
#seznam_vrstev *:not(input) {
box-sizing: border-box;
}
#seznam_vrstev > * {
pointer-events: all;
}
#seznam_vrstev table {
table-layout: fixed;
}
#tblseznam_vrstev {
border: 0 none !important;
box-shadow: gray -1px 0px 4px 2px;
display: table !important;
height: 100% !important;
width: 100% !important;
}
#tblseznam_vrstev > tbody > tr:nth-child(3),
#tblseznam_vrstev > tr:nth-child(3) {
display: none;
}
#tblseznam_vrstev .tdBg06 {
width: 100%;
}
#tblseznam_vrstev .tdBg08, #tblseznam_vrstev .tdBg09 {
display: none;
}
#tblseznam_vrstev .bookscollapsed {
position: fixed;
left: auto;
right: 8px;
top: calc(var(--header-height, 0px) + 8px);
width: 36px
}
#tblseznam_vrstev .books:not(.bookscollapsed) {
display: none;
}
#BookLayers .BookLayers::after {
content: "";
background: no-repeat center center url("data:image/svg+xml;utf8,") !important;
}
#BookLegend .BookLegend::after {
content: "";
background: no-repeat center center url("data:image/svg+xml;utf8,") !important;
}
#BookPrint .BookPrint::after {
content: "";
background: no-repeat center center url("data:image/svg+xml;utf8,") !important;
}
#BookFind .BookFind::after {
content: "";
background: no-repeat center center url("data:image/svg+xml;utf8,") !important;
}
#BookInfo .BookInfo::after {
content: "";
background: no-repeat center center url("data:image/svg+xml;utf8,") !important;
}
#BookDraw .BookDraw::after {
content: "";
background: no-repeat center center url("data:image/svg+xml;utf8,") !important;
}
#BookLayers, #BookLegend, #BookPrint, #BookFind, #BookInfo, #BookDraw {
border-radius: var(--control-corner-radius);
margin-top: 8px;
}
#BookLayers:first-child, #BookLegend:first-child, #BookPrint:first-child, #BookFind:first-child, #BookInfo:first-child, #BookDraw:first-child {
margin-top: 0;
}
.BookLayers, .BookInfo, .BookFind, .BookLegend, .BookPrint, .BookDraw, .book0, .book1, .book2, .book3, .book4, .book5, .book0gray, .book1gray, .book2gray, .book3gray, .book4gray, .book5gray {
background-color: var(--control-bg-color);
height: 36px;
width: 36px;
}
.book0gray > div::after, .book1gray > div::after, .book2gray > div::after, .book3gray > div::after, .book4gray > div::after, .book5gray > div::after,
.book0 > div::after, .book1 > div::after, .book2 > div::after, .book3 > div::after, .book4 > div::after, .book5 > div::after {
background-color: transparent !important;
border: 0 none;
height: 26px;
left: 5px;
top: 5px;
transform: none;
width: 26px;
}
#Innerseznam_vrstev {
height: calc(100vh - 32px) !important; /* IE fallback */
height: calc(var(--vh, 1vh) * 100 - 32px - var(--header-height, 0px)) !important; /* nad tim je jeste .tdBg02 s vyskou 32px*/
padding: 8px;
width: 100% !important;
}
#Innerseznam_vrstev.divObsahOkno {
border: 0 none;
}
#Innerseznam_vrstev > div {
height: 100%;
margin: 0 !important;
width: 100%;
}
#Innerseznam_vrstev > div .localizePanel,
#Innerseznam_vrstev > div .divDrawContent {
margin: 0;
}
/* scale bar */
.scaleBar {
display: none;
}
/* pan arrows*/
.arrowPanel {
display: none;
height: 64px;
left: 4px !important;
top: 4px !important;
width: 64px;
}
.divArrowLeft::after, .divArrowLeftOn::after,
.divArrowRight::after, .divArrowRightOn::after,
.divArrowUp::after, .divArrowUpOn::after,
.divArrowDown::after, .divArrowDownOn::after {
font-size: 20px;
}
/* VIP panel*/
#VipPanel {
align-items: start;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
left: 0 !important;
/*padding: 0 52px 0 6px; /* vpravo jsou ovladaci tlacitka vrstev atp*/
top: calc(var(--header-height, 0px) + 5px);
width: 100% !important;
padding-right: 38px;
}
#VipPanel > * {
flex: 0 0 auto;
}
/* windows */
.divOuterBox:not(#prehledova_mapa):not(#seznam_vrstev):not(#adresy), .divAlertBubblegray {
bottom: 0;
height: auto;
left: 0 !important;
max-height: calc(95% - var(--header-height, 0px));
position: fixed;
top: auto !important;
right: 0;
}
.divTecky {
display: none;
}
.divIcoMin, .divIcoMinOn, .divIcoMinoff, .divIcoOkno, .divIcoOknoOn, .divIcoOknooff, .divIcoClose, .divIcoCloseOn, .divIcoCloseoff, .divIcoMinVert, .divIcoMinVertOn, .divIcoMinVertoff, .OverviewScale, .OverviewScaleon {
height: 32px;
width: 32px;
}
.divIcoMin::after, .divIcoMinOn::after, .divIcoClose::after, .divIcoCloseOn::after, .divIcoOkno::after, .divIcoOknoOn::after, .divIcoMinVert::after, .divIcoMinVertOn::after, .OverviewScale::after, .OverviewScaleon::after {
align-items: center;
display: flex;
font-size: 24px;
justify-content: center;
}
.divIcoOkno, .divIcoOknoOn,
.divOuterBox:not(#adresy):not(#menu_selector) .divIcoMin, .divOuterBox:not(#adresy):not(#menu_selector) .divIcoMinOn {
display: none !important;
}
.divIcoMin::after, .divIcoMinOn::after, .divIcoMinVert::after, .divIcoMinVertOn::after {
content: "\00D7"; /* prepsani minimalizacniho symbolu na krizek */
}
#seznam_vrstev .OverviewScaleon, #seznam_vrstev .OverviewScale {
display: none;
}
.divOuterBox:not(#prehledova_mapa) > table > tr:nth-child(3), .divOuterBox:not(#prehledova_mapa) > table > tbody > tr:nth-child(3), .tdBg01, .tdBg04, .tdBg08, .tdBg09 {
display: none;
}
.tdBg02 {
height: 32px;
text-align: left !important;
}
.tdBg02 .divNadpis, .tdBg02 .divNadpisLogin {
align-items: center;
display: inline-flex;
height: 100%;
left: auto !important;
padding-left: 8px;
position: relative;
top: auto;
}
#seznam_vrstev .divNadpis::before {
content: "▾";
font-size: 20px;
margin-right: 2px;
transform: translateY(-1px);
}
#prehledova_mapa .divNadpis {
left: 30px !important;
}
.overviewHideOnStart {
display: none; /* init schovani po startu, pak uz tam className nikdy neni*/
}
#Innernews_win {
height: calc(100vh - 60px) !important; /* IE fallback */
height: calc(var(--vh, 1vh) * 100 - 60px) !important;
padding: 12px 8px;
width: auto !important;
}
#Innerqappl_win {
width: 100vw !important;
}
#Innerpanel-help {
max-height: calc(95vh - 32px); /* IE fallback */
max-height: calc(var(--vh, 1vh) * 95 - 32px - var(--header-height, 0px));
width: 100% !important;
}
/* menu neni bezne okno pres celou sirku od spodniho okraje*/
#tblmenu_selector {
bottom: 37px;
margin-bottom: auto !important;
margin-left: 11px; /* left 8 + margin 3 -> divTlacitkoMenu*/
}
#tblmenu_selector .tr1 {
display: none;
}
#menu_selector .divMenuBgrOn .divTlacitkoMenu, #menu_selector .divMenuBgrOn .divTlacitkoMenuOn {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.tblOknoOkno:not(#tblprehledova_mapa), .tblOknoOknoon:not(#tblprehledova_mapa), .tblOknoAdresy, .tblOknoMenu {
border: 0 none;
position: relative;
table-layout: fixed;
width: 100%;
}
.tblOknoOkno *:not(input), .tblOknoOknoon *:not(input), .tblOknoAdresy *:not(input), .tblOknoMenu *:not(input) {
box-sizing: border-box;
}
.tblOknoOkno:not(#tblprehledova_mapa) .tdBg02, .tblOknoOknoon:not(#tblprehledova_mapa) .tdBg02, .tblOknoAdresy .tdBg02, .tblOknoMenu .tdBg02 {
width: 100vw;
}
.tblOknoOkno:not(#tblprehledova_mapa) .divObsahOkno, .tblOknoOknoon:not(#tblprehledova_mapa) .divObsahOkno, .tblOknoAdresy .divObsahOkno, .tblOknoMenu .divObsahOkno {
height: auto !important;
max-height: calc(95vh - 32px); /* IE fallback */
max-height: calc(var(--vh, 1vh) * 95 - 32px - var(--header-height, 0px)); /* .divOuterBox - .tdbg2 */
padding: 16px 12px;
}
.tblOknoOkno .divObsahOkno, .tblOknoOknoon .divObsahOkno, .tblOknoAdresy .divObsahOkno, .tblOknoMenu .divObsahOkno {
width: 100% !important;
}
#Innermenu_selector {
border-radius: var(--windows-border-radius);
border-bottom-left-radius: 0;
overflow: auto;
}
#menu_selector #Innermenu_selector .tblMenuText, #menu_selector #Innermenu_selector .tblMenuMenu {
max-width: 320px;
}
#menu_selector #Innermenu_selector .tblMenuMenu td {
padding-left: 12px;
text-align: left;
}
#adresy {
bottom: 80px;
left: 0 !important;
top: auto !important;
}
.divAdresyBgr, .divAdresyBgrOn {
left: 8px;
right: auto;
}
/* paticka */
@keyframes slideOutDown {
0% {
transform: translateY(0);
}
100% {
transform: translateY(100%);
}
}
#QuarterPanel {
background: white;
box-sizing: border-box;
animation-delay: 3s;
animation-duration: .6s;
animation-name: slideOutDown;
animation-iteration-count: 1;
animation-timing-function: ease-in;
animation-fill-mode: forwards;
padding: 12px 16px;
position: fixed;
z-index: 4;
}
.QuarterPanelIn {
white-space: normal;
}
/* hlavicka */
#HeadPanel {
background: rgba(255,255,255,.6);
box-sizing: border-box;
position: fixed;
z-index: 4;
}
/* tools, menu*/
.divTools, .divToolsQ {
bottom: 8px !important;
height: auto !important;
padding-right: 26px; /* misto na LogoGeoMain */
top: auto !important;
}
.divMenuBgr, .divMenuBgrOn, #menu_selector {
bottom: 6px;
left: 8px;
}
/* wattermark */
.LogoGeoMain, .LogoGeoMainQ {
background-image: url('../obrazy/GeovapLogoSmallVert.png');
bottom: 20px;
height: 97px;
left: auto !important;
right: 2px;
top: auto !important;
transform-origin: center;
transform: rotate(180deg);
width: 25px;
}
/* vyber temat */
.divTheme {
display: none;
}
/* inputy/checkboxy - prevzato z puvodniho "body2x" stylu */
input[type="checkbox"].treeChck, .body2x input[type="radio"].treeChck {
margin-top: -4px;
}
input[type="checkbox"], .body2x input[type="radio"] {
width: 20px;
height: 20px;
margin-left: 5px;
margin-right: 3px;
}
.divPlus, .divMinus, .divMinusV, .divPlusV, .divL, .divE, .divT, .divInRightNode, .divInRightNodeLoc, .tdInNode {
min-height: 30px;
}
/* z-index hell*/
.divMenuBgr, .divMenuBgrOn {
z-index: 1 !important;
}
#menu_selector {
z-index: 3 !important;
}
#adresy {
z-index: 2 !important;
}
#books {
z-index: 1 !important;
}
#seznam_vrstev, #Innerseznam_vrstev {
z-index: 3 !important;
}
.arrowPanel, .divArrowLeft, .divArrowLeftOn, .divArrowRight, .divArrowRightOn, .divArrowUp, .divArrowUpOn, .divArrowDown, .divArrowDownOn, .icoEarth, .icoEarthOn {
z-index: 2 !important;
}
.divTools, .divToolsQ {
z-index: 2;
}
.LogoGeoMain, .LogoGeoMainQ {
z-index: 2;
}
/*JP*/
#prehledova_mapa.respWin, #Nastroje.respWin {
display: none !important;
}
@media (pointer: coarse) {
.divElemStyle {
padding: 5px 8px;
}
.MenuNode .MenuItemin, .MenuNode .MenuIteminon {
padding: 6px 8px;
}
.vectorCircle {
transform: scale(1.8);
vector-effect: non-scaling-stroke;
}
}
#detectResponsive {
visibility: visible;
}
.stPanelMap {
display: none;
}
.responziveQuarter {
display: block;
}
}
@media (max-width: 1270px) and (min-width: 600px), (max-height: 500px) and (min-width: 600px) { /*zmenšení šířky okna pokud šířka přesáhne limit(široké a nízké viewporty)*/
#polygon {
right: auto;
width: 250px;
}
#gps {
right: auto;
width: 320px;
}
}