~jstys-z/helioviewer.org/timeline

« back to all changes in this revision

Viewing changes to timeline/Highstock-1.3.10/exporting-server/java/highcharts-export/highcharts-export-web/src/main/webapp/resources/css/demo.css

  • Committer: Jeff Stys
  • Date: 2014-04-21 12:46:26 UTC
  • Revision ID: jstys@sesda3.com-20140421124626-2332pb2dyjc33jxi
Proof-of-concept version of Data Coverage Timeline using Highchart/Highstock javascript library.  Changes to getDataCoverage API in order to feed the necessary data to the Timeline

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
body {
 
2
                font-family: Arial, Helvetica, sans-serif;
 
3
                margin: 0px;
 
4
        }
 
5
        #top {
 
6
            /*background: -moz-linear-gradient(center top , rgb(87, 84, 74), rgb(55, 52, 42)) repeat scroll 0% 0% transparent;*/
 
7
            background: black;
 
8
            background: linear-gradient( 0deg, #57544A, #37342A 15%);
 
9
            background: -webkit-linear-gradient(top, #57544A, #37342A);
 
10
            -webkit-box-shadow: 0px 0px 8px #888;
 
11
            box-shadow: 0px 0px 8px #888;
 
12
            height: 60px;
 
13
            position: relative;
 
14
            z-index: 2;
 
15
            margin-bottom:50px;
 
16
        }
 
17
        #top #logo {
 
18
            position: absolute;
 
19
            left: 20px;
 
20
            top: 10px;
 
21
        }
 
22
        #top img {
 
23
           width: 80px;
 
24
        height: 80px;
 
25
        margin-top: 5px;
 
26
        }
 
27
        #top h1 {
 
28
            position: absolute;
 
29
            left: 120px;
 
30
            top: 0px;
 
31
            color: white;
 
32
        }
 
33
        #wrap {
 
34
                width: 700px;
 
35
                overflow: auto;
 
36
                padding: 10px;
 
37
        }
 
38
        form {
 
39
                width: 650px;
 
40
                margin: 0 auto;
 
41
                padding:15px;
 
42
        }
 
43
        input, textarea {
 
44
                float: left;
 
45
                width :250px;
 
46
                margin-right:15px;
 
47
                clear: left;
 
48
        }
 
49
        textarea {
 
50
                width:650px;
 
51
                margin:0px;
 
52
                margin-bottom: 15px;
 
53
                border:1px solid black;
 
54
        }
 
55
        input[type=radio]{
 
56
                clear:left;
 
57
                margin-right:15px;
 
58
                margin-top:10px;
 
59
                width:25px;
 
60
        }
 
61
        input[type=submit]{
 
62
                width: 150px;
 
63
                float: right;
 
64
                position: relative;
 
65
                margin:0px;
 
66
                margin-top:15px;
 
67
        }
 
68
        label {
 
69
                display: block;
 
70
                padding-bottom:5px;
 
71
                padding-top:10px;
 
72
                clear:both;
 
73
        }
 
74
        label.radio {
 
75
                display:inherit;
 
76
                clear:right;
 
77
        }
 
78
        select {
 
79
                margin-right:150px;
 
80
                position: relative;
 
81
                float:left;
 
82
        }
 
83
        .info{
 
84
                position:relative;
 
85
                float:right;
 
86
                font-family:monospace;
 
87
                font-size: medium;
 
88
                width: 360px;
 
89
        }
 
90
 
 
91
        #oneline {
 
92
                float:left;
 
93
                width:660px;
 
94
                margin-bottom: 5px;
 
95
                margin-left: 5px;
 
96
        }
 
97
        div#toggle{
 
98
                visibility: hidden;
 
99
        }
 
 
b'\\ No newline at end of file'