api/docroot/statistics/statistics.css at 41998054ab77553e11a49e2f4f17025bfcbf31e8 · Helioviewer-Project/api · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
body{font-family:Arial, Helvetica, sans-serif;}
#main {text-align: center; margin:0px auto; width: 90%; padding-top: 20px; }
#header {font-size:32px; vertical-align: middle; margin-top: 15px; margin-bottom: 26px;}
#headerText {display: inline-block; vertical-align: super; font-family: arial,helvetica,liberation sans,bitstream vera sans,freesans,clean,sans-serif; font-size:38px;}
#footer {font-size: 10px;}
#loadingDiv {position: absolute; width:100%; top: 0px; left: 0px; height:22px; display: flex; justify-content: space-between; align-items: center; text-align: center; z-index: 1000; border-bottom: 1px solid #CCCCCC;}
#refresh {position: relative; padding: 1px 2% 1px 0px; margin: 0px; font-size: 14px; height: 20px; top: 0px; color: #666666 }
#loading {position: relative; text-align: center; font-size: 14px; margin: 0px; padding: 1px 0px 1px 2%; color: #777777 }
#temporalResolution { font-size: 14px; width: auto;}
#visualizations {margin: 10px 0; display: flex; flex-flow: row; justify-content: space-evenly;}
#pieChartsGroup {display: flex; flex-flow: column;}
#barCharts {width: 50%; display: flex; overflow: hidden; vertical-align: top; align-self: flex-start; flex-flow: column; justify-content: flex-end; padding-top: 20px}
#when {font-size:1.5em;}
#temporalResolution {font-size: 1em;}
#startDate, #startTime, #endDate, #endTime {font-size: 1.5em;}
.hide {display: none;}
.summaryCount {font-weight: bold; font-size:24px; cursor: pointer;}
.heading {text-align: left; padding-left: 10%;}
.content {
    overflow: hidden;
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    transition: max-height 0.2s ease-out;
}
.collapsible {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 13px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    margin-top: 18px;
}
.active, .collapsible:hover {
    background-color: #ddd;
}
.collapsible:after {
    content: "+"; /* Unicode character for "plus" sign (+) */
    font-size: 18px;
    color: black;
    float: right;
    margin-left: 5px;
  }

  .active:after {
    content: "-"; /* Unicode character for "minus" sign (-) */
  }


#dashboard-links { margin-top: 20px; font-size: 1.2em; }

@media screen and (max-width: 800px) {
    #header {font-size: 24px;}
}