Revision 47276ec2 ui/static/snf/css/main.css
| b/ui/static/snf/css/main.css | ||
|---|---|---|
| 5113 | 5113 |
font-size: 0.9em; |
| 5114 | 5114 |
} |
| 5115 | 5115 |
|
| 5116 |
.create-vm .create-step-cont li.ssh-key-option.selected, |
|
| 5116 | 5117 |
.create-vm ul li.selected {
|
| 5117 |
background-color: #5CA1C0; |
|
| 5118 |
background-color: #FF7F2A; |
|
| 5119 |
background-image:linear-gradient(top, #FF9955, #E88B4D); |
|
| 5120 |
background-image:-webkit-linear-gradient(top, #FF9955, #E88B4D); |
|
| 5121 |
background-image:-o-linear-gradient(top, #FF9955, #E88B4D); |
|
| 5122 |
background-image:-moz-linear-gradient(top, #FF9955, #E88B4D); |
|
| 5118 | 5123 |
color: #fff; |
| 5119 | 5124 |
} |
| 5120 | 5125 |
|
| ... | ... | |
| 5125 | 5130 |
padding-right: 3%; |
| 5126 | 5131 |
} |
| 5127 | 5132 |
|
| 5128 |
.create-vm p.desc {
|
|
| 5133 |
.create-vm li p.desc {
|
|
| 5129 | 5134 |
font-size: 0.9em; |
| 5135 |
} |
|
| 5136 |
|
|
| 5137 |
.create-vm p.desc.warning {
|
|
| 5138 |
color: #880000; |
|
| 5139 |
} |
|
| 5140 |
|
|
| 5141 |
.create-vm p.desc.empty {
|
|
| 5142 |
color: #000; |
|
| 5143 |
} |
|
| 5144 |
|
|
| 5145 |
.create-vm p.desc {
|
|
| 5146 |
font-size: 0.8em; |
|
| 5130 | 5147 |
color: #888; |
| 5131 | 5148 |
margin-bottom: 10px; |
| 5132 | 5149 |
} |
| ... | ... | |
| 5136 | 5153 |
} |
| 5137 | 5154 |
.create-vm li.role .values .val.selected, .create-vm li.role .values .val.selected:hover {
|
| 5138 | 5155 |
color: #fff; |
| 5139 |
background-color: #5CA1C0;
|
|
| 5156 |
background-color: #FF9955;
|
|
| 5140 | 5157 |
} |
| 5141 | 5158 |
|
| 5142 | 5159 |
.create-vm .images-filter-cont, .create-vm .flavors-predefined-cont {
|
| ... | ... | |
| 5243 | 5260 |
border-left: 1px solid #A1C8DB; |
| 5244 | 5261 |
} |
| 5245 | 5262 |
|
| 5246 |
.create-vm .images-info-cont h4, .create-vm .vm-confirm .param h4{
|
|
| 5263 |
.create-vm .images-info-cont h4, .create-vm .create-step-cont .param h4{
|
|
| 5247 | 5264 |
color: #FF9955; |
| 5248 | 5265 |
margin-bottom: 1em; |
| 5249 | 5266 |
font-size: 1.2em; |
| ... | ... | |
| 5269 | 5286 |
} |
| 5270 | 5287 |
|
| 5271 | 5288 |
.create-vm .images-list .image-details.selected:hover {
|
| 5272 |
background-color: #5CA1C0;
|
|
| 5289 |
background-color: #FF7F2A;
|
|
| 5273 | 5290 |
} |
| 5274 | 5291 |
|
| 5275 | 5292 |
.create-vm .images-list .image-details.selected {
|
| ... | ... | |
| 5354 | 5371 |
.create-vm .steps-history .steps-history-cont.current .title {
|
| 5355 | 5372 |
display: block; |
| 5356 | 5373 |
top: 23px; |
| 5357 |
left: 39px;
|
|
| 5374 |
left: 43px;
|
|
| 5358 | 5375 |
font-size: 1.2em; |
| 5359 | 5376 |
color: #ffffff; |
| 5360 | 5377 |
font-weight: bold; |
| ... | ... | |
| 5394 | 5411 |
} |
| 5395 | 5412 |
|
| 5396 | 5413 |
.create-vm .steps-history .steps-history-cont.current .steps-history-step {
|
| 5397 |
width: 380px;
|
|
| 5414 |
width: 320px;
|
|
| 5398 | 5415 |
} |
| 5399 | 5416 |
|
| 5400 | 5417 |
.create-vm .steps-history .steps-history-cont.current .num {
|
| ... | ... | |
| 5409 | 5426 |
.create-vm .steps-history .steps-history-cont.current {
|
| 5410 | 5427 |
background-color: #A1C8DB; |
| 5411 | 5428 |
color: #fff; |
| 5412 |
width: 462px;
|
|
| 5429 |
width: 428px;
|
|
| 5413 | 5430 |
} |
| 5414 | 5431 |
|
| 5415 | 5432 |
.create-vm .steps-history-step {
|
| 5416 | 5433 |
padding: 4px; |
| 5417 |
padding-left: 10px;
|
|
| 5434 |
padding-left: 7px;
|
|
| 5418 | 5435 |
font-size: 1em; |
| 5419 | 5436 |
font-family: 'Ubuntu', sans-serif !important; |
| 5420 | 5437 |
margin-right: 5px; |
| ... | ... | |
| 5445 | 5462 |
text-align: center; |
| 5446 | 5463 |
padding-bottom: 2px; |
| 5447 | 5464 |
left:0; |
| 5448 |
width: 60px;
|
|
| 5465 |
width: 55px;
|
|
| 5449 | 5466 |
margin-left:0; |
| 5450 | 5467 |
margin-top:0; |
| 5451 | 5468 |
font-size: 0.8em; |
| ... | ... | |
| 5458 | 5475 |
|
| 5459 | 5476 |
.create-vm .steps-history .steps-history-cont {
|
| 5460 | 5477 |
height: 70px; |
| 5461 |
width: 60px;
|
|
| 5478 |
width: 51px;
|
|
| 5462 | 5479 |
float: left; |
| 5463 | 5480 |
color: #fff; |
| 5464 | 5481 |
border-right: 1px solid #A1C8DB; |
| ... | ... | |
| 5524 | 5541 |
overflow: auto; |
| 5525 | 5542 |
} |
| 5526 | 5543 |
|
| 5527 |
.confirm-cont {
|
|
| 5544 |
.create-vm .vm-confirm .confirm-params span.cval {
|
|
| 5545 |
margin-left: 8px; |
|
| 5546 |
color: #444; |
|
| 5547 |
} |
|
| 5548 |
|
|
| 5549 |
.create-vm .vm-confirm .confirm-params span.ckey {
|
|
| 5550 |
color: #4085A5; |
|
| 5551 |
font-weight: bold; |
|
| 5552 |
} |
|
| 5553 |
|
|
| 5554 |
.create-vm .vm-confirm .confirm-params {
|
|
| 5555 |
margin-bottom: 15px; |
|
| 5556 |
} |
|
| 5557 |
|
|
| 5558 |
.create-vm .vm-confirm h3.vm-name {
|
|
| 5559 |
background-repeat: no-repeat; |
|
| 5560 |
background-position: left center; |
|
| 5561 |
font-size: 1.4em; |
|
| 5562 |
padding-left: 1.45em; |
|
| 5563 |
color: #4085A5; |
|
| 5564 |
} |
|
| 5565 |
|
|
| 5566 |
.create-vm .list-cont h4 a {
|
|
| 5567 |
font-size: 0.8em; |
|
| 5568 |
font-weight: normal; |
|
| 5569 |
margin-right: 5px; |
|
| 5570 |
float: right; |
|
| 5571 |
color: #FF7F2A; |
|
| 5572 |
} |
|
| 5573 |
|
|
| 5574 |
.create-vm .personalize-cont, |
|
| 5575 |
.create-vm .confirm-cont {
|
|
| 5528 | 5576 |
height: 250px; |
| 5529 | 5577 |
} |
| 5530 | 5578 |
|
| 5531 |
.create-vm .vm-confirm .rename input.rename-field {
|
|
| 5579 |
.create-vm .create-step-cont .rename input.rename-field {
|
|
| 5532 | 5580 |
font-size: 1.4em; |
| 5533 | 5581 |
padding: 5px; |
| 5534 | 5582 |
width: 93%; |
| ... | ... | |
| 5537 | 5585 |
background-repeat: no-repeat; |
| 5538 | 5586 |
} |
| 5539 | 5587 |
|
| 5540 |
.create-vm .vm-confirm .rename label {
|
|
| 5588 |
.create-vm .create-step-cont .rename label {
|
|
| 5541 | 5589 |
display: block; |
| 5542 | 5590 |
} |
| 5543 | 5591 |
|
| 5544 |
.create-vm .vm-confirm .confirm-conts {
|
|
| 5592 |
.create-vm .create-step-cont .personalize-conts, |
|
| 5593 |
.create-vm .create-step-cont .confirm-conts {
|
|
| 5545 | 5594 |
margin-top: 20px; |
| 5546 | 5595 |
} |
| 5547 | 5596 |
|
| 5548 |
.create-vm .vm-confirm .confirm-cont {
|
|
| 5597 |
.create-vm .create-step-cont .personalize-cont, |
|
| 5598 |
.create-vm .create-step-cont .confirm-cont {
|
|
| 5549 | 5599 |
width: 30%; |
| 5550 | 5600 |
margin-right: 2%; |
| 5551 | 5601 |
border-right: 1px solid #A1C8DB; |
| 5552 | 5602 |
float: left; |
| 5553 | 5603 |
} |
| 5554 | 5604 |
|
| 5555 |
.create-vm .vm-confirm .confirm-cont ul li .value {
|
|
| 5605 |
.create-vm .create-step-cont .list-cont ul li .value {
|
|
| 5556 | 5606 |
float: right; |
| 5557 | 5607 |
padding-top: 2px; |
| 5558 | 5608 |
display: block; |
| ... | ... | |
| 5560 | 5610 |
text-align: right; |
| 5561 | 5611 |
} |
| 5562 | 5612 |
|
| 5563 |
.create-vm .vm-confirm .confirm-cont ul li.image-description .value,
|
|
| 5564 |
.create-vm .vm-confirm .confirm-cont ul li.image-name .value {
|
|
| 5613 |
.create-vm .create-step-cont .list-cont ul li.image-description .value,
|
|
| 5614 |
.create-vm .create-step-cont .list-cont ul li.image-name .value {
|
|
| 5565 | 5615 |
float: none; |
| 5566 | 5616 |
width: auto; |
| 5567 | 5617 |
text-align:left; |
| 5568 | 5618 |
width: auto; |
| 5569 | 5619 |
} |
| 5570 | 5620 |
|
| 5571 |
.create-vm .vm-confirm .confirm-cont ul li {
|
|
| 5621 |
.create-vm .create-step-cont .list-cont ul li {
|
|
| 5572 | 5622 |
padding:0; |
| 5573 | 5623 |
margin:0; |
| 5574 | 5624 |
margin-bottom: 5px; |
| ... | ... | |
| 5577 | 5627 |
margin-right: 10px; |
| 5578 | 5628 |
} |
| 5579 | 5629 |
|
| 5580 |
.create-vm .vm-confirm .confirm-cont.meta h4 {
|
|
| 5630 |
.create-vm .create-step-cont li.ssh-key-option .check {
|
|
| 5631 |
float: right; |
|
| 5632 |
margin-right: 5px; |
|
| 5633 |
margin-top: 0px; |
|
| 5634 |
} |
|
| 5635 |
|
|
| 5636 |
.create-vm .create-step-cont li.ssh-key-option.selected {
|
|
| 5637 |
} |
|
| 5638 |
.create-vm .create-step-cont li.ssh-key-option.selected:hover {
|
|
| 5639 |
background-color: #F95; |
|
| 5640 |
} |
|
| 5641 |
|
|
| 5642 |
.create-vm .create-step-cont li.ssh-key-option:hover {
|
|
| 5643 |
background-color: #eee; |
|
| 5644 |
} |
|
| 5645 |
|
|
| 5646 |
.create-vm .create-step-cont li.ssh-key-option.selected {
|
|
| 5647 |
} |
|
| 5648 |
|
|
| 5649 |
.create-vm .create-step-cont li.ssh-key-option {
|
|
| 5650 |
padding: 6px !important; |
|
| 5651 |
} |
|
| 5652 |
|
|
| 5653 |
.create-vm .create-step-cont .list-cont.ssh {
|
|
| 5654 |
width: 60%; |
|
| 5655 |
} |
|
| 5656 |
|
|
| 5657 |
.create-vm .create-step-cont .list-cont.meta h4 {
|
|
| 5581 | 5658 |
margin-right: 0; |
| 5582 | 5659 |
} |
| 5583 | 5660 |
|
| 5584 |
.create-vm .vm-confirm .confirm-cont.meta {
|
|
| 5661 |
.create-vm .create-step-cont .list-cont.meta {
|
|
| 5585 | 5662 |
margin-right:0; |
| 5586 | 5663 |
border-right: none; |
| 5587 | 5664 |
width: 195px; |
| 5588 | 5665 |
} |
| 5589 | 5666 |
|
| 5590 |
.create-vm .confirm-cont > h4 {
|
|
| 5667 |
.create-vm .list-cont > h4 {
|
|
| 5591 | 5668 |
font-size: 1.2em; |
| 5592 | 5669 |
margin-right: 10px; |
| 5593 | 5670 |
border-bottom: 1px solid #A1C8DB; |
| ... | ... | |
| 5595 | 5672 |
color: #387693; |
| 5596 | 5673 |
} |
| 5597 | 5674 |
|
| 5598 |
.create-vm .confirm-cont .param.image-name {
|
|
| 5675 |
.create-vm .list-cont .param.image-name {
|
|
| 5599 | 5676 |
margin-bottom: 0 !important; |
| 5600 | 5677 |
border-bottom: none !important; |
| 5601 | 5678 |
} |
| 5602 | 5679 |
|
| 5603 |
.create-vm .confirm-cont .param h4 {
|
|
| 5680 |
.create-vm .list-cont .param h4 {
|
|
| 5604 | 5681 |
margin-bottom: 0px !important; |
| 5605 | 5682 |
font-size: 1.1em !important; |
| 5606 | 5683 |
} |
| 5607 | 5684 |
|
| 5608 |
.create-vm .confirm-cont .param {
|
|
| 5685 |
.create-vm .list-cont .param {
|
|
| 5609 | 5686 |
margin-bottom: 7px !important; |
| 5610 | 5687 |
} |
| 5611 | 5688 |
|
| 5612 |
.create-vm .confirm-cont .value {
|
|
| 5689 |
.create-vm .list-cont .value {
|
|
| 5613 | 5690 |
font-weight: bold; |
| 5614 | 5691 |
} |
| 5615 | 5692 |
|
| 5616 |
.create-vm .confirm-cont .param .value {
|
|
| 5693 |
.create-vm .list-cont .param .value {
|
|
| 5617 | 5694 |
font-size: 0.9em; |
| 5618 | 5695 |
} |
| 5619 | 5696 |
|
| 5620 |
.create-vm .confirm-cont .param .title {
|
|
| 5697 |
.create-vm .list-cont .param .title {
|
|
| 5621 | 5698 |
color: #387693; |
| 5622 | 5699 |
} |
| 5623 | 5700 |
|
| 5624 |
.create-vm .confirm-cont .image-description {
|
|
| 5701 |
.create-vm .list-cont .image-description {
|
|
| 5625 | 5702 |
margin-left:0; |
| 5626 | 5703 |
} |
| 5627 | 5704 |
|
| 5628 |
.create-vm .confirm-cont .image-description .value {
|
|
| 5705 |
.create-vm .list-cont .image-description .value {
|
|
| 5629 | 5706 |
font-weight: normal; |
| 5630 | 5707 |
margin-left: 0 !important; |
| 5631 | 5708 |
} |
| 5632 | 5709 |
|
| 5633 |
.create-vm .confirm-cont .image-description .title {
|
|
| 5710 |
.create-vm .list-cont .image-description .title {
|
|
| 5634 | 5711 |
display: none; |
| 5635 | 5712 |
font-size: 0.8em; |
| 5636 | 5713 |
} |
| 5637 | 5714 |
|
| 5638 |
.create-vm .confirm-cont.meta .values span {
|
|
| 5715 |
.create-vm .list-cont.meta .values span {
|
|
| 5639 | 5716 |
display:block; |
| 5640 | 5717 |
float: left; |
| 5641 | 5718 |
margin-right: 4px; |
| ... | ... | |
| 5645 | 5722 |
font-size: 0.9em; |
| 5646 | 5723 |
} |
| 5647 | 5724 |
|
| 5648 |
.create-vm .confirm-cont.meta .key {
|
|
| 5725 |
.create-vm .list-cont.meta .key {
|
|
| 5649 | 5726 |
font-weight: bold; |
| 5650 | 5727 |
font-size: 0.9em; |
| 5651 | 5728 |
display: block; |
| ... | ... | |
| 5946 | 6023 |
background-color: #800; |
| 5947 | 6024 |
} |
| 5948 | 6025 |
|
| 5949 |
|
|
| 6026 |
.overlay .models-view .previous-view-link {
|
|
| 6027 |
margin: -10px; |
|
| 6028 |
margin-bottom:10px; |
|
| 6029 |
padding: 10px 5px; |
|
| 6030 |
background-image: url("../images/left-arrow.png");
|
|
| 6031 |
background-repeat: no-repeat; |
|
| 6032 |
background-position: 10px center; |
|
| 6033 |
padding-left: 20px; |
|
| 6034 |
background-color: #93D070; |
|
| 6035 |
cursor: pointer; |
|
| 6036 |
border-bottom: 1px solid #eee; |
|
| 6037 |
text-decoration: underline; |
|
| 6038 |
} |
|
| 5950 | 6039 |
.models-view .quick-add {
|
| 5951 | 6040 |
text-decoration: underline; |
| 5952 | 6041 |
color: #4085A5; |
Also available in: Unified diff