/** * @package PSTR * @author Paweł Cal<mapainfryrowerowejlublina @gmail.com>* @copyright (c) 2016 Paweł Cal<mapainfryrowerowejlublina @gmail.com>* @license GPL-3.0+ * * Niniejszy program jest wolnym oprogramowaniem; możesz go * rozprowadzać dalej i/lub modyfikować na warunkach Powszechnej * Licencji Publicznej GNU, wydanej przez Fundację Wolnego * Oprogramowania - według wersji 2-giej tej Licencji lub którejś * z późniejszych wersji. * Niniejszy program rozpowszechniany jest z nadzieją, iż będzie on * użyteczny - jednak BEZ JAKIEJKOLWIEK GWARANCJI, nawet domyślnej * gwarancji PRZYDATNOŚCI HANDLOWEJ albo PRZYDATNOŚCI DO OKREŚLONYCH * ZASTOSOWAŃ. W celu uzyskania bliższych informacji - Powszechna * Licencja Publiczna GNU. * Z pewnością wraz z niniejszym programem otrzymałeś też egzemplarz * Powszechnej Licencji Publicznej GNU (GNU General Public License); * jeśli nie - napisz do Free Software Foundation, Inc., 675 Mass Ave, * Cambridge, MA 02139, USA. */ .map:-moz-full-screen { height: 100%; width: 100%; background: white; } .map:-webkit-full-screen { height: 100%; width: 100%; } .map:-ms-fullscreen { height: 100%; width: 100%; } .map:full-screen { height: 100%; width: 100%; } .fill { min-height: 100%; height: 100%; margin: 0px; padding: 0px; } body,html { margin: 0; padding: 0; width: 100%; font-family: helvetica, sans-serif, arial; /*color: #dddddd;*/ /*background: #333333;*/ font-size: 14px; height: 100%; overflow: hidden; } .loading:not(.loaded){ background-image: url(../img/loading.jpg); background-size: cover; background-position-x: right; background-position-y: bottom; } .loading:not(.loaded) .loading-spinner{ background-image: url(../img/loading.gif); background-repeat: no-repeat; background-position: center; background-size: 6em; } header .logo{ height: 50px; float: left; margin-top: -15px; margin-right: 15px; } header .navbar{ margin-bottom: 0px !important; } header .navbar-brand h1{ font-size: 30px; margin-top: 0px; margin-bottom: 0px; display: inline-block; line-height: 20px; font-weight: bold; } @media only screen and (min-width : 765px) and (max-width : 875px){ header .navbar-brand h1{ font-size: 20px; } } @media only screen and (min-width : 520px) and (max-width : 764px){ header .navbar-brand h1{ font-size: 25px; } } @media only screen and (min-width : 0px) and (max-width : 519px){ header .navbar-brand h1{ font-size: 13px; } } .panel-title-menu { font-size: 1.5em; } #content { width: 100%; height: 100%; /* height: calc(100% - 52px); min-height: calc(100% - 52px); */ } .export-png{ top: 95px; left: .5em; } .ol-touch .export-png { top: 80px; } .media-object { height: 50px; } /*ol-geocoder*/ /* .ol-geocoder.gcd-gl-container { */ /* top: 5em; */ /* left: 0; */ /* } */ /* .ol-touch .ol-geocoder.gcd-gl-container { */ /* top: 5em!important; */ /* } */ /* .ol-touch .ol-geocoder .gcd-gl-input { */ /* left: 2.7em!important; */ /* font-size: 1em; */ /* top: .15em; */ /* width: 12.7em; */ /* } */ /* .ol-touch .ol-geocoder .gcd-gl-control:not(.gcd-gl-expanded) { */ /* width: 2.65em!important; */ /* } */ /* .ol-touch .ol-geocoder .gcd-gl-control{ */ /* height: 2.65em!important; */ /* } */ /* .ol-touch .ol-geocoder .gcd-gl-btn{ */ /* top: 0.05em!important; */ /* left: 0.05em!important; */ /* } */ /* .gcd-gl-control>button { */ /* background-color: lightgrey!important; */ /* } */ /* .ol-geocoder .gcd-gl-btn:hover{ */ /* width: 1.5625em!important; */ /* height: 1.5625em!important; */ /* } */ .ol-geocoder.gcd-gl-container { display: none; top: 50px; left: auto; right: 270px; } .ol-geocoder .gcd-gl-control { width: 16em; } .gcd-gl-control>button { display: none; background-color: blue!important; } /* .ol-geocoder .gcd-gl-input { */ /* top: 60px; */ /* left: 60px; */ /* } */ @media (max-width: 767px) { .ol-geocoder.gcd-gl-container { top: 1em; left: 4em; right: auto; } } .highlight-element { -webkit-animation: highlight-background 2s cubic-bezier(1,0,0,1) infinite; animation: highlight-background 2s cubic-bezier(1,0,0,1) infinite } @-webkit-keyframes highlight-background { 0% { background-color: #f99 } 33% { background-color: #9f9 } 67% { background-color: #99f } 100% { background-color: #f99 } } @keyframes highlight-background { 0% { background-color: #f99 } 33% { background-color: #9f9 } 67% { background-color: #99f } 100% { background-color: #f99 } } .ol-control,.ol-control:hover, .ol-control:focus, .ol-control:active { background-color: transparent; padding: 1px; } .ol-control button, .ol-control button:hover, .ol-control button:focus, .ol-control button:active { height: 2em; width: 2em; margin: .25em; background-color: white; /*rgba(0,60,136,.25);*/ border-width: 1px; border-color: rgba(150,150,150,.6); border-style: solid; box-shadow: 0px 0px 3px rgba(0,0,0,.2); color: grey;/*!important;*/ } .ol-control button:focus { /*color: darkorange;*/ } .ol-control button:active { /*color: yellow;*/ } .ol-notouch .ol-control button:hover { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); opacity: 1; animation-name: flash; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; /*Firefox 1+*/ -webkit-animation-name: flash; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; /*Safari 3-4*/ -moz-animation-name: flash; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; } .glyphicon { cursor: pointer; font-size: 1em; line-height: 1.8; } .ol-zoom .ol-zoom-in, .ol-zoom .ol-zoom-out, #geolocation-button { border-radius: 1em 1em 1em 1em; opacity: 0.8; } .ol-touch .ol-zoom .ol-zoom-in, .ol-touch .ol-zoom .ol-zoom-out, .ol-touch #geolocation-button { font-size: 1.4em!important; } .ol-touch .ol-full-screen button, .ol-touch .ol-zoom-extent button, .ol-touch .ol-rotate button{ font-size: 1.4em!important; } .ol-full-screen {top: .25em; bottom: auto; right: 50px; height: 3em; } .ol-full-screen button{opacity: .8;} .ol-attribution {bottom:0; top: auto; right: 0;} .ol-zoom { left: auto; top: auto; bottom: 20px; right: 50px; } .ol-scale-line { z-index: 2; bottom: 0; right: auto; top: auto; left: 0em; /*background-color: transparent;*/ background-color: white; padding-left: 5px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; cursor: pointer; } @media (max-width: 767px) { .ol-full-screen { right: 0px; bottom: 40px; } .ol-attribution { right: 0px; bottom: 40px; } .ol-zoom { right: 0px; bottom: 50px; } .ol-scale-line { bottom: 40px; } } .ol-scale-line-inner { color: black; border: 1px solid black; border-top: none; font-size: 9px; /* line-height: 0; */ height: 12px; } .ol-rotate { top: .25em; bottom: auto; right: 3.5em; } .ol-zoom-extent{ top: 3.25em; bottom: auto; right: .25em; left: auto; } .ol-zoom-extent button{ opacity: .6; } .ol-touch .ol-zoom-extent { top: 3.5em; } .ol-rotate button{ opacity: .6; } #geolocation-marker { position: absolute; background-color: blue; width: 1em; height: 1em; border: 1px solid white; border-radius: .5em; box-shadow: 0 .5em 1em rgba(0, 0, 0, 0.8) } #logo { position: absolute; top: .25em; left: .25em; width: 4em; height: auto; z-index: 1; } #ui-panel2 { left: 5.5em; right: auto; } #ui-panel2 button { /* float: none; */ opacity: .5; } .app-menu > .panel-body { padding: 0px; } .app-menu { box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .beta { /* position: absolute; */ /* top:-1px; */ /* right:-1px; */ font-size: .8em; background-color: darkred; color: white; border-radius: 3px; /* padding: 1px; */ padding-left: 2px; padding-right: 2px; } .panel { padding:0; border: none; border-radius: 0; margin-bottom: 0px } .panel-heading { cursor: pointer; } .panel-collapse { /* padding-bottom: 4px; */ margin-bottom: 4px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } /*legenda*/ #legend-panel { z-index: 1; position:fixed; top: 0; left: 0; width:auto; height:auto; padding-top: .2em; padding-left: .1em; padding-right: .1em; padding-bottom: .2em; /* margin: 2px; */ background-color: white; border: 1px solid #DDD; border-radius: 3px; font-size: 12px; line-height: .9em; /* min-width: 130px; /*aby skala była w legendzie*/ } #legend-panel td { padding: .1em; } /*route-panel*/ #route-panel { max-width: 100vw; max-height: 100vh; z-index:999990; position: absolute; top: 0px; padding:0; width:auto; height:auto; overflow-y:auto; } #route-panel .list-group-item { padding: 5px; border: 1px solid #DDD; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-left: 0; border-right: 0; margin-bottom: 0; margin-top: -1px; } #route-panel .panel-group{ margin-bottom: 0px; } #route-panel .panel-group .panel+.panel { margin-top: 0px } #route-panel .panel-collapse { padding-bottom: 0px; margin-bottom: 0px; } /*info-panel*/ #info-panel { /* opacity: 0.75; */ /* max-width: 100vw; */ max-width: 500px; max-height: 100vh; z-index: 20; position: absolute; padding: 0; width: auto; height: auto; right: 0px; top: 0px; /* display: none; */ } #info-panel .panel-footer{ padding-top: 0px; padding-bottom: 5px; } #info-panel .panel-body{ padding-bottom: 1px; } #info-panel img.image { max-width:100%; max-height:30vh; height:auto; width:auto; } /*ui-info-panel*/ #ui-info { position: absolute; top: 4.5em; right: 5em; left: 5em; height: 2em; padding: .5em; background-color: rgba(0, 0, 0, 0.6); border-radius: 1em; color: white; font-size: 1em; text-align: center; /* overflow: hidden; */ z-index: 1000000; } #ui-info span.text{ display: table; margin: 0px; padding: 0px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } /*menu buton active*/ .panel.active { border-color: hsl(33, 44%, 85%); } .panel.active > .panel-heading { color: darkorange; background-color: hsl(33, 44%, 89%); border-color: hsl(33, 44%, 85%); } @media screen and (orientation:landscape) and (max-device-width : 1000px) {/*poziomo*/ #route-panel{ max-width: 50vw; max-height: 100vh; width: 50vw; } #download.btn-group-vertical{ width: 100%; } #ui-info { height: 4em; } } @media screen and (orientation:portrait) and (max-device-width : 640px) {/*pionowo*/ #route-panel{ max-width: 100vw; max-height: 50%; /*calc(50vh - 48px); w chrome z klawiszami systemowymi jest jakiś bug wielkości :/*/ width: 100vw; } #download.btn-group-vertical{ width: 100%; } #ui-info { height: 4em; } } @media only screen and (max-width : 1000px) {/*poziomo*/ .desktop #route-panel{ max-width: 50%; /*50vw;*/ max-height: 100vh; width: 50vw; } .desktop #download.btn-group-vertical{ width: 100%; } #ui-info { height: 4em; } } @media only screen and (max-width : 640px) {/*pionowo*/ .desktop #route-panel{ max-width: 100vw; max-height: 50vh; width: 100vw; } .desktop #download.btn-group-vertical{ width: 100%; } #ui-info { height: 4em; } } @media (min-width: 768px){ .navbar-form { padding: 0px; } } .badge2{ background-color: #31b0d5; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } #ui button.active{ color: darkorange; } /*flash*/ .flash-button{ color:blue!important; /*padding:5px 10px;*/ /*border:none; border-radius:5px;*/ animation-name: flash; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; /*Firefox 1+*/ -webkit-animation-name: flash; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; /*Safari 3-4*/ -moz-animation-name: flash; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; } .flash2{ font-weight: bold; /*background-color: white;*/ } @keyframes flash { 0% { opacity: 1.0; transform: scale(1.2,1.2); } 50% { opacity: 0.5; transform: initial;} 100% { opacity: 1.0; transform: scale(1.2,1.2); } } /*Firefox 1+*/ @-webkit-keyframes flash { 0% { opacity: 1.0; transform: scale(1.2,1.2); } 50% { opacity: 0.5; transform: initial;} 100% { opacity: 1.0; transform: scale(1.2,1.2); } } /*Safari 3-4*/ @-moz-keyframes flash { 0% { opacity: 1.0; transform: scale(1.2,1.2); } 50% { opacity: 0.5; transform: initial;} 100% { opacity: 1.0; transform: scale(1.2,1.2); } } /*newsleter*/ /* The ribbons */ .corner-ribbon{ width: 200px; background: #e43; position: absolute; top: 25px; left: -50px; text-align: center; line-height: 50px; letter-spacing: 1px; color: #f0f0f0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index: 9999; } .corner-ribbon.sticky{ position: fixed; } .corner-ribbon.shadow{ box-shadow: 0 0 3px rgba(0,0,0,.3); } .corner-ribbon.top-left{ top: 25px; left: -50px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.top-right{ top: 25px; right: -50px; left: auto; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-left{ top: auto; bottom: 25px; left: -50px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .corner-ribbon.bottom-right{ top: auto; right: -50px; bottom: 25px; left: auto; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .corner-ribbon.white{background: #f0f0f0; color: #555;} .corner-ribbon.black{background: #333;} .corner-ribbon.grey{background: #999;} .corner-ribbon.blue{background: #39d;} .corner-ribbon.green{background: #2c7;} .corner-ribbon.turquoise{background: #1b9;} .corner-ribbon.purple{background: #95b;} .corner-ribbon.red{background: #e43;} .corner-ribbon.orange{background: #e82;} .corner-ribbon.yellow{background: #ec0;} /*NOWE*/ [v-cloak] { display: none; } .modal-mask { position: fixed; z-index: 9999999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); display: table; transition: opacity .3s ease; } .modal-wrapper { display: table-cell; vertical-align: middle; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } /*buttons ui*/ .ui-panel { z-index: 10; bottom: .75em; right: .25em; } .ui-panel button { float: left; font-weight: 300; display: block; } #legend-next-button{ position: absolute; left: 11em; bottom: 0px; right: auto; top: auto; float: inherit; z-index: 10; font-size: 0.9em; } .ol-touch #legend-next-button{ font-size: 1.1em; left: 8.5em; } .ol-touch .ui-panel button { font-size: 1.5em; } /*menu panel ui*/ #menu .panel .panel-title a:focus, #menu .panel .panel-title a:hover{ text-decoration: none; } #menu .panel .panel-heading:hover{ -webkit-filter: invert(100%); filter: invert(100%); } .img-floating{ height: 32px; } .img-floating:hover { box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); } /*menu*/ #menu-panel, #display-panel { z-index:999999; position:fixed; bottom: 4.25em; right: 0; padding:0; width:auto; height:auto; max-height:calc(100% - 4em); overflow-y:auto; } .app-menu .glyphicon { line-height : 0; opacity: .3; } #select-base-layer li.active{ font-weight: bold; } /* #menu-panel .panel-title:hover, #menu-panel .list-group-item{ */ /* font-weight: bold; */ /* } */ #buttons button.active { color: darkorange; } .deactive { pointer-events: none; opacity: 0.4; } #header.ol-touch, #header.mobile{ display: none; } .glyphicon.noopacity { opacity: 1; } #styles-panel { /* opacity: 0.75; */ /* max-width: 100vw; */ max-height: 90%; z-index: 1000; position: absolute; padding: 0; /* width: 100%; */ height: auto; top: 0; bottom: auto; overflow-y:auto; } #styles-panel input { display:none; } #styles-panel .button-color .media-object{ /*width: 1em;*/ height: .25em; } #styles-panel .button-select-color{ padding-top: 8px; padding-bottom: 8px; } #styles-panel .button-select-color:last-child{ margin-right: 5px; } #styles-panel .button-select-color .color{ top: 5px; position: relative; padding-top: 10px; left: -5px; padding-left: 10px; margin-right: -10px; } .cookie-control-container { position: fixed; bottom: 0; left: 0; z-index: 999999; width: 100%; } .cookie-control-container strong { display: block; margin: 10px 0; float: left; font-size: 1em; } .bg-green { background-color: #0b3d87; color: #fff; } .close-cookie-control { display: block; float: right; margin: 10px 0; cursor: pointer; } .wrapper { margin: 0 auto; padding: 0 20px; max-width: 100%; } .cookie-control-container p { display: block; clear: both; font-size: 0.875em; margin: 10px 0; } .justify { text-align: justify !important; } .disable-selection { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } /*panel na dole*/ .panel-bottom{ position: absolute; bottom: 0px; z-index: 11; left: 0px; right: 0px; } .panel-bottom .panel-body{ max-height: calc(100vh - 150px); width: 100%; overflow-y: auto; } .panel-bottom .panel-footer{ padding: 2px 15px; } #notification-panel .notificationStart{ display: flex; } #notification-panel .notificationStart button{ border: 0; background: none; box-shadow: none; border-radius: 0px; display: flex; vertical-align: middle; align-items: center; } #notification-panel .notificationStart .text{ white-space: nowrap; } #notification-panel .notificationStart .icon{ text-decoration: none; color: red; font-size: 2.5em; } #notification-panel .notificationStart button.active .text{ display: block!important; } @media (max-width: 767px) { #notification-panel .notificationStart .text{ margin-top: -60px; position: fixed; left: 10px; right: 10px; padding-top: 10px; padding-bottom: 10px; background-color: white; border-radius: 10px; box-shadow: 0px 0px 3px rgba(0,0,0,.5); } } /* @media (max-width: 767px) { */ /* .sidebar ul { */ /* display: flex; */ /* } */ /* } */ .sidebar li .tab-layer { color: #0074d9; } .sidebar li.active .tab-layer { color: white; } .sidebar li i { line-height: 12px; padding-top: 8px; } /* .sidebar li.tab-menu2 { */ /* display: inline-block; */ /* } */ #tab-route > div.panel { margin-left: -20px; margin-right: -20px; } #tab-route > div.panel > div.panel-heading { padding: 5px 15px; } .tab-edit { color: red; } .tab-label { /* position: absolute; */ /* left: 0; */ /* top: 2em; */ font-size: 9px; font-family: helvetica, sans-serif, arial; padding: 0; /* padding-top: -5px; */ margin:0; /* margin-top: -5px; */ line-height: 0; /* height: 5px; */ } .tab-label.deactive { font-size: 12px; } #about h4 { /* color: #337ab7; */ font-weight: 700; } .grecaptcha-badge{ z-index: 10000000; bottom: 35px!important; } .newsleter_frame{ overflow: hidden; width: 100%; height: 200px; } /*load animation*/ .lds-dual-ring { display: inline-block; width: 64px; height: 64px; } .lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #3F51B5; border-color: #3F51B5 transparent #3F51B5 transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }