Skip to content

GeoInt_SIDT
GeoInt_SIDT
Commit e8cc02cf authored by Ulises Morales Ramírez's avatar Ulises Morales Ramírez
Browse files
Options

descripcion reportes

parent 79df01e2
Hide whitespace changes
Inline Side-by-side
Showing with 153 additions and 149 deletions
reports/static/reports/css/scldata.css
View file @ e8cc02cf
...@@ -17,7 +17,7 @@ body { ...@@ -17,7 +17,7 @@ body {
} }
.submenu { .submenu {
text-align: left; text-align: left;
padding-left: 20px; padding-left: 20px;
} }
...@@ -76,14 +76,14 @@ body { ...@@ -76,14 +76,14 @@ body {
} }
.draggable { .draggable {
padding: 0px; padding: 0px;
top: 120%; top: 120%;
left: 2%; left: 2%;
position: absolute; position: absolute;
z-index: -1; z-index: -1;
text-align: center; text-align: center;
/* border: 1px solid #d3d3d3; */ /* border: 1px solid #d3d3d3; */
opacity: .5; opacity: .5;
} }
.draggable:hover { .draggable:hover {
...@@ -106,23 +106,23 @@ body { ...@@ -106,23 +106,23 @@ body {
opacity: 1; opacity: 1;
} */ } */
.minimap{ .minimap {
width:100%; width: 100%;
height:100%; height: 100%;
margin:0; margin: 0;
padding:0; padding: 0;
position:fixed; position: fixed;
} }
.minimaptabs{ .minimaptabs {
width:100%; width: 100%;
height:100%; height: 100%;
margin:0; margin: 0;
padding:0; padding: 0;
} }
#reportPage{ #reportPage {
height: 940px !important; height: 940px !important;
} }
#rangecontrol:hover > #slidertitle { #rangecontrol:hover > #slidertitle {
...@@ -165,194 +165,198 @@ input[type=range]::-webkit-slider-thumb { ...@@ -165,194 +165,198 @@ input[type=range]::-webkit-slider-thumb {
/* Reset Select */ /* Reset Select */
select { select {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
-ms-appearance: none; -ms-appearance: none;
appearance: none; appearance: none;
outline: 0; outline: 0;
box-shadow: none; box-shadow: none;
border: 0 !important; border: 0 !important;
background: #2c3e50; background: #2c3e50;
background-image: none; background-image: none;
} }
/* Custom Select */ /* Custom Select */
.select { .select {
position: relative; position: relative;
display: block; display: block;
width: 9em; width: 9em;
height: 3em; height: 3em;
line-height: 3; line-height: 3;
background: #2c3e50; background: #2c3e50;
overflow: hidden; overflow: hidden;
border-radius: .25em; border-radius: .25em;
} }
select { select {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0 0 0 .5em; padding: 0 0 0 .5em;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
} }
select::-ms-expand { select::-ms-expand {
display: none; display: none;
} }
/* Arrow */ /* Arrow */
.select::after { .select::after {
content: '\25BC'; content: '\25BC';
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
padding: 0 1em; padding: 0 1em;
background: #34495e; background: #34495e;
pointer-events: none; pointer-events: none;
} }
/* Transition */ /* Transition */
.select:hover::after { .select:hover::after {
color: #f39c12; color: #f39c12;
} }
.select::after { .select::after {
-webkit-transition: .25s all ease; -webkit-transition: .25s all ease;
-o-transition: .25s all ease; -o-transition: .25s all ease;
transition: .25s all ease; transition: .25s all ease;
} }
/* range normal */ /* range normal */
.arrow_box { .arrow_box {
position: relative; position: relative;
background: #ffffff; background: #ffffff;
border: 1px solid #ffa74f; border: 1px solid #ffa74f;
min-height: 30px; min-height: 30px;
bottom: 10px; bottom: 10px;
} }
.arrow_box:after, .arrow_box:before { .arrow_box:after, .arrow_box:before {
top: 100%; top: 100%;
left: 50%; left: 50%;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
} }
.arrow_box:after { .arrow_box:after {
border-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff; border-top-color: #ffffff;
border-width: 10px; border-width: 10px;
margin-left: -10px; margin-left: -10px;
} }
.arrow_box:before { .arrow_box:before {
border-color: rgba(255, 167, 79, 0); border-color: rgba(255, 167, 79, 0);
border-top-color: #ffa74f; border-top-color: #ffa74f;
border-width: 11px; border-width: 11px;
margin-left: -11px; margin-left: -11px;
} }
/* range de comparacion */ /* range de comparacion */
/* left */ /* left */
.arrow_box_left { .arrow_box_left {
position: relative; position: relative;
background: #ffffff; background: #ffffff;
border: 1px solid #ffa74f; border: 1px solid #ffa74f;
min-height: 30px; min-height: 30px;
bottom: 10px; bottom: 10px;
} }
.arrow_box_left:after, .arrow_box_left:before { .arrow_box_left:after, .arrow_box_left:before {
top: 100%; top: 100%;
left: 50%; left: 50%;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
} }
.arrow_box_left:after { .arrow_box_left:after {
border-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff; border-top-color: #ffffff;
border-width: 10px; border-width: 10px;
margin-left: -10px; margin-left: -10px;
} }
.arrow_box_left:before { .arrow_box_left:before {
border-color: rgba(255, 167, 79, 0); border-color: rgba(255, 167, 79, 0);
border-top-color: #ffa74f; border-top-color: #ffa74f;
border-width: 11px; border-width: 11px;
margin-left: -11px; margin-left: -11px;
} }
/* left */ /* left */
.arrow_box_right { .arrow_box_right {
position: relative; position: relative;
background: #ffffff; background: #ffffff;
border: 1px solid #ffa74f; border: 1px solid #ffa74f;
min-height: 30px; min-height: 30px;
bottom: 10px; bottom: 10px;
} }
.arrow_box_right:after, .arrow_box_right:before { .arrow_box_right:after, .arrow_box_right:before {
top: 100%; top: 100%;
left: 50%; left: 50%;
border: solid transparent; border: solid transparent;
content: " "; content: " ";
height: 0; height: 0;
width: 0; width: 0;
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
} }
.arrow_box_right:after { .arrow_box_right:after {
border-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0);
border-top-color: #ffffff; border-top-color: #ffffff;
border-width: 10px; border-width: 10px;
margin-left: -10px; margin-left: -10px;
} }
.arrow_box_right:before { .arrow_box_right:before {
border-color: rgba(255, 167, 79, 0); border-color: rgba(255, 167, 79, 0);
border-top-color: #ffa74f; border-top-color: #ffa74f;
border-width: 11px; border-width: 11px;
margin-left: -11px; margin-left: -11px;
} }
/*progress bar effect*/
/*left and right arrows for slider with font-awesome*/
.fas.fa-chevron-left {
position: absolute;
left: 0;
top: 40%;
margin-left: 5px;
color: rgba(0,60,136,.5);
font-size: 60px;
z-index: 100;
}
.fas.fa-chevron-right {
position: absolute;
right: 0;
top: 40%;
margin-right: 5px;
color: rgba(0,60,136,.5);
font-size: 60px;
z-index: 100;
}
.fas.fa-chevron-left:hover {
color: rgba(0,60,136,.7);
}
.fas.fa-chevron-right:hover {
/*progress bar effect*/ color: rgba(0,60,136,.7);
}
/*left and right arrows for slider with font-awesome*/ \ No newline at end of file
.fas.fa-chevron-left {
position: absolute;
left: 0;
top: 40%;
margin-left: 5px;
color: rgba(11, 15, 192, 0.3);
font-size: 60px;
z-index: 100;
}
.fas.fa-chevron-right {
position: absolute;
right: 0;
top: 40%;
margin-right: 5px;
color: rgba(11, 15, 192, 0.3);
font-size: 60px;
z-index: 100;
}
.fas.fa-chevron-left:hover{
color: blue;
}
.fas.fa-chevron-right:hover {
color: blue;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment