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 | } |
9529f69c |
11 | #topbanner { |
12 | width: 100%; |
13 | height: 100px; |
14 | margin-top: 20px; |
15 | } |
16 | #logoimg { |
17 | float: left; |
18 | margin-left: 20px; |
19 | } |
20 | #logotitle { |
21 | float: left; |
22 | margin-left: 30px; |
23 | height: 55px; |
24 | padding-top: 40px; |
25 | } |
26 | h1.title a:link, h1.title a:visited, h1.title a:active { |
27 | color: #666; |
28 | font-weight: bold; |
29 | text-decoration: none; |
30 | } |
31 | h1.title a:hover { |
32 | color: #222; |
33 | } |
34 | h1.title { |
35 | margin: 0; |
36 | padding: 0; |
37 | letter-spacing: -1px; |
38 | line-height: 1.0em; |
39 | font-family: tahoma, arial, sans-serif; |
40 | font-size: 240%; |
41 | } |
42 | p.tagline { |
43 | margin: 0; |
44 | padding: 0; |
45 | font-size: 1.2em; |
46 | font-weight: bold; |
47 | color: #666; |
48 | } |
49 | .term { |
50 | font-style: italic; |
51 | } |
52 | p.api { |
53 | font-weight: bold; |
54 | font-family: Courier; |
55 | } |
56 | span.apimore { |
57 | font-family: Courier; |
b28e606e |
58 | } |
59 | #enlargement_container { |
60 | height: 504px; |
61 | width: 90%; |
62 | margin-top: 5px; |
63 | border: 2px solid #B0C6F7; |
64 | background: #fff; |
65 | padding-top: 5px; |
66 | padding-bottom: 5px; |
67 | } |
68 | #dialog_overlay { |
69 | display: none; |
70 | position: absolute; |
cdd592f3 |
71 | background-image: url("cupertino/images/ui-bg_diagonals-thick_90_eeeeee_40x40.png"); |
b28e606e |
72 | background-repeat: repeat; |
73 | background-attachment: scroll; |
74 | background-position: 50% 50%; |
75 | background-color: #EEEEEE; |
76 | opacity: 0.7; |
77 | padding-bottom: 5px; |
78 | padding-top: 5px; |
79 | border: 2px solid #B0C6F7; |
80 | } |
81 | #update_workspace_button { |
9529f69c |
82 | position: absolute; |
83 | left: 74.5%; |
84 | top: 126px; |
85 | height: 44px; |
86 | width: 46px; |
87 | margin-top: 17px; |
88 | border: none; |
cdd592f3 |
89 | background-image: url('../images/act_icons.png'); |
9529f69c |
90 | background-position: 0px 44px; |
91 | background-color: none; |
92 | background-repeat: none; |
b28e606e |
93 | z-index: 50; |
94 | } |
95 | #workspace_container { |
96 | height: 504px; |
97 | width: 43%; |
98 | position: relative; |
99 | top: -545px; |
100 | left: 47%; |
101 | margin-top: 10px; |
102 | border: 2px solid #B0C6F7; |
103 | background: #fff; |
104 | } |
105 | #graph_underlay { |
106 | height: 100%; |
107 | width: 100%; |
108 | background: #fff; |
109 | position: relative; |
110 | z-index: -2; |
111 | } |
112 | #visor { |
113 | height: 100px; |
114 | width: 20%; |
115 | background-color: #61EDAE; |
116 | opacity: 0.15; |
117 | position: relative; |
118 | left: 40%; |
119 | top: -104px; |
120 | z-index: -1; |
121 | border-left: 2px solid #3C73FA; |
122 | border-right: 2px solid #3C73FA; |
123 | border-bottom: 2px solid #B0C6F7; |
124 | border-top: 2px solid #B0C6F7; |
125 | } |
126 | #graph { |
127 | position: relative; top: -208px; |
128 | padding: 0px; |
129 | overflow: auto; |
130 | /* cursor: -moz-grab !important; */ /* should this be applied with JS? */ |
131 | } |
132 | #enlargement { |
133 | padding: 0px; |
134 | overflow: hidden; |
135 | } |
136 | #workspace { |
137 | padding: 0px; |
138 | overflow: hidden; |
139 | } |
140 | #keymap { |
141 | position: absolute; |
142 | left: 80%; |
9529f69c |
143 | top: 140px; |
b28e606e |
144 | border: 2px solid #B0C6F7; |
145 | background: #fff; |
cdd592f3 |
146 | background: url("cupertino/images/ui-bg_highlight-hard_100_f2f5f7_1x100.png"); |
9529f69c |
147 | background-repeat: repeat-x; |
148 | background-scroll: scroll; |
149 | background-position: 50% top; |
150 | background-color: #F2F5F7; |
b28e606e |
151 | } |
152 | #keymap ul { |
153 | padding: 10px; |
154 | padding-left: 14px; |
155 | padding-right: 14px; |
156 | margin: 0px; |
157 | } |
158 | #keymap li { |
159 | border-left: 16px solid #fff; |
160 | padding-left: 8px; |
161 | list-style: none; |
162 | margin-bottom: 3px; |
163 | } |