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

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

New fancy interface update l33t! w00t!

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