Revision 3f545a3e
b/ui/static/ie.css | ||
---|---|---|
11 | 11 |
} |
12 | 12 |
|
13 | 13 |
div.machine div.actions { |
14 |
right: 0px;
|
|
14 |
right: -183px;
|
|
15 | 15 |
width: 120px; |
16 |
left: 530px; |
|
17 | 16 |
} |
18 | 17 |
|
19 | 18 |
div.machine { |
... | ... | |
129 | 128 |
} |
130 | 129 |
|
131 | 130 |
div.confirm_single { |
132 |
margin-right: -66px; |
|
133 |
position: relative; |
|
134 |
} |
|
135 |
|
|
136 |
div.destroy div.confirm_single { |
|
137 |
width: 150px; |
|
131 |
margin-right: -73px; |
|
138 | 132 |
} |
139 | 133 |
|
140 | 134 |
div.action_error { |
... | ... | |
179 | 173 |
margin-left: -95px !important; |
180 | 174 |
} |
181 | 175 |
|
182 |
.single div.confirm_single button.no { |
|
183 |
margin-left: 0; |
|
184 |
position: relative; |
|
185 |
} |
|
186 |
|
|
187 |
.single div.destroy div.confirm_single { |
|
188 |
margin: 0; |
|
189 |
margin-right: -60px; |
|
190 |
margin-top: -18px; |
|
191 |
} |
|
192 |
|
|
193 | 176 |
#ie-fix-view-select { |
194 | 177 |
position: relative; |
195 | 178 |
z-index: 1000; |
... | ... | |
203 | 186 |
margin-top: -19px !important; |
204 | 187 |
} |
205 | 188 |
|
206 |
#metadata-wizard .editbuttons { |
|
207 |
padding-top: 1px; |
|
208 |
} |
|
209 |
|
|
210 | 189 |
#networkscreate { |
211 | 190 |
height:20px; |
212 | 191 |
} |
... | ... | |
244 | 223 |
margin: 5px 1px 4px; |
245 | 224 |
} |
246 | 225 |
|
247 |
.private-networks .separator { |
|
248 |
width: 505px; |
|
249 |
} |
|
250 |
|
|
251 |
div.network-placeholder { |
|
252 |
margin-left:36px; |
|
253 |
} |
|
254 |
|
|
255 |
div.network div.machine-actions a { |
|
256 |
margin-left:5px; |
|
257 |
} |
|
258 |
|
|
259 | 226 |
#metadata-wizard .addbuttons { |
260 |
margin-top: -17px;
|
|
227 |
margin-top: -16.5px;
|
|
261 | 228 |
} |
262 | 229 |
|
263 | 230 |
#metadata-wizard .dropdown-container { |
... | ... | |
269 | 236 |
padding-right: 5px; |
270 | 237 |
} |
271 | 238 |
|
272 |
#metadata-wizard .machine-name { |
|
273 |
padding-top: 1px; |
|
274 |
} |
|
275 |
|
|
276 |
#metadata-wizard #add-meta-key { |
|
277 |
height: 14px; |
|
278 |
} |
|
279 |
|
|
280 |
#metadata-wizard #add-meta-value { |
|
281 |
height: 16px; |
|
282 |
} |
|
283 |
|
|
284 |
#metadata-wizard .metadata-edit { |
|
285 |
margin-top: -13px; |
|
286 |
} |
|
287 |
|
|
288 | 239 |
#wizard div.panes { |
289 | 240 |
width: 426px; |
290 | 241 |
} |
... | ... | |
396 | 347 |
.private-networks div.network-indicator { |
397 | 348 |
margin-top:0px; |
398 | 349 |
} |
350 |
|
|
351 |
div#user { |
|
352 |
position: absolute; |
|
353 |
right:0; |
|
354 |
} |
|
355 |
|
|
356 |
div#user .usermenu { |
|
357 |
height: 29px; |
|
358 |
position: relative; |
|
359 |
width: 200px; |
|
360 |
} |
|
361 |
|
|
362 |
div#user .username { |
|
363 |
height: auto; |
|
364 |
} |
|
365 |
|
|
366 |
div#user .usermenu .useractions { |
|
367 |
background-color: #fff; |
|
368 |
margin-top:8px; |
|
369 |
} |
b/ui/static/main.css | ||
---|---|---|
43 | 43 |
margin: 0 auto; |
44 | 44 |
width: 700px; |
45 | 45 |
text-align: left; |
46 |
position: relative; |
|
46 | 47 |
} |
47 | 48 |
|
48 | 49 |
#content { |
... | ... | |
2151 | 2152 |
font-size: 75%; |
2152 | 2153 |
margin-top: 35px; |
2153 | 2154 |
padding-bottom: 10px; |
2154 |
position: relative; |
|
2155 | 2155 |
z-index: 400; |
2156 | 2156 |
} |
2157 | 2157 |
|
... | ... | |
2167 | 2167 |
div#user .usermenu { |
2168 | 2168 |
float: left; |
2169 | 2169 |
cursor: pointer; |
2170 |
height: 23px; |
|
2171 | 2170 |
overflow: hidden; |
2172 | 2171 |
padding-top: 5px; |
2173 | 2172 |
margin-top: -5px; |
... | ... | |
2179 | 2178 |
margin-right: 10px; |
2180 | 2179 |
padding-right: 18px; |
2181 | 2180 |
padding-left: 4em; |
2181 |
height: 23px; |
|
2182 | 2182 |
background: url("./down-arrow-light.png") no-repeat right; |
2183 |
background-position: right 6px; |
|
2183 | 2184 |
font-weight: bold; |
2184 | 2185 |
} |
2185 | 2186 |
|
2186 | 2187 |
div#user .usermenu.hovered { |
2187 | 2188 |
background: #599EBD; |
2188 | 2189 |
overflow: visible; |
2190 |
border-bottom: 1px solid #C7DFE9; |
|
2189 | 2191 |
} |
2190 | 2192 |
|
2191 | 2193 |
div#user .usermenu.hovered .username { |
... | ... | |
2208 | 2210 |
div#user .active .useractions { |
2209 | 2211 |
display: block; |
2210 | 2212 |
text-align: right; |
2211 |
margin-top: 7px; |
|
2212 | 2213 |
color: #4085A5; |
2213 | 2214 |
background-color: #D0E3ED; |
2214 |
margin-top:9px;
|
|
2215 |
margin-top:-1px;
|
|
2215 | 2216 |
border-top:1px solid #fff; |
2216 | 2217 |
position: relative; |
2217 |
z-index: 400;
|
|
2218 |
top: 1px;
|
|
2218 | 2219 |
} |
2219 | 2220 |
|
2220 |
div#user .active .useractions li {
|
|
2221 |
padding: 10px; |
|
2221 |
div#user .useractions li { |
|
2222 |
padding: 5px 10px;
|
|
2222 | 2223 |
border-bottom: 1px solid #efefef; |
2224 |
text-align: right; |
|
2225 |
display: block; |
|
2223 | 2226 |
} |
2224 | 2227 |
|
2225 |
div#user .active .useractions li a {
|
|
2228 |
div#user .useractions li a { |
|
2226 | 2229 |
color: #4085A5; |
2227 | 2230 |
display: inline-block; |
2228 | 2231 |
padding:5px 0; |
... | ... | |
2232 | 2235 |
background-position: center left; |
2233 | 2236 |
} |
2234 | 2237 |
|
2235 |
div#user .active .useractions li:hover {
|
|
2238 |
div#user .useractions li:hover { |
|
2236 | 2239 |
background-color: #E1EFF6; |
2237 | 2240 |
} |
2238 | 2241 |
|
2239 |
div#user .active .useractions li.last {
|
|
2242 |
div#user .useractions li.last { |
|
2240 | 2243 |
border-bottom: none; |
2241 | 2244 |
} |
2242 | 2245 |
|
b/ui/templates/home.html | ||
---|---|---|
321 | 321 |
<body> |
322 | 322 |
<div id="container"> |
323 | 323 |
<div id='header'> |
324 |
<div id='user' class="clearfix">
|
|
324 |
<div id='user'> |
|
325 | 325 |
<div class="usermenu"> |
326 |
<div class="username">{{ request.user.uniq }}</div>
|
|
326 |
<div class="username">{{ request.user.uniq }}</div> |
|
327 | 327 |
<ul class="useractions"> |
328 | 328 |
<li class="logout last"><a class="action" href="#">{% trans "logout" %}</a></li> |
329 | 329 |
</ul> |
Also available in: Unified diff