galmon/html/geo/geo.css

129 lines
2.1 KiB
CSS

body {
height: 100%;
margin: 0;
width: 100%;
float: left;
background-color: #ccc;
font-family: verdana, helvetica, arial, sans-serif;
}
#galmongeo {
border: blue 1px solid;
margin: 5px;
padding: 10px;
width: 98%;
background-color: white;
margin-left: auto;
margin-right: auto;
}
#galmoninfo {
border-top: blue 1px solid;
margin-bottom: 10px;
}
#combined {
display: inline-block;
position: relative;
background-color: transparent;
// background-color: yellow;
height: 700px;
width: 100%;
//margin-left: auto;
//margin-right: auto;
margin: 10px;
}
#svgworld {
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
// border: blue 1px solid;
display: inline-block;
// margin-left: auto;
// margin-right: auto;
}
#svggraticule {
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
// border: blue 1px solid;
display: inline-block;
// margin-left: auto;
// margin-right: auto;
}
#svgobservers {
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
// border: blue 1px solid;
display: inline-block;
// margin-left: auto;
// margin-right: auto;
}
#svgalmanac {
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
// border: blue 1px solid;
display: inline-block;
// margin-left: auto;
// margin-right: auto;
}
svg {
// border: red 1px solid;
// background-color: transparent;
padding: 20px;
// margin-left: auto;
// margin-right: auto;
}
path.countries {
stroke-width: 1;
stroke: #75739F;
fill: #5EAFC6;
}
path.coverage {
stroke-width: 1;
stroke: #888;
fill: #888;
fill-opacity: 0.1;
}
circle.sats {
stroke-width: 1;
stroke: #4F442B;
//fill: #FCBC34;
}
text.labels {
// stroke-width: 1;
// stroke: #4F442B;
// fill: #FCBC34;
font-family: courier new, courier;
font-style: italic;
}
circle.centroid {
fill: #75739F;
pointer-events: none;
}
rect.bbox {
fill: none;
stroke-dasharray: 5 5;
stroke: #75739F;
stroke-width: 2;
pointer-events: none;
}
path.graticule {
fill: none;
stroke-width: 1;
stroke: #9A8B7A;
}
path.graticule.line {
stroke: #E5E1DE;
}
path.graticule.outline {
stroke: #9A8B7A;
}
path.merged {
fill: #9A8B7A;
stroke: #4F442B;
stroke-width: 2px;
}