Commit | Line | Data |
b28e606e |
1 | body { |
2 | margin: 0; |
3 | padding: 0 20px; |
4 | font: 1em "Trebuchet MS", verdana, arial, sans-serif; |
5 | font-size: 85%; |
6 | background: #EDF1FA; |
7 | } |
8 | .error { |
9 | color: red; |
10 | } |
11 | #graph_container { |
12 | height: 104px; |
13 | width: 90%; |
14 | margin-top: 5px; |
15 | border: 2px solid #B0C6F7; |
16 | } |
17 | #enlargement_container { |
18 | height: 504px; |
19 | width: 90%; |
20 | margin-top: 5px; |
21 | border: 2px solid #B0C6F7; |
22 | background: #fff; |
23 | padding-top: 5px; |
24 | padding-bottom: 5px; |
25 | } |
26 | #dialog_overlay { |
27 | display: none; |
28 | position: absolute; |
29 | background-image: url("../css/cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png"); |
30 | background-repeat: repeat; |
31 | background-attachment: scroll; |
32 | background-position: 50% 50%; |
33 | background-color: #EEEEEE; |
34 | opacity: 0.7; |
35 | padding-bottom: 5px; |
36 | padding-top: 5px; |
37 | border: 2px solid #B0C6F7; |
38 | } |
39 | #update_workspace_button { |
40 | position: relative; |
41 | top: -538px; |
42 | left: 44%; |
43 | height: 17px; |
44 | width: 17px; |
45 | margin-top: 8px; |
46 | border: 1px solid #B0C6F7; |
47 | background-image: url('../images/act_arrs.gif'); |
48 | background-position: 0px 0px; |
49 | background-color: #fcfcfc; |
50 | z-index: 50; |
51 | } |
52 | #workspace_container { |
53 | height: 504px; |
54 | width: 43%; |
55 | position: relative; |
56 | top: -545px; |
57 | left: 47%; |
58 | margin-top: 10px; |
59 | border: 2px solid #B0C6F7; |
60 | background: #fff; |
61 | } |
62 | #graph_underlay { |
63 | height: 100%; |
64 | width: 100%; |
65 | background: #fff; |
66 | position: relative; |
67 | z-index: -2; |
68 | } |
69 | #visor { |
70 | height: 100px; |
71 | width: 20%; |
72 | background-color: #61EDAE; |
73 | opacity: 0.15; |
74 | position: relative; |
75 | left: 40%; |
76 | top: -104px; |
77 | z-index: -1; |
78 | border-left: 2px solid #3C73FA; |
79 | border-right: 2px solid #3C73FA; |
80 | border-bottom: 2px solid #B0C6F7; |
81 | border-top: 2px solid #B0C6F7; |
82 | } |
83 | #graph { |
84 | position: relative; top: -208px; |
85 | padding: 0px; |
86 | overflow: auto; |
87 | /* cursor: -moz-grab !important; */ /* should this be applied with JS? */ |
88 | } |
89 | #enlargement { |
90 | padding: 0px; |
91 | overflow: hidden; |
92 | } |
93 | #workspace { |
94 | padding: 0px; |
95 | overflow: hidden; |
96 | } |
97 | #keymap { |
98 | position: absolute; |
99 | left: 80%; |
100 | top: 100px; |
101 | border: 2px solid #B0C6F7; |
102 | background: #fff; |
103 | } |
104 | #keymap ul { |
105 | padding: 10px; |
106 | padding-left: 14px; |
107 | padding-right: 14px; |
108 | margin: 0px; |
109 | } |
110 | #keymap li { |
111 | border-left: 16px solid #fff; |
112 | padding-left: 8px; |
113 | list-style: none; |
114 | margin-bottom: 3px; |
115 | } |