source: trunk/web-app/css/visualization.css @ 2014

Last change on this file since 2014 was 2014, checked in by tjeerd@…, 8 years ago

Further awesome additions to the visualization interface

File size: 2.8 KB
Line 
1/* #step2, #step3 { display: none; } */
2label { display: inline-block; }
3
4table.jqplot-table-legend { width: 100px; }
5
6#visualization {
7    width: 100%;
8}
9
10
11/** START :: MESSAGES**/
12
13#message {
14    width: 840px;
15    height: 40px;
16    overflow: hidden;
17    display: none;
18}
19
20.error {
21        border: 1px solid #f99; /* #006dba; */
22        margin-bottom: 10px;
23        margin-top: 10px;
24        padding: 10px 10px 10px 33px;
25}
26
27.warning {
28        border: 1px solid #06C; /* #006dba; */
29        margin-bottom: 10px;
30        margin-top: 10px;
31    padding: 10px 10px 10px 33px;
32}
33
34/** START :: VISUALIZATION MENU **/
35
36#data {
37    position: relative;
38    width: 960px;
39}
40
41#menu_container {
42    width : 60px;
43    background-color: #ddd;
44    border-top-right-radius: 10px;
45    -moz-border-radius-topright: 10px;
46    -webkit-border-top-right-radius: 10px;
47    border-bottom-right-radius: 10px;
48    -moz-border-radius-bottomright: 10px;
49    -webkit-border-bottom-right-radius: 10px;
50    border-right-style: inset;
51    border-right-width: 5px;
52    z-index: 5;
53}
54
55.menu_item {
56    position: relative;
57    width : 88px;
58    margin-right: 4px;
59    padding: 4px;
60    border-top-right-radius: 10px;
61    -moz-border-radius-topright: 10px;
62    -webkit-border-top-right-radius: 10px;
63    border-bottom-right-radius: 10px;
64    -moz-border-radius-bottomright: 10px;
65    -webkit-border-bottom-right-radius: 10px;
66    border-style: solid solid solid none;
67    border-width: 2px;
68    font-size: medium;
69    background-color: #AAAAAA;
70    border-color: #888;
71    z-index: 10;
72    min-height: 60px;
73}
74
75.menu_arrow {
76    background-repeat: no-repeat;
77    margin: 6px;
78    height: 48px;
79}
80
81.menu_spacer {
82    height: 40px;
83}
84
85.menu_item_done {
86    background-color: #00CC00;
87    border-color: green;
88}
89
90.menu_item_error {
91    background-color: pink;
92    border-color: red;
93}
94
95.menu_item_warning {
96    background-color: yellow;
97    border-color: #ffa07a;
98}
99
100.menu_item_fill {
101    background-color: #87cefa;
102    border-color: blue;
103}
104
105.menu_item_info {
106    font-size: 9px;
107    width: 80px;
108    overflow-x: hidden;
109}
110
111.menu_item:hover {
112    background-color: white;
113}
114
115#visualization_container {
116    position: absolute;
117    left: 120px;
118    width: 840px;
119    top: 0px;
120
121}
122
123#menu_go {
124    background-color: white;
125    width: 110px;
126}
127
128.formulier {
129    position: absolute;
130    display: none;
131    left: 130px;
132    top: -2px;
133    width: 360px;
134    height: 170px;
135    border-style: solid;
136    border-color: inherit;
137    border-width: 2px;
138    background: white;
139    padding: 40px;
140}
141
142.formulier .info {
143    font-size: 11px;
144    color: #555;
145}
146
147.formulier label {
148    font-size: 14px;
149    color: #006DBA;
150}
151
152.formulier select {
153    width: 100%;
154}
155
156.spinner {
157    display: none;
158    width: 16px;
159    height: 16px;
160}
161
162#button_visualize {
163    margin: 4px;
164    padding: 10px;
165    text-align: center;
166    background-color: #DD0a0a;
167    color: white;
168    font-weight: bold;
169}
Note: See TracBrowser for help on using the repository browser.