Revision d8890391
| b/ui/src/synnefo/static/alt-main.css | ||
|---|---|---|
| 185 | 185 |
opacity:0.9; |
| 186 | 186 |
} |
| 187 | 187 |
|
| 188 |
|
|
| 189 |
/* the root element for scrollable */ |
|
| 190 |
#wizard {
|
|
| 188 |
/* scrollable root element */ |
|
| 189 |
#wizard {
|
|
| 190 |
border:5px solid #87AADE; |
|
| 191 |
font-size:12px; |
|
| 192 |
height:480px; |
|
| 193 |
margin:0px auto; |
|
| 194 |
width:500px; |
|
| 191 | 195 |
overflow:hidden; |
| 192 | 196 |
position:relative; |
| 193 |
} |
|
| 197 |
/* rounded corners for modern browsers */ |
|
| 198 |
-moz-border-radius:5px; |
|
| 199 |
-webkit-border-radius:5px; |
|
| 200 |
} |
|
| 194 | 201 |
|
| 195 | 202 |
/* scrollable items */ |
| 196 | 203 |
#wizard .items {
|
| ... | ... | |
| 213 | 220 |
top:0; |
| 214 | 221 |
} |
| 215 | 222 |
|
| 216 |
/* scrollable root element */ |
|
| 217 |
#wizard {
|
|
| 218 |
background:#fff url(../static/h600.png) repeat scroll 0 0; |
|
| 219 |
border:5px solid #789; |
|
| 220 |
font-size:12px; |
|
| 221 |
height:480px; |
|
| 222 |
margin:0px auto; |
|
| 223 |
width:500px; |
|
| 224 |
overflow:hidden; |
|
| 225 |
position:relative; |
|
| 226 |
|
|
| 227 |
/* rounded corners for modern browsers */ |
|
| 228 |
-moz-border-radius:5px; |
|
| 229 |
-webkit-border-radius:5px; |
|
| 230 |
} |
|
| 231 |
|
|
| 232 | 223 |
/* scrollable items */ |
| 233 | 224 |
#wizard .items {
|
| 234 | 225 |
width:20000em; |
| ... | ... | |
| 383 | 374 |
#wizard #status {
|
| 384 | 375 |
margin:0px !important; |
| 385 | 376 |
height:35px; |
| 386 |
background:#213d55 url(../static/h30.png) repeat-x;
|
|
| 377 |
background:#999;
|
|
| 387 | 378 |
padding-left:25px !important; |
| 388 |
_background:#213d55; |
|
| 389 | 379 |
} |
| 390 | 380 |
|
| 391 | 381 |
.page ul {
|
| ... | ... | |
| 413 | 403 |
list-style-type:none; |
| 414 | 404 |
list-style-image:none; |
| 415 | 405 |
float:left; |
| 416 |
color:#fff;
|
|
| 406 |
color:#666;
|
|
| 417 | 407 |
padding:10px 30px; |
| 418 | 408 |
} |
| 419 | 409 |
|
| 420 | 410 |
#status li.active {
|
| 421 |
background-color:#F49C1A;
|
|
| 422 |
font-weight:normal;
|
|
| 411 |
background-color: black;
|
|
| 412 |
color: white;
|
|
| 423 | 413 |
} |
| 424 | 414 |
|
| 425 | 415 |
/* slider root element */ |
| 426 |
.slider {
|
|
| 416 |
.slider {
|
|
| 417 |
-moz-border-radius: 5px 5px 5px 5px; |
|
| 418 |
background-color: #87AADE; |
|
| 419 |
border: 1px solid #666; |
|
| 420 |
clear: right; |
|
| 421 |
cursor: pointer; |
|
| 427 | 422 |
display: block !important; |
| 428 |
background:#3C72E6 url(../static/h30.png) repeat-x 0 0; |
|
| 429 |
height:9px; |
|
| 430 |
position:relative; |
|
| 431 |
cursor:pointer; |
|
| 432 |
border:1px solid #333; |
|
| 433 |
width:300px; |
|
| 434 |
float:left; |
|
| 435 |
clear:right; |
|
| 436 |
margin-top:10px; |
|
| 437 |
-moz-border-radius:5px; |
|
| 438 |
-webkit-border-radius:5px; |
|
| 439 |
-moz-box-shadow:inset 0 0 8px #000; |
|
| 440 |
padding: .1em !important; |
|
| 441 |
margin-bottom: 2em; |
|
| 423 |
float: left; |
|
| 424 |
height: 3px; |
|
| 425 |
margin-top: 10px; |
|
| 426 |
padding: 0.1em !important; |
|
| 427 |
position: relative; |
|
| 428 |
width: 330px; |
|
| 429 |
} |
|
| 430 |
|
|
| 431 |
/* drag handle */ |
|
| 432 |
.handle {
|
|
| 433 |
-moz-border-radius: 14px 14px 14px 14px; |
|
| 434 |
-moz-box-shadow: 0 0 2px #000000; |
|
| 435 |
background: url("../static/h30.png") repeat-x scroll 0 0 #FFFFFF;
|
|
| 436 |
border: 1px solid #000000; |
|
| 437 |
cursor: move; |
|
| 438 |
display: block; |
|
| 439 |
height: 22px; |
|
| 440 |
margin-top: -11px; |
|
| 441 |
position: absolute; |
|
| 442 |
width: 10px; |
|
| 442 | 443 |
} |
| 443 | 444 |
|
| 444 | 445 |
/* progress bar (enabled with progress: true) */ |
| ... | ... | |
| 449 | 450 |
opacity:0.6; |
| 450 | 451 |
} |
| 451 | 452 |
|
| 452 |
/* drag handle */ |
|
| 453 |
.handle {
|
|
| 454 |
background:#fff url(../static/h30.png) repeat-x 0 0; |
|
| 455 |
height:10px; |
|
| 456 |
width:10px; |
|
| 457 |
position:absolute; |
|
| 458 |
display:block; |
|
| 459 |
margin-top:1px; |
|
| 460 |
border:1px solid #000; |
|
| 461 |
cursor:move; |
|
| 462 |
-moz-box-shadow:0 0 6px #000; |
|
| 463 |
-webkit-box-shadow:0 0 6px #000; |
|
| 464 |
-moz-border-radius:14px; |
|
| 465 |
-webkit-border-radius:14px; |
|
| 466 |
|
|
| 467 |
} |
|
| 468 |
|
|
| 469 | 453 |
/* the input field */ |
| 470 | 454 |
.range {
|
| 471 | 455 |
border:1px inset #ddd; |
| ... | ... | |
| 598 | 582 |
|
| 599 | 583 |
a.name:hover span.rename {
|
| 600 | 584 |
color: #213D55; |
| 585 |
margin-top: 0.4em; |
|
| 586 |
background-image: url(/static/pencil.png); |
|
| 601 | 587 |
} |
| 602 | 588 |
|
| 603 | 589 |
a.ip:hover span.configure {
|
| 604 | 590 |
color: #213D55; |
| 591 |
background-image: url(/static/pencil.png); |
|
| 605 | 592 |
} |
| 606 | 593 |
|
| 607 | 594 |
a.storage:hover span.configure {
|
| 608 | 595 |
color: #213D55; |
| 596 |
background-image: url(/static/pencil.png); |
|
| 609 | 597 |
} |
| 610 | 598 |
|
| 611 | 599 |
#ubuntu {
|
| ... | ... | |
| 614 | 602 |
padding-left: 50px; |
| 615 | 603 |
} |
| 616 | 604 |
|
| 617 |
.slider {
|
|
| 618 |
-moz-border-radius: 5px 5px 5px 5px; |
|
| 619 |
-moz-box-shadow: 0 0 8px #000000 inset; |
|
| 620 |
background: url("../static/h30.png") repeat-x scroll 0 0 #3C72E6;
|
|
| 621 |
border: 1px solid #333333; |
|
| 622 |
clear: right; |
|
| 623 |
cursor: pointer; |
|
| 624 |
display: block !important; |
|
| 625 |
float: left; |
|
| 626 |
height: 3px; |
|
| 627 |
margin-top: 10px; |
|
| 628 |
padding: 0.1em !important; |
|
| 629 |
position: relative; |
|
| 630 |
width: 300px; |
|
| 631 |
} |
|
| 632 |
|
|
| 633 |
.handle {
|
|
| 634 |
-moz-border-radius: 14px 14px 14px 14px; |
|
| 635 |
-moz-box-shadow: 0 0 2px #000000; |
|
| 636 |
background: url("../static/h30.png") repeat-x scroll 0 0 #FFFFFF;
|
|
| 637 |
border: 1px solid #000000; |
|
| 638 |
cursor: move; |
|
| 639 |
display: block; |
|
| 640 |
height: 22px; |
|
| 641 |
margin-top: -11px; |
|
| 642 |
position: absolute; |
|
| 643 |
width: 10px; |
|
| 644 |
} |
|
| 645 |
|
|
| 646 | 605 |
button {
|
| 647 | 606 |
-moz-border-radius: 10.2em 10.2em 10.2em 10.2em; |
| 648 |
background-color: #31446f;
|
|
| 649 |
border-bottom: 0.2em solid #666666;
|
|
| 607 |
background-color: #87AADE;
|
|
| 608 |
border-bottom: 0.2em solid #999;
|
|
| 650 | 609 |
border-width: 1px 1px 0.2em; |
| 651 | 610 |
color: #FFFFFF; |
| 652 | 611 |
cursor: pointer; |
| b/ui/src/synnefo/static/main.css | ||
|---|---|---|
| 212 | 212 |
opacity:0.9; |
| 213 | 213 |
} |
| 214 | 214 |
|
| 215 |
/* the root element for scrollable */ |
|
| 216 |
#wizard {
|
|
| 215 |
/* scrollable root element */ |
|
| 216 |
#wizard {
|
|
| 217 |
background:#fff url(../static/h600.png) repeat scroll 0 0; |
|
| 218 |
border:5px solid #789; |
|
| 219 |
font-size:12px; |
|
| 220 |
height:480px; |
|
| 221 |
margin:0px auto; |
|
| 222 |
width:500px; |
|
| 217 | 223 |
overflow:hidden; |
| 218 | 224 |
position:relative; |
| 219 |
} |
|
| 225 |
/* rounded corners for modern browsers */ |
|
| 226 |
-moz-border-radius:5px; |
|
| 227 |
-webkit-border-radius:5px; |
|
| 228 |
} |
|
| 220 | 229 |
|
| 221 | 230 |
/* scrollable items */ |
| 222 | 231 |
#wizard .items {
|
| ... | ... | |
| 239 | 248 |
top:0; |
| 240 | 249 |
} |
| 241 | 250 |
|
| 242 |
/* scrollable root element */ |
|
| 243 |
#wizard {
|
|
| 244 |
background:#fff url(../static/h600.png) repeat scroll 0 0; |
|
| 245 |
border:5px solid #789; |
|
| 246 |
font-size:12px; |
|
| 247 |
height:480px; |
|
| 248 |
margin:0px auto; |
|
| 249 |
width:500px; |
|
| 250 |
overflow:hidden; |
|
| 251 |
position:relative; |
|
| 252 |
|
|
| 253 |
/* rounded corners for modern browsers */ |
|
| 254 |
-moz-border-radius:5px; |
|
| 255 |
-webkit-border-radius:5px; |
|
| 256 |
} |
|
| 257 |
|
|
| 258 | 251 |
/* scrollable items */ |
| 259 | 252 |
#wizard .items {
|
| 260 | 253 |
width:20000em; |
| ... | ... | |
| 428 | 421 |
} |
| 429 | 422 |
|
| 430 | 423 |
/* slider root element */ |
| 431 |
.slider {
|
|
| 424 |
.slider {
|
|
| 425 |
-moz-border-radius: 5px 5px 5px 5px; |
|
| 426 |
-moz-box-shadow: 0 0 8px #000000 inset; |
|
| 427 |
background: url("../static/h30.png") repeat-x scroll 0 0 #3C72E6;
|
|
| 428 |
border: 1px solid #333333; |
|
| 429 |
clear: right; |
|
| 430 |
cursor: pointer; |
|
| 432 | 431 |
display: block !important; |
| 433 |
background:#3C72E6 url(../static/h30.png) repeat-x 0 0; |
|
| 434 |
height:9px; |
|
| 435 |
position:relative; |
|
| 436 |
cursor:pointer; |
|
| 437 |
border:1px solid #333; |
|
| 438 |
width:300px; |
|
| 439 |
float:left; |
|
| 440 |
clear:right; |
|
| 441 |
margin-top:10px; |
|
| 442 |
-moz-border-radius:5px; |
|
| 443 |
-webkit-border-radius:5px; |
|
| 444 |
-moz-box-shadow:inset 0 0 8px #000; |
|
| 445 |
padding: .1em !important; |
|
| 446 |
margin-bottom: 2em; |
|
| 432 |
float: left; |
|
| 433 |
height: 3px; |
|
| 434 |
margin-top: 10px; |
|
| 435 |
padding: 0.1em !important; |
|
| 436 |
position: relative; |
|
| 437 |
width: 330px; |
|
| 447 | 438 |
} |
| 448 | 439 |
|
| 449 | 440 |
/* progress bar (enabled with progress: true) */ |
| ... | ... | |
| 455 | 446 |
} |
| 456 | 447 |
|
| 457 | 448 |
/* drag handle */ |
| 458 |
.handle {
|
|
| 459 |
background:#fff url(../static/h30.png) repeat-x 0 0; |
|
| 460 |
height:10px; |
|
| 461 |
width:10px; |
|
| 462 |
position:absolute; |
|
| 463 |
display:block; |
|
| 464 |
margin-top:1px; |
|
| 465 |
border:1px solid #000; |
|
| 466 |
cursor:move; |
|
| 467 |
-moz-box-shadow:0 0 6px #000; |
|
| 468 |
-webkit-box-shadow:0 0 6px #000; |
|
| 469 |
-moz-border-radius:14px; |
|
| 470 |
-webkit-border-radius:14px; |
|
| 471 |
|
|
| 449 |
.handle {
|
|
| 450 |
-moz-border-radius: 14px 14px 14px 14px; |
|
| 451 |
-moz-box-shadow: 0 0 2px #000000; |
|
| 452 |
background: url("../static/h30.png") repeat-x scroll 0 0 #FFFFFF;
|
|
| 453 |
border: 1px solid #000000; |
|
| 454 |
cursor: move; |
|
| 455 |
display: block; |
|
| 456 |
height: 22px; |
|
| 457 |
margin-top: -11px; |
|
| 458 |
position: absolute; |
|
| 459 |
width: 10px; |
|
| 472 | 460 |
} |
| 473 | 461 |
|
| 474 | 462 |
/* the input field */ |
| ... | ... | |
| 484 | 472 |
-webkit-border-radius:5px; |
| 485 | 473 |
} |
| 486 | 474 |
|
| 487 |
|
|
| 488 | 475 |
.instance {
|
| 489 | 476 |
clear: both; |
| 490 | 477 |
margin: 1em 0; |
| ... | ... | |
| 513 | 500 |
padding-bottom:2em; |
| 514 | 501 |
} |
| 515 | 502 |
|
| 516 |
|
|
| 517 | 503 |
.actions {
|
| 518 | 504 |
float: right; |
| 519 | 505 |
width: 15%; |
| ... | ... | |
| 534 | 520 |
color: black !important; |
| 535 | 521 |
} |
| 536 | 522 |
|
| 537 |
|
|
| 538 | 523 |
.actions:hover a,.instance:hover .actions a {
|
| 539 | 524 |
color: #666; |
| 540 | 525 |
} |
| ... | ... | |
| 567 | 552 |
background-color: #05b00d; |
| 568 | 553 |
} |
| 569 | 554 |
|
| 570 |
|
|
| 571 | 555 |
.instance:hover div.uptime, .instance:hover a.rename, .instance:hover a.configure {
|
| 572 | 556 |
color: #666; |
| 573 | 557 |
} |
| ... | ... | |
| 617 | 601 |
padding-left: 50px; |
| 618 | 602 |
} |
| 619 | 603 |
|
| 620 |
.slider {
|
|
| 621 |
-moz-border-radius: 5px 5px 5px 5px; |
|
| 622 |
-moz-box-shadow: 0 0 8px #000000 inset; |
|
| 623 |
background: url("../static/h30.png") repeat-x scroll 0 0 #3C72E6;
|
|
| 624 |
border: 1px solid #333333; |
|
| 625 |
clear: right; |
|
| 626 |
cursor: pointer; |
|
| 627 |
display: block !important; |
|
| 628 |
float: left; |
|
| 629 |
height: 3px; |
|
| 630 |
margin-top: 10px; |
|
| 631 |
padding: 0.1em !important; |
|
| 632 |
position: relative; |
|
| 633 |
width: 330px; |
|
| 634 |
} |
|
| 635 |
|
|
| 636 |
.handle {
|
|
| 637 |
-moz-border-radius: 14px 14px 14px 14px; |
|
| 638 |
-moz-box-shadow: 0 0 2px #000000; |
|
| 639 |
background: url("../static/h30.png") repeat-x scroll 0 0 #FFFFFF;
|
|
| 640 |
border: 1px solid #000000; |
|
| 641 |
cursor: move; |
|
| 642 |
display: block; |
|
| 643 |
height: 22px; |
|
| 644 |
margin-top: -11px; |
|
| 645 |
position: absolute; |
|
| 646 |
width: 10px; |
|
| 647 |
} |
|
| 648 |
|
|
| 649 | 604 |
button {
|
| 650 | 605 |
-moz-border-radius: 10.2em 10.2em 10.2em 10.2em; |
| 651 | 606 |
background-color: #31446f; |
| ... | ... | |
| 679 | 634 |
display: block; |
| 680 | 635 |
} |
| 681 | 636 |
|
| 682 |
|
|
| 683 |
|
|
| 684 | 637 |
.page ul {
|
| 685 | 638 |
height: 280px; |
| 686 | 639 |
overflow: auto; |
Also available in: Unified diff