Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
IN-SOURCE
LKRLudwigsburg3D
Commits
071e3096
Commit
071e3096
authored
Sep 07, 2021
by
Rushikesh Padsala
Browse files
Upload New File
parent
e5672276
Changes
1
Hide whitespace changes
Inline
Side-by-side
public/CSS/lkrludwigsburg.css
0 → 100644
View file @
071e3096
/*
html,
body,
*/
#Navbar
{
overflow
:
hidden
;
}
html
,
body
,
#cesiumContainer
{
top
:
0px
;
left
:
0px
;
position
:
absolute
;
width
:
100%
;
height
:
100%
;
margin
:
0
;
padding
:
0
;
overflow
:
hidden
;
z-index
:
-1
;
}
#legend
{
position
:
relative
;
left
:
5px
;
top
:
5px
;
}
.backdrop
{
display
:
inline-block
;
background
:
rgba
(
42
,
42
,
42
,
0.7
);
border-radius
:
5px
;
border
:
1px
solid
#444
;
color
:
#fff
;
line-height
:
150%
;
font-size
:
small
;
box-shadow
:
0
0
10px
1px
#000
;
}
button
.cesium-infoBox-camera
{
display
:
none
;
}
.cesium-infoBox
{
width
:
80%
;
height
:
auto
;
right
:
5px
;
background
:
rgba
(
0
,
0
,
0
,
0.65
);
border-radius
:
10px
;
border
:
1px
solid
#444
;
padding
:
5px
10px
;
color
:
#fff
;
font
:
1em
"Fira Sans"
,
sans-serif
;
float
:
right
;
}
.cesium-infoBox-title
{
background
:
rgba
(
0
,
0
,
0
,
0
);
font
:
1em
"Fira Sans"
,
sans-serif
;
}
.cesium-infoBox-close
{
z-index
:
99999
;
}
.my-legend
.legend-title
{
text-align
:
left
;
margin-bottom
:
5px
;
font-weight
:
bold
;
font-size
:
90%
;
}
.my-legend
.legend-scale
ul
{
margin
:
0
;
margin-bottom
:
5px
;
padding
:
0
;
float
:
left
;
list-style
:
none
;
}
.my-legend
.legend-scale
ul
li
{
list-style
:
none
;
margin-left
:
0
;
line-height
:
18px
;
margin-bottom
:
2px
;
}
.my-legend
ul
.legend-labels
li
span
{
display
:
block
;
float
:
left
;
height
:
16px
;
width
:
30px
;
margin-right
:
5px
;
margin-left
:
0
;
border
:
1px
solid
#999
;
}
.my-legend
a
{
color
:
#777
;
}
.legends
{
transform
:
translate
(
0
,
0
);
display
:
none
;
bottom
:
35px
;
right
:
10px
;
width
:
70%
;
max-width
:
480px
;
color
:
#edffff
;
border
:
1px
solid
#444
;
border-right
:
none
;
border-top-left-radius
:
7px
;
border-bottom-left-radius
:
7px
;
box-shadow
:
0
0
10px
1px
#000
;
opacity
:
0.9
;
transition
:
visibility
0s
0.3s
,
opacity
0.3s
ease-in
,
transform
0.3s
ease-in
;
background
:
rgba
(
42
,
42
,
42
,
0.9
);
position
:
absolute
;
padding
:
8px
;
border-radius
:
10px
;
}
.pv-potential-legend-container
{
background
:
rgba
(
42
,
42
,
42
,
0.9
);
padding
:
8px
;
border-radius
:
4px
;
text-align
:
center
;
}
#pv-potential-legend-title
{
margin
:
0px
;
padding-bottom
:
10px
;
}
.pv-potential-Bar
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
width
:
100%
;
height
:
30px
;
background
:
linear-gradient
(
to
right
,
#ff0000
0%
,
#ffff00
50%
,
#00ff00
100%
);
color
:
#000
;
font-size
:
14px
;
font-weight
:
bold
;
}
.food-demand-legend-container
{
background
:
rgba
(
42
,
42
,
42
,
0.9
);
padding
:
8px
;
border-radius
:
4px
;
text-align
:
center
;
}
#food-demand-legend-title
{
margin
:
0px
;
padding-bottom
:
10px
;
}
.food-demand-Bar
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
width
:
100%
;
height
:
30px
;
background
:
linear-gradient
(
to
right
,
#00FF80
0%
,
#0089BA
50%
,
#0000FF
100%
);
color
:
#000
;
font-size
:
14px
;
font-weight
:
bold
;
}
.water-demand-legend-container
{
background
:
rgba
(
42
,
42
,
42
,
0.9
);
padding
:
8px
;
border-radius
:
4px
;
text-align
:
center
;
}
#water-demand-legend-title
{
margin
:
0px
;
padding-bottom
:
10px
;
}
.water-demand-Bar
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
width
:
100%
;
height
:
30px
;
background
:
linear-gradient
(
to
right
,
#33ACFF
0%
,
#FFFF00
50%
,
#FF0000
100%
);
color
:
#000
;
font-size
:
14px
;
font-weight
:
bold
;
}
#bottom-round
{
border-top-left-radius
:
20px
;
border-top-right-radius
:
20px
;
border-bottom-right-radius
:
20px
;
border-bottom-left-radius
:
20px
;
}
.line
{
font-size
:
145%
;
}
.values
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
width
:
100%
;
height
:
25px
;
color
:
#edffff
;
font-size
:
14px
;
font-weight
:
bold
;
}
.heat-demand-legend-container
{
background
:
rgba
(
42
,
42
,
42
,
0.9
);
padding
:
8px
;
border-radius
:
4px
;
text-align
:
center
;
}
#heat-demand-legend-title
{
margin
:
0px
;
padding-bottom
:
10px
;
}
.Heat-Demand-Bar
{
display
:
flex
;
justify-content
:
space-around
;
align-items
:
center
;
width
:
100%
;
height
:
30px
;
background
:
linear-gradient
(
to
right
,
#00ff00
0%
,
#ffff00
50%
,
#ff0000
100%
);
color
:
#000
;
font-size
:
14px
;
font-weight
:
bold
;
opacity
:
1
;
}
#top
{
border-top-left-radius
:
20px
;
border-top-right-radius
:
20px
;
border-bottom-right-radius
:
0px
;
border-bottom-left-radius
:
0px
;
}
#bottom
{
border-top-left-radius
:
0px
;
border-top-right-radius
:
0px
;
border-bottom-right-radius
:
20px
;
border-bottom-left-radius
:
20px
;
font-size
:
145%
;
}
#arrow-slider
{
display
:
block
;
width
:
100%
;
height
:
25px
;
}
#arrow
{
position
:
absolute
;
top
:
66%
;
left
:
0px
;
visibility
:
hidden
;
color
:
#000
;
font-size
:
35px
;
font-weight
:
bold
;
}
.credit
{
width
:
100px
;
height
:
100px
;
overflow
:
hidden
;
position
:
fixed
;
z-index
:
99999
;
background
:
url(Images/hft.jpg)
no-repeat
;
background-size
:
100px
;
bottom
:
70px
;
left
:
10px
;
box-shadow
:
0
0
10px
1px
#000
;
/* left: 5px;*/
}
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment