:root { /* zmienne */
--middledivs_height: 800px;
--padding_logo: 0px 0 5px 0;
--font_nav_left: 20px;
/* reszta zmiennych jest w js */
}
body {
background-color: #333333;
color: #ffffff;
font-family: "Times New Roman", Times, serif;
}
#container {
width:1600px;
margin-left: auto;
margin-right: auto;
}
.logo {
height: var(--height_logo);
font-size: var(--font_logo);
background-color: #000000;
text-align: center;
}
#logoleft {
width:300px;
/* trickie centering vertically */
line-height: var(--height_logo);
white-space: nowrap;
/* ---------------------------- */
font-size: var(--font_logoleft);
color: #223344;
float: left;
}
.marginesy_span {
margin: 5px;
}
#logomid_div {
width: 1000px;
/* trickie centering vertically */
line-height: var(--height_logo);
white-space: nowrap;
/* ---------------------------- */
float: left;
}
.logomid_span_akronim {
font-weight: bold;
color:#00dd00;
}
#logoright_container {
width: 300px;
float: left;
font-size: var(--font_logoright);
text-align: right;
}
.zegar {
display:block;
margin:5px;
}
#nav_left {
float:left;
width:300px;
height: var(--middledivs_height);
margin-left: auto;
margin-right: auto;
background-color: #444444;
font-size: var(--font_nav_left);
}
#search_tools {
margin: 5px;
margin-bottom:var(--nav_left_div_separator);
}
#lista_z_nazwami_drog {
width: 290px;
height: var(--height_lista_z_nazwami_drog);
font-size: var(--font_lista_z_nazwami_drog)
}
#wyszukaj_po_nazwie {
width: 290px;
}
#wyszukaj_po_nazwie_input {
width:13em;
/*4 poniĹźsze linijki to tylko FF*/
height:1.4em;
padding:2px;
border:1px solid #ddd;
font: 0.8em/0.9 "Times New Roman", Times, serif;
/*4 powyĹźsze linijki to tylko FF*/
}
#wyszukaj_po_nazwie_button {
height:1.74em;
/*4 poniĹźsze linijki to tylko FF*/
width:4.1em;
padding:2px;
border:1px solid #ddd;
font:0.8em/0.9 "Times New Roman", Times, serif;
/*4 powyĹźsze linijki to tylko FF*/
}
#dane_granic_pasa_drogowego {
text-align: left;
margin: 5px;
margin-bottom: var(--nav_left_div_separator);
}
.buttons_container {
margin: 5px;
}
.ul_buttons_list {
padding:0; /*nadpisz domyslne ustawoienia taga 'ul'*/
margin:0; /*nadpisz domyslne ustawoienia taga 'ul'*/
text-align: left;
list-style-type: none; /*bez znacznikĂłw punktowania listy*/
}
.btn-on { /*funkcjonalnoĹÄ mapy*/
width: 120px;
height: 35px;
margin-bottom: 5px;
border-radius: 10px;
font-size: 15px;
background-color: rgba(48, 110, 150, 1);
text-align: center;
}
.btn-on:hover {
background-color: rgba(28, 70, 150, 1);
color: #ffffff;
}
.btn-off {
width: 120px;
height: 35px;
margin-bottom: 5px;
border-radius: 10px;
font-size: 15px;
background-color: #666666;
text-align: center;
}
.btn-off:hover {
background-color: #333333;
color: #00ff00;
}
/*
remove arrows from input type number
Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/*
remove arrows from input type number
Firefox */
input[type=number] {
-moz-appearance: textfield;
}
/*batony od layer visibility*/
.lay-on { /*layer on*/
width: 152px;
height: 35px;
margin-bottom: 5px;
border-radius: 10px;
font-size: 15px;
background-color:#008800;
text-align: center;
}
.lay-on:hover {
background-color:#005500;
color:#ffffff;
}
.lay-off {
width: 142px;
height: 35px;
margin-bottom: 5px;
border-radius: 10px;
font-size: 15px;
background-color:#666666;
color: #ffffff;
text-align: center;
}
.lay-off:hover {
background-color:#444444;
color:#ffffff;
}
#middle_container {
float: left;
width: 1000px;
height: var(--middledivs_height);
margin-left: auto;
margin-right: auto;
}
.view_the_whole_map {
width: calc(1000px - 2 * 5px);
height: calc( var(--middledivs_height) - 2 * 5px );
margin: 5px;
/* z powodĂłw, ktĂłrych nie rozumiem tu musi byÄ zadeklarowana height, bo znika mapa; nie sledziĹem tego dokĹadniej */
}
.view_the_half_map {
width: calc(500px - 4 * 2.5px);
height: calc( var(--middledivs_height) - 2 * 5px );
margin: 2.5px;
float: left;
}
#fieldset_generator {
margin: 5px 5px 5px 5px;
padding-bottom: 0;
}
#drawing_area_generator {
overflow-y:auto;
height:322px;
margin-left:auto;
margin-right:auto;
margin-bottom:5px;
}
ul#pave_draw {
margin-left: auto;
margin-right: auto;
margin-top:0;
margin-bottom:0;
padding: 0 0 0 0; /*to jest ul, wiÄc usuwam domyĹlne paddingi*/
width:400px;
}
li.single_pavelayer_draw {
background-color: #555555;
border-left: 2px dashed #fff;
border-right: 2px dashed #fff;
border-top: 1px solid #000;
border-bottom: 2px solid #000;
position:relative;
padding: 5px;
list-style-type:none; /* nie pokazuj markerĂłw listy */
}
span#numerator_item {
background-color: #00aa00;
}
span#delete_item {
text-align: right;
position: absolute;
right: -5px;
font-size: 20px;
color:#ee0000;
}
.ol-rotate { /* Nadpisany ol.css */
margin-top: 32px;
}
.ol-mouse-position { /* Nadpisany ol.css */
margin-right: 45px;
margin-top: 5px;
background: rgba(255, 255, 255, 0.5);
border-radius: 2px;
padding: 0 10px;
font-size: 22px;
color: #000000;
}
.ol-zoomslider { /* Zakres slidera w ksztaĹcie prostokÄ
ta. Nadpicss dlateimportant*/
background-color: #0099ff50 !important;
border-top: 10px solid rgba(48, 70, 150, .6) !important;
border-bottom: 10px solid rgba(48, 70, 150, .6) !important;
}
.ol-zoomslider-thumb { /* Suwak slidera. Nadpisany ol.css */
height: 30px !important;
background-color: #ffffff !important;
border-radius: 10px !important;
}
.ol-zoomslider-thumb:hover { /* Nadpisany ol.css*/
background-color: rgba(28, 70, 150, 1) !important;
}
#nav_right {
float:left;
width: 300px;
height: var(--middledivs_height);
font-size: 25px;
background-color: #444444;
}
.wybor_dzialania {
margin: 5px;
}
#type {
font-size:var(--font_type_selector);
}
input[type=checkbox] {
transform: scale( var(--checkbox_scale) );
margin-left: 15px;
}
.batony {
width: 180px;
height: 35px;
font-size: 20px;
margin-top: 3px;
}
.js_naglowek_komunikatu_green {
color: #00ff00;
}
.js_naglowek_komunikatu_red {
color: #ff0000;
}
.js_kolor_napisu_green {
color: #00ff00;
}
.js_kolor_napisu_szary {
color: #999999;
}
#select_przypisz_obiekt {
background-color: #fff;
width: 210px;
font-size: 20px;
height: 30px;
margin-top: 3px;
margin-bottom: 6px;
}
#span_kierunek {
float: left;
width: 35px;
height: 25px;
margin-top: 5px;
margin-bottom: 5px;
}
#input_kierunek_od, #input_kierunek_do {
float: left;
width: 175px;
height: 25px;
font-size: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.customselect { /* remove std. select arrow in IE*/
overflow: hidden;
}
.customselect select { /* remove std. select arrow in other browsers*/
width: 210px;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.generator_wiersze_formularza { /*poszczegĂłlne wiersze formularza wywoĹanego przyciski'wypelnij' ( interfejs do pobierania od uzytkownika danych na temat technoologii ) */
font-size: 20px;
}
.rows_inner {
font-size: 20px; /*jak w generator_wiersze_formularza*/
margin-top: 3px;
margin-bottom: 12px;
max-width: 300px;
}
.generator_buttons {
font-size: 20px; /*jak w generator_wiersze_formularza*/
margin-top: 3px;
padding: 3px;
margin-bottom: 12px;
max-width: 300px;
background-color:#888888;
color:#ffffff;
font-weight: bold;
}
.generator_buttons:hover {
font-size: 20px; /*jak w generator_wiersze_formularza*/
margin-top: 3px;
padding: 3px;
margin-bottom: 12px;
max-width: 300px;
background-color:#444444;
color:#00aa00;
font-weight: bold;
}
h4 {
margin: 5px;
margin-left: -2px;
}
#remonty_container_buttons {
text-align: right;
}
/*# sourceMappingURL=/tren.4736c2cb.css.map */