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