html, body {
height: 100%;
width: 100%;
}
body {
font-family: Arial,Helvetica,sans-serif;
font-size: 95%;
}
/*
loading screen
*/
div#load_screen{
background: #888;
opacity: 1;
position: fixed;
z-index: 10;
top: 0px;
width: 100%;
height: 1600px;
}
div#load_screen > div#loading{
color: #FFF;
font-weight: bold;
width: 120px;
height: 24px;
margin: 300px auto;
}
/*
layout
*/
#header {
height: 50px;
}
#nav {
width: 300px;
float: left;
padding-top: 5px;
}
#section {
overflow: hidden;
padding-left: 5px;
padding-top: 6px;
}
#footer {
height: 15px;
float: right;
margin-right: 15px;
font-size: x-small;
text-align: right;
}
/*
header
*/
.fucrea-links {
float: right;
position: absolute;
z-index: 100;
top: 10px;
right: 20px;
height: 30px
}
.fucrea-links .link{
vertical-align: top;
display: inline-block;
margin-left: 10px;
}
.fucrea-links .menu {
position: absolute;
width: 150px;
}
.fucrea-links .menu a {
text-decoration: none;
}
.fucrea-links .menu ul li {
background: none;
list-style: none;
margin-left: auto;
margin-right: auto;
}
.fucrea-links .ui-button{
width: 150px;
}
/*
nav
*/
.fucrea-toolspanel {
}
.fucrea-toolspanel .ui-accordion-content {
padding: 0px;
}
/*#toolbar .ui-button {
width: 200px;
}*/
/*
content
*/
/*layers*/
.fucrea-content {
padding: 15px;
height: 300px;
overflow: auto;
}
.fucrea-content .group-title {
padding-top: 10px;
padding-bottom: 5px;
}
.fucrea-content .ui-button {
width: 200px;
}
.fucrea-content .group-content {
padding-top: 5px;
padding-bottom: 5px;
/* background-color: #f6f6f6;*/
}
.fucrea-content .single-content {
padding-top: 5px;
padding-bottom: 5px;
}
.fucrea-content .msg-content {
margin-left: 10px;
}
/*legend*/
.legend-layer {
font-size: 12px;
font-weight: bold;
}
.legend-label {
font-size: 12px;
font-style: italic;
}
.square-green {
background-color: green;
width: 20px;
height: 20px;
}
.square-yellow {
background: yellow;
width: 20px;
height: 20px;
}
.square-orange {
background: orange;
width: 20px;
height: 20px;
}
.square-red {
background: red;
width: 20px;
height: 20px;
}
.square-lake {
background: rgba(165, 191, 221, 255);
width: 20px;
height: 20px;
}
.square-multi {
background: red; /* For browsers that do not support gradients */
/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(left,red,green,blue);
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(left,red,green,blue);
/* For Fx 3.6 to 15 */
background: -moz-linear-gradient(left,red,green,blue);
/* Standard syntax */
background: linear-gradient(to right,red,green,blue);
width: 20px;
height: 20px;
}
.square-green-gradient {
background: green; /* For browsers that do not support gradients */
/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(-90deg, rgba(255, 255, 204, 255), rgba(0, 104, 55, 255));
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(-90deg, rgba(255, 255, 204, 255), rgba(0, 104, 55, 255));
/* For Firefox 3.6 to 15 */
background: -moz-linear-gradient(-90deg, rgba(255, 255, 204, 255), rgba(0, 104, 55, 255));
/* Standard syntax */
background: linear-gradient(-90deg, rgba(255, 255, 204, 255), rgba(0, 104, 55, 255));
width: 20px;
height: 20px;
}
.square-blue-gradient {
background: blue; /* For browsers that do not support gradients */
/* For Safari 5.1 to 6.0 */
background: -webkit-linear-gradient(-90deg, rgba(247, 251, 255, 255), rgba(8, 48, 107, 255));
/* For Opera 11.1 to 12.0 */
background: -o-linear-gradient(-90deg, rgba(247, 251, 255, 255), rgba(8, 48, 107, 255));
/* For Firefox 3.6 to 15 */
background: -moz-linear-gradient(-90deg, rgba(247, 251, 255, 255), rgba(8, 48, 107, 255));
/* Standard syntax */
background: linear-gradient(-90deg, rgba(247, 251, 255, 255), rgba(8, 48, 107, 255));
width: 20px;
height: 20px;
}
.point-pink {
background: rgba(255, 0, 127, 255);
/* For Safari 5.1 to 6.0 */
-webkit-border-radius: 25px;
/* For Firefox 3.6 to 15 */
-moz-border-radius: 25px;
/* Standard syntax */
border-radius: 25px;
width: 10px;
height: 10px;
}
.line-blue {
transform-origin: 0 100%;
height: 3px;
background: rgba(165, 191, 221, 255);
}
.line-black {
transform-origin: 0 100%;
height: 3px;
background: black;
}
.border-black {
border-style: solid;
border-width: 2px;
width: 16px;
height: 16px;
}
.border-pink {
border-color: rgba(255, 0, 127, 255);
border-style: solid;
border-width: 2px;
width: 16px;
height: 16px;
}
/*opacity*/
.field-title {
font-size: 12px;
font-weight: bold;
background: lightgreen;
margin-bottom: 10px;
}
.opacity-label {
font-size: 12px;
font-weight: bold;
}
.opacity-slider {
width: 100px;
}
.opacity-label-td {
padding-bottom: 10px;
padding-right: 10px;
}
.opacity-slider-td {
padding-bottom: 10px;
}
/*
info
*/
.fucrea-info-result .select-table {
width: 100%;
}
.fucrea-info-result .select-button {
width: 20px;
height: 20px;
}
.fucrea-info-result .select-count {
width: 20px;
font-size: 10px;
font-style: italic;
}
.fucrea-info-result .select-title {
font-size: 18px;
font-style: normal;
font-weight: bold;
width: 140px;
}
.fucrea-info-result .data-div {
overflow: auto;
height: 150px;
}
.fucrea-info-result .data-div table{
width: 200px;
table-layout: fixed;
}
.fucrea-info-result .data-div td{
width: 100px;
border-bottom: 1px solid #ddd;
}
.fucrea-info-result .data-div .field-name{
font-weight: normal;
}
.fucrea-info-result .data-div .field-value{
font-style: italic;
}
.fucrea-info-result .data-div .field-title1{
background-color: lightgreen;
font-weight: normal;
}
.fucrea-info-result .data-div .field-title2{
background-color: lightgrey;
font-weight: normal;
}
.fucrea-popup .ui-button-text {
font-size: 10px !important;
}
.fucrea-popup .ui-tabs-nav {
padding: .2em .1em 0;
}
.fucrea-popup .ui-tabs-panel {
padding: 0px;
}
.fucrea-popup-close {
position: absolute;
top: 1px;
right: 1px;
width: 20px;
height: 20px;
}
.fucrea-popup-action {
margin-top: 10px;
float: right
}
.fucrea-popup-action .ui-button {
font-size: 14px !important;
width: 80px;
margin-left: 2px;
}
.fucrea-popup-action .ui-button-text{
font-size: inherit !important;
}
.fucrea-popup .no-result-msg {
text-align: center;
font-weight: bold;
}
.fucrea-popup {
position: absolute;
background-color: white;
-webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
/* padding: 10px;*/
/* padding-top: 25px;*/
border-radius: 3px;
border: 1px solid #c5c5c5;
bottom: 12px;
left: -50px;
width: 250px;
}
.fucrea-popup:after, .fucrea-popup:before {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.fucrea-popup:after {
border-top-color: white;
border-width: 10px;
left: 48px;
margin-left: -10px;
}
.fucrea-popup:before {
border-top-color: #cccccc;
border-width: 11px;
left: 48px;
margin-left: -11px;
}
/*
search
*/
.fucrea-search {
padding: 15px;
}
.fucrea-search label {
display: block;
height: 25px;
}
.fucrea-search select {
width: 200px;
height: 30px;
margin-bottom: 5px;
}
.fucrea-search input {
height: 25px;
width: 196px;
}
.fucrea-search .ui-button {
height: 30px;
}
.fucrea-search .result-div .result-pad {
margin-left: 3px;
font-size: 12px;
}
.fucrea-search .result-div {
margin-top: 10px;
width: 200px;
border-style: none
}
.fucrea-search .result-div .result-title {
}
.fucrea-search .result-div .result-report-button {
margin-top: 10px;
width: 200px;
}
.fucrea-search .result-div .result-borrar-button {
margin-top: 10px;
width: 200px;
}
/*
measure
*/
.fucrea-measure {
padding: 15px;
}
.fucrea-measure .draw-type-content {
}
.fucrea-measure .option-content {
padding-top: 10px;
}
.fucrea-measure .ui-button {
width: 200px;
}
/*
draw
*/
.fucrea-draw {
padding: 15px;
}
.fucrea-draw .ui-button {
width: 200px;
}
.fucrea-draw .draw-type-content {
}
.fucrea-draw .borrar-button {
margin-top: 10px;
}
/*
import
*/
.fucrea-import {
padding: 15px;
max-height: 300px;
overflow: auto;
}
.fucrea-import .result-tr {
}
.fucrea-import .result-label-td {
width: 200px;
}
.fucrea-import .result-remove-td {
width: 20px;
}
.fucrea-import .result-label {
font-style: italic;
width: 200px;
}
.fucrea-import .result-remove {
height: 20px;
width: 20px;
}
.fucrea-import label {
display: block;
height: 25px;
}
.fucrea-import select {
width: 200px;
height: 30px;
margin-bottom: 5px;
}
.fucrea-import .button-type .ui-button {
width: 200px;
height: 30px;
}
.fucrea-import .button-import {
width: 200px;
height: 30px;
}
/*
export
*/
.fucrea-export .ui-button {
margin-top: 10px;
width: 200px;
}
/*
print
*/
.fucrea-print {
padding: 15px;
}
.fucrea-print label {
display: block;
height: 25px;
}
.fucrea-print select {
width: 200px;
height: 30px;
margin-bottom: 5px;
}
.fucrea-print input {
height: 25px;
width: 196px;
}
.fucrea-print .ui-button {
width: 200px;
height: 30px;
}
/*
simulator
*/
.fucrea-sim {
padding: 15px;
max-height: 300px;
overflow: auto;
}
.fucrea-sim label {
display: block;
height: 25px;
}
.fucrea-sim select {
width: 200px;
height: 30px;
margin-bottom: 5px;
}
.fucrea-sim input {
height: 25px;
width: 196px;
}
.fucrea-sim .ui-button {
width: 200px;
height: 30px;
margin-top: 10px;
}
.fucrea-sim .button-sim {
margin-top: 10px;
}
.fucrea-sim .select-table {
width: 100%;
}
.fucrea-sim .select-button {
width: 20px;
height: 20px;
}
.fucrea-sim .select-count {
width: 20px;
font-size: 10px;
font-style: italic;
}
.fucrea-sim .select-title {
font-size: 18px;
font-style: normal;
font-weight: bold;
width: 140px;
}
.fucrea-sim .div-msg {
margin-top: 10px;
width: 200px;
border-style: none;
}
.fucrea-sim .div-result-msg {
margin-top: 10px;
width: 200px;
border-style: none;
}
.fucrea-sim .result-table {}
.fucrea-sim .label-cell {
font-style: italic;
font-size: 14px;
}
.fucrea-sim .value-cell {
font-weight: bold;
font-size: 16px;
text-align: center;
}
.fucrea-sim .calculator-title {
background-color: lightgreen;
font-weight: normal;
}
.fucrea-sim .calculator-slider-custom-handle {
width: 3em;
height: 1.6em;
top: 50%;
margin-top: -.8em;
text-align: center;
line-height: 1.6em;
}
.fucrea-sim .calculator-slider {
width: 200px;
}
.fucrea-sim .single-content {
padding-top: 5px;
padding-bottom: 5px;
}
/*help*/
/*
section
*/
.map {
width: 100%;
height: 100%;
}
/*
footer
*/
#raftel {
float: right;
margin-right: 10px;
}
/*
open layers
*/
/*general*/
.map .ol-control button {
color: white;
background-color: rgba(20,20,20,0.5);
}
.map .ol-control button:hover,
.map .ol-control button:focus {
text-decoration: none;
background-color: rgba(20,20,20,0.7);
}
/*zoom in, out y slider*/
.map .ol-zoom .ol-zoom-out {
margin-top: 200px;
}
.map .ol-zoomslider {
background-color: transparent;
top: 2.3em;
}
.map .ol-touch .ol-zoom .ol-zoom-out {
margin-top: 200px;
}
.map .ol-touch .ol-zoomslider {
top: 2.75em;
}
.map .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
.map .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
top: 3px;
}
.map .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
.map .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
top: 230px;
}
/*overview map*/
.map .ol-overviewmap,
.ol-overviewmap.ol-uncollapsible {
bottom: auto;
left: auto;
right: 0;
top: 5px;
}
.map .ol-overviewmap:not(.ol-collapsed) {
border: 1px solid rgba(20,20,20,0.7);
}
.map .ol-overviewmap .ol-overviewmap-map {
border: none;
width: 300px;
}
.map .ol-overviewmap .ol-overviewmap-box {
border: 1px solid red;
background-color: rgba(255,0,0,0.3);
}
.map .ol-overviewmap:not(.ol-collapsed) button{
bottom: auto;
left: auto;
right: 1px;
top: 1px;
}
.map .ol-rotate {
top: 170px;
right: 0;
}
/*scale line*/
.map .ol-scale-line {
background: rgba(20,20,20,0.5);
}
/*measure*/
.map .tooltip {
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 4px;
color: white;
padding: 4px 8px;
opacity: 0.7;
white-space: nowrap;
}
.map .tooltip-measure {
opacity: 1;
font-weight: bold;
}
.map .tooltip-static {
background-color: #ffcc33;
color: black;
border: 1px solid white;
}
.map .tooltip-measure:before,
.tooltip-static:before {
border-top: 6px solid rgba(0, 0, 0, 0.5);
border-right: 6px solid transparent;
border-left: 6px solid transparent;
content: "";
position: absolute;
bottom: -6px;
margin-left: -7px;
left: 50%;
}
.map .tooltip-static:before {
border-top-color: #ffcc33;
}
.map .fucrea-current-scale {
bottom: 30px;
left: 8px;
background-color: rgba(50, 50, 50, 0.7);
color: white;
font-weight: bold;
font-size: 16px;
}