Revision 2c2e8ce4 snf-cyclades-app/synnefo/ui/static/snf/css/main.css
| b/snf-cyclades-app/synnefo/ui/static/snf/css/main.css | ||
|---|---|---|
| 829 | 829 |
|
| 830 | 830 |
} |
| 831 | 831 |
|
| 832 |
.icon .machine-container .info {
|
|
| 832 |
.icon .machine-container .info, |
|
| 833 |
.icon .machine-container .ips {
|
|
| 833 | 834 |
margin-top: 2px; |
| 834 | 835 |
height: 17px; |
| 835 | 836 |
} |
| ... | ... | |
| 1137 | 1138 |
margin: 0; |
| 1138 | 1139 |
} |
| 1139 | 1140 |
|
| 1140 |
.icon div.ip, .icon div.ips {
|
|
| 1141 |
.icon div.cont-toggler-wrapper.ips {
|
|
| 1141 | 1142 |
font-size: 75%; |
| 1142 | 1143 |
} |
| 1143 | 1144 |
|
| ... | ... | |
| 2044 | 2045 |
display: none; |
| 2045 | 2046 |
} |
| 2046 | 2047 |
|
| 2047 |
#networks-pane div.confirm_multiple p {
|
|
| 2048 |
margin: 7px 0 0 100px; |
|
| 2049 |
} |
|
| 2050 |
|
|
| 2051 | 2048 |
div.confirm_multiple button {
|
| 2052 | 2049 |
float: right; |
| 2053 | 2050 |
background-color: transparent; |
| ... | ... | |
| 2550 | 2547 |
margin: 10px 15px 0 15px !important; |
| 2551 | 2548 |
} |
| 2552 | 2549 |
|
| 2553 |
#networks-pane .spinner {
|
|
| 2554 |
margin-top: 18px !important; |
|
| 2555 |
} |
|
| 2556 |
|
|
| 2557 | 2550 |
.hidden {
|
| 2558 | 2551 |
display:none; |
| 2559 | 2552 |
} |
| ... | ... | |
| 2572 | 2565 |
} |
| 2573 | 2566 |
|
| 2574 | 2567 |
/* Networks */ |
| 2575 |
#networks-pane {
|
|
| 2576 |
background-color: transparent; |
|
| 2577 |
color: black; |
|
| 2578 |
} |
|
| 2579 |
|
|
| 2580 | 2568 |
#networkscreate {
|
| 2581 | 2569 |
} |
| 2582 | 2570 |
|
| ... | ... | |
| 2728 | 2716 |
} |
| 2729 | 2717 |
|
| 2730 | 2718 |
div.network-machines, div.firewall {
|
| 2731 |
font-size: 75%; |
|
| 2732 | 2719 |
margin-left: 70px; |
| 2733 | 2720 |
} |
| 2734 | 2721 |
|
| 2735 | 2722 |
div.firewall {
|
| 2736 |
margin-left: 60px;
|
|
| 2723 |
margin-left: 70px;
|
|
| 2737 | 2724 |
margin-bottom: 3px; |
| 2738 |
margin-top: -3px;
|
|
| 2725 |
margin-top: -15px;
|
|
| 2739 | 2726 |
} |
| 2740 | 2727 |
|
| 2741 | 2728 |
div.firewall .firewall-options {
|
| ... | ... | |
| 3109 | 3096 |
color: #F82E2E; |
| 3110 | 3097 |
} |
| 3111 | 3098 |
|
| 3099 |
.firewall .progress-indicator {
|
|
| 3100 |
position: absolute; |
|
| 3101 |
right: 10px; |
|
| 3102 |
top: 53px; |
|
| 3103 |
} |
|
| 3104 |
|
|
| 3112 | 3105 |
.firewall-content {
|
| 3113 | 3106 |
color: black; |
| 3114 |
font-size: 60%; |
|
| 3115 |
margin-left: 60px; |
|
| 3107 |
font-size: 0.8em; |
|
| 3116 | 3108 |
height: 55px; |
| 3109 |
padding-top: 10px; |
|
| 3110 |
} |
|
| 3111 |
|
|
| 3112 |
.firewall-content input {
|
|
| 3113 |
cursor: pointer; |
|
| 3117 | 3114 |
} |
| 3118 | 3115 |
|
| 3119 | 3116 |
.firewall-content .checkbox-legends {
|
| ... | ... | |
| 3149 | 3146 |
} |
| 3150 | 3147 |
|
| 3151 | 3148 |
.firewall-apply {
|
| 3149 |
position: absolute; |
|
| 3152 | 3150 |
background-color: #4085a5; |
| 3153 |
border: medium none; |
|
| 3154 |
float: right; |
|
| 3151 |
border: none; |
|
| 3155 | 3152 |
font-size: 105%; |
| 3156 | 3153 |
height: 18px; |
| 3157 |
margin-right: 5px; |
|
| 3158 |
margin-top: 3px; |
|
| 3159 | 3154 |
width: 75px; |
| 3160 |
position: relative;
|
|
| 3161 |
bottom:20px;
|
|
| 3155 |
bottom: 13px;
|
|
| 3156 |
right: 10px;
|
|
| 3162 | 3157 |
} |
| 3163 | 3158 |
|
| 3164 | 3159 |
.firewall-apply:hover {
|
| ... | ... | |
| 3540 | 3535 |
.single .machine-detail.title {
|
| 3541 | 3536 |
background-color: #74AEC9; |
| 3542 | 3537 |
color: #fff; |
| 3543 |
padding: 4px 6px;
|
|
| 3538 |
padding: 4px 10px;
|
|
| 3544 | 3539 |
font-size: 0.8em; |
| 3545 |
width: 346px;
|
|
| 3540 |
width: 338px;
|
|
| 3546 | 3541 |
margin-left: 5px; |
| 3547 | 3542 |
float: left; |
| 3548 | 3543 |
} |
| ... | ... | |
| 4256 | 4251 |
font-size: 0.9em; |
| 4257 | 4252 |
} |
| 4258 | 4253 |
|
| 4254 |
.fqdn {
|
|
| 4255 |
} |
|
| 4256 |
|
|
| 4257 |
.column2 .fqdn {
|
|
| 4258 |
padding: 3px 10px; |
|
| 4259 |
} |
|
| 4260 |
|
|
| 4259 | 4261 |
.tooltip {
|
| 4260 | 4262 |
background-color: #C4DDE9; |
| 4261 | 4263 |
color: #000; |
| ... | ... | |
| 4611 | 4613 |
} |
| 4612 | 4614 |
|
| 4613 | 4615 |
.overlay .overlay-content .empty-message {
|
| 4614 |
margin-bottom: 5px;
|
|
| 4616 |
margin-bottom: 10px;
|
|
| 4615 | 4617 |
} |
| 4616 | 4618 |
|
| 4617 | 4619 |
.overlay h3.overlay-header {
|
| ... | ... | |
| 4890 | 4892 |
font-size: 0.8em; |
| 4891 | 4893 |
} |
| 4892 | 4894 |
|
| 4895 |
.options-list.four li {
|
|
| 4896 |
float: left; |
|
| 4897 |
display: block; |
|
| 4898 |
width: 25%; |
|
| 4899 |
margin-bottom: 5px; |
|
| 4900 |
} |
|
| 4901 |
|
|
| 4902 |
.options-list.five li:nth-child(4n) .options-object-cont {
|
|
| 4903 |
margin-right: 0; |
|
| 4904 |
} |
|
| 4905 |
|
|
| 4893 | 4906 |
.options-list.five li {
|
| 4894 | 4907 |
float: left; |
| 4895 | 4908 |
display: block; |
| ... | ... | |
| 4917 | 4930 |
margin-bottom: 5px; |
| 4918 | 4931 |
} |
| 4919 | 4932 |
|
| 4933 |
.meta-list .options-list.three li.options-object.create .options-object-cont {
|
|
| 4934 |
background-position: 95% 5px; |
|
| 4935 |
} |
|
| 4936 |
|
|
| 4937 |
.meta-list .options-list.four li.options-object.create .options-object-cont {
|
|
| 4938 |
background-position: 97% 5px; |
|
| 4939 |
} |
|
| 4940 |
|
|
| 4920 | 4941 |
.meta-list .options-list li.options-object.create .options-object-cont {
|
| 4921 | 4942 |
background-image: url("../images/option-action-add.png");
|
| 4922 | 4943 |
background-repeat: no-repeat; |
| ... | ... | |
| 5199 | 5220 |
background-color: #aaa; |
| 5200 | 5221 |
} |
| 5201 | 5222 |
|
| 5223 |
.cont-toggler-wrapper {
|
|
| 5224 |
float: left; |
|
| 5225 |
margin-right: 5px; |
|
| 5226 |
} |
|
| 5227 |
|
|
| 5202 | 5228 |
.cont-toggler {
|
| 5203 | 5229 |
background-image: url("../images/down-arrow.png");
|
| 5204 | 5230 |
background-position: right; |
| ... | ... | |
| 5212 | 5238 |
cursor: pointer; |
| 5213 | 5239 |
color: #fff; |
| 5214 | 5240 |
font-size: 0.9em; |
| 5241 |
float: left; |
|
| 5242 |
margin-right: 5px; |
|
| 5215 | 5243 |
} |
| 5216 | 5244 |
|
| 5217 | 5245 |
.cont-toggler .label {
|
| ... | ... | |
| 6359 | 6387 |
.password-cont .clip-copy { right: 10px; top: 8px;}
|
| 6360 | 6388 |
|
| 6361 | 6389 |
|
| 6362 |
.overlay-invitations {
|
|
| 6363 |
width: 680px; |
|
| 6364 |
} |
|
| 6365 |
.invitations-form .sending .sending-msg {
|
|
| 6366 |
font-size: 0.8em; |
|
| 6367 |
display: block !important; |
|
| 6368 |
margin-bottom: 5px; |
|
| 6369 |
color: #008800; |
|
| 6370 |
} |
|
| 6371 |
|
|
| 6372 |
.invitations-form .send-error {
|
|
| 6373 |
font-size: 0.8em; |
|
| 6374 |
margin-bottom: 5px; |
|
| 6375 |
margin-top: 5px; |
|
| 6376 |
color: #800; |
|
| 6377 |
padding: 3px; |
|
| 6378 |
padding-left: 0; |
|
| 6379 |
display: none; |
|
| 6390 |
input.has-errors {
|
|
| 6391 |
border-color: #ff0000; |
|
| 6380 | 6392 |
} |
| 6381 | 6393 |
|
| 6382 |
.invitations-form .error label {
|
|
| 6383 |
color: #000 !important; |
|
| 6394 |
.overlay .models-view .previous-view-link {
|
|
| 6395 |
margin: -10px; |
|
| 6396 |
margin-bottom:10px; |
|
| 6397 |
padding: 10px 5px; |
|
| 6398 |
background-image: url("../images/left-arrow.png");
|
|
| 6399 |
background-repeat: no-repeat; |
|
| 6400 |
background-position: 10px center; |
|
| 6401 |
padding-left: 20px; |
|
| 6402 |
background-color: #93D070; |
|
| 6403 |
cursor: pointer; |
|
| 6404 |
border-bottom: 1px solid #eee; |
|
| 6405 |
text-decoration: underline; |
|
| 6384 | 6406 |
} |
| 6385 | 6407 |
|
| 6386 |
.invitations-form .form-field {
|
|
| 6387 |
width: 49%;
|
|
| 6388 |
float: left;
|
|
| 6408 |
.icon .suspended-notice {
|
|
| 6409 |
right: 192px;
|
|
| 6410 |
top: 50px;
|
|
| 6389 | 6411 |
} |
| 6390 | 6412 |
|
| 6391 |
.invitations-view .left.none {
|
|
| 6392 |
background-color: #880000; |
|
| 6413 |
.suspended-notice {
|
|
| 6414 |
display: inline-block; |
|
| 6415 |
padding: 4px; |
|
| 6416 |
background-color: #8f1915; |
|
| 6417 |
cursor: pointer; |
|
| 6418 |
position: absolute; |
|
| 6419 |
color: #fff; |
|
| 6420 |
font-size: 0.6em; |
|
| 6421 |
display: none; |
|
| 6393 | 6422 |
} |
| 6394 | 6423 |
|
| 6395 |
.invitations-form {
|
|
| 6396 |
position: relative;
|
|
| 6424 |
.suspended .suspended-notice {
|
|
| 6425 |
display: block;
|
|
| 6397 | 6426 |
} |
| 6398 | 6427 |
|
| 6399 |
.invitations-form h3 {
|
|
| 6400 |
float: left;
|
|
| 6428 |
.suspended .action-indicator {
|
|
| 6429 |
display: none !important;
|
|
| 6401 | 6430 |
} |
| 6402 | 6431 |
|
| 6403 |
.invitations-form .add-new-invitation {
|
|
| 6404 |
float:left; |
|
| 6405 |
top:2px; |
|
| 6406 |
right: 20px; |
|
| 6407 |
width: 16px; |
|
| 6408 |
height: 16px; |
|
| 6409 |
background-image: url("../images/option-action-add.png");
|
|
| 6432 |
.trigger-resize {
|
|
| 6433 |
background-image: url("../images/pencil-disabled.png");
|
|
| 6434 |
background-position: right 2px; |
|
| 6410 | 6435 |
background-repeat: no-repeat; |
| 6411 |
background-position: center; |
|
| 6412 |
text-indent: -50000em; |
|
| 6413 |
background-color: #4085A5; |
|
| 6414 |
margin-left: 15px; |
|
| 6436 |
padding-right: 15px !important; |
|
| 6415 | 6437 |
cursor: pointer; |
| 6416 | 6438 |
} |
| 6417 | 6439 |
|
| 6418 |
.invitations-view .left {
|
|
| 6419 |
font-size: 1em; |
|
| 6420 |
color: #fff; |
|
| 6440 |
.can-resize .trigger-resize:hover {
|
|
| 6441 |
text-decoration: underline; |
|
| 6442 |
} |
|
| 6443 |
|
|
| 6444 |
.can-resize .trigger-resize {
|
|
| 6421 | 6445 |
font-weight: bold; |
| 6422 |
background-color: #4085A5; |
|
| 6423 |
padding: 4px; |
|
| 6446 |
background-image: url("../images/pencil.png");
|
|
| 6424 | 6447 |
} |
| 6425 | 6448 |
|
| 6426 |
input.has-errors {
|
|
| 6427 |
border-color: #ff0000; |
|
| 6449 |
.vm-resize .flavor-options-cont {
|
|
| 6450 |
float: none; |
|
| 6451 |
width: 100%; |
|
| 6452 |
margin: 0; |
|
| 6453 |
height: auto; |
|
| 6428 | 6454 |
} |
| 6429 | 6455 |
|
| 6430 |
.none-left .invitations-wrapper .invitations-list {
|
|
| 6431 |
width: 100% !important;
|
|
| 6432 |
border-left: none !important;
|
|
| 6433 |
padding-left: 0;
|
|
| 6456 |
.form-action.disabled {
|
|
| 6457 |
background-color: #ddd;
|
|
| 6458 |
color: #aaa;
|
|
| 6459 |
border-color: #999;
|
|
| 6434 | 6460 |
} |
| 6435 | 6461 |
|
| 6436 |
.invitations-wrapper .invitations-list {
|
|
| 6437 |
width: 40%; |
|
| 6438 |
float: left; |
|
| 6439 |
padding-left: 10px; |
|
| 6440 |
border-left: 1px solid #4085A5; |
|
| 6441 |
margin-left: -1px |
|
| 6462 |
.overlay .form-actions .assign {
|
|
| 6463 |
display: none; |
|
| 6442 | 6464 |
} |
| 6443 | 6465 |
|
| 6444 |
.invitations-wrapper .invitations-form {
|
|
| 6445 |
width: 57%; |
|
| 6446 |
float: left; |
|
| 6447 |
border-right: 1px solid #4085A5; |
|
| 6466 |
|
|
| 6467 |
.connect-ip #network-vms-select-content li.selected .options-object-cont {
|
|
| 6468 |
background-image: none !important; |
|
| 6448 | 6469 |
} |
| 6449 | 6470 |
|
| 6450 |
.invitations-wrapper label span {
|
|
| 6451 |
color: #aaa; |
|
| 6452 |
font-size: 0.8em; |
|
| 6471 |
.overlay.connect-ip .form-actions .assign {
|
|
| 6472 |
display: block; |
|
| 6453 | 6473 |
} |
| 6454 | 6474 |
|
| 6455 |
.invitations-wrapper label {
|
|
| 6456 |
display: block; |
|
| 6457 |
font-size: 0.9em; |
|
| 6458 |
margin-bottom:10px; |
|
| 6459 |
font-weight: bold; |
|
| 6475 |
.overlay.connect-ip .form-actions .create {
|
|
| 6476 |
display: none; |
|
| 6460 | 6477 |
} |
| 6461 | 6478 |
|
| 6462 |
.invitations-view .add-new-invitation {
|
|
| 6463 |
cursor: pointer;
|
|
| 6479 |
.overlay.connect-ip li.options-object .options-object-cont {
|
|
| 6480 |
background-image: none !important;
|
|
| 6464 | 6481 |
} |
| 6465 | 6482 |
|
| 6466 |
.invitations-wrapper input.name {
|
|
| 6467 |
width: 150px;
|
|
| 6483 |
.overlay-public-key-create .container {
|
|
| 6484 |
font-size: 0.9em;
|
|
| 6468 | 6485 |
} |
| 6469 | 6486 |
|
| 6470 |
.invitations-wrapper input {
|
|
| 6471 |
font-size: 0.9em; |
|
| 6472 |
width: 155px; |
|
| 6473 |
padding:4px; |
|
| 6487 |
/* Additional styles for views.ext module */ |
|
| 6488 |
.pane-view {
|
|
| 6489 |
background-color: #EFF7FA; |
|
| 6474 | 6490 |
} |
| 6475 | 6491 |
|
| 6476 |
.invitations-list .invitation-sent {
|
|
| 6477 |
border-bottom: 1px solid #A1C8DB; |
|
| 6478 |
padding-bottom: 5px; |
|
| 6479 |
margin-bottom: 5px; |
|
| 6480 |
position: relative; |
|
| 6492 |
.collection-list-view .collection {
|
|
| 6493 |
padding-top: 14px; |
|
| 6481 | 6494 |
} |
| 6482 | 6495 |
|
| 6483 |
.invitations-view h3 {
|
|
| 6484 |
margin-bottom: 10px; |
|
| 6485 |
color: #4085A5; |
|
| 6496 |
.collection-list-view .collection .create-button {
|
|
| 6497 |
margin-bottom: 15px; |
|
| 6486 | 6498 |
} |
| 6487 | 6499 |
|
| 6488 |
.invitations-list .invitation-sent.last, |
|
| 6489 |
.invitations-list .invitation-sent:last-child {
|
|
| 6490 |
border-bottom: none; |
|
| 6500 |
.collection-list-view .collection .create-button a {
|
|
| 6501 |
display: inline-block; |
|
| 6502 |
color: black; |
|
| 6503 |
background-color: #FF7F2A; |
|
| 6504 |
cursor: pointer; |
|
| 6505 |
padding: 7px 24px; |
|
| 6506 |
text-decoration: none; |
|
| 6507 |
border-left: 15px solid #FF9955; |
|
| 6508 |
margin-left: -15px; |
|
| 6509 |
font-family: 'Open Sans', sans-serif; |
|
| 6491 | 6510 |
} |
| 6492 | 6511 |
|
| 6512 |
.pane-view .collection-list-view .model-view {
|
|
| 6513 |
width: 100%; |
|
| 6514 |
background-color: transparent; |
|
| 6515 |
font-size: 75%; |
|
| 6516 |
} |
|
| 6493 | 6517 |
|
| 6494 |
.invitations-list .invitation-sent .email {
|
|
| 6495 |
color: #D98147;
|
|
| 6496 |
font-size: 0.8em;
|
|
| 6497 |
font-weight: bold;
|
|
| 6498 |
margin-top: 2px;
|
|
| 6518 |
.pane-view .collection-list-view .model-view.actionpending .main-content-inner,
|
|
| 6519 |
.pane-view .collection-list-view .model-view.subactionpending .main-content-inner,
|
|
| 6520 |
.pane-view .collection-list-view .model-view.hovered .main-content-inner,
|
|
| 6521 |
.pane-view .collection-list-view .model-view:hover .main-content-inner {
|
|
| 6522 |
background-color: #A1C8DB;
|
|
| 6499 | 6523 |
} |
| 6500 | 6524 |
|
| 6501 |
.invitations-list .pagination a, |
|
| 6502 |
.invitations-list .pagination span {
|
|
| 6503 |
padding: 0.2em 0.3em; |
|
| 6525 |
.pane-view .collection-list-view .model-view .main-content .title {
|
|
| 6526 |
font-weight: normal; |
|
| 6504 | 6527 |
} |
| 6505 | 6528 |
|
| 6506 |
.invitations-list .pagination {
|
|
| 6507 |
font-size: 0.75em; |
|
| 6529 |
.pane-view .collection-list-view .model-view .main-content {
|
|
| 6508 | 6530 |
} |
| 6509 | 6531 |
|
| 6510 |
.invitations-list .name {
|
|
| 6511 |
color: #444; |
|
| 6512 |
font-size: 0.9em; |
|
| 6532 |
.pane-view .collection-list-view .model-view:last-child .main-content {
|
|
| 6533 |
border-bottom: none; |
|
| 6513 | 6534 |
} |
| 6514 | 6535 |
|
| 6515 |
.invitations-list .status.sending {
|
|
| 6516 |
background-image: url("../images/icons/indicators/small/progress.gif");
|
|
| 6536 |
.pane-view .collection-list-view .model-view .main-content {
|
|
| 6537 |
width: 520px; |
|
| 6538 |
padding-bottom: 5px; |
|
| 6539 |
margin-bottom: 5px; |
|
| 6540 |
float: left; |
|
| 6541 |
border-bottom: 1px solid #D1E7F0; |
|
| 6517 | 6542 |
} |
| 6518 | 6543 |
|
| 6519 |
.invitations-list .status.sent {
|
|
| 6520 |
background-image: url("../images/invitation_accepted.png");
|
|
| 6544 |
.pane-view .collection-list-view .model-view .main-content-inner {
|
|
| 6545 |
padding: 10px 20px; |
|
| 6546 |
padding-right: 10px; |
|
| 6547 |
/*overflow: hidden;*/ |
|
| 6521 | 6548 |
} |
| 6522 | 6549 |
|
| 6523 |
.invitations-list .status.resend {
|
|
| 6524 |
background-image: url("../images/resend.png");
|
|
| 6550 |
.pane-view .collection-list-view .model-view .main-content .logo {
|
|
| 6551 |
float: left;
|
|
| 6525 | 6552 |
} |
| 6526 | 6553 |
|
| 6527 |
.invitations-list .status.resend {
|
|
| 6528 |
cursor: pointer; |
|
| 6554 |
.pane-view .collection-list-view .model-view .main-content .entry {
|
|
| 6555 |
width: 310px; |
|
| 6556 |
padding-top: 5px; |
|
| 6557 |
margin-left: 10px; |
|
| 6558 |
float: left; |
|
| 6559 |
position: relative; |
|
| 6529 | 6560 |
} |
| 6530 | 6561 |
|
| 6531 |
.invitations-list .status {
|
|
| 6532 |
width: 20px; |
|
| 6533 |
height: 15px; |
|
| 6534 |
position: absolute; |
|
| 6535 |
top:5px; |
|
| 6536 |
right: 2px; |
|
| 6537 |
background-repeat: no-repeat; |
|
| 6538 |
background-position: center; |
|
| 6562 |
.pane-view .collection-list-view .model-view .main-content .actions-content {
|
|
| 6563 |
width: 80px; |
|
| 6564 |
float: left; |
|
| 6539 | 6565 |
} |
| 6540 | 6566 |
|
| 6541 |
.invitations-form .form-entry:last-child {
|
|
| 6542 |
border-bottom: none;
|
|
| 6567 |
.pane-view .collection-list-view .model-item .link {
|
|
| 6568 |
color: #4085A5;
|
|
| 6543 | 6569 |
} |
| 6544 | 6570 |
|
| 6545 |
.invitations-form .form-entry {
|
|
| 6546 |
position: relative; |
|
| 6547 |
margin-bottom: 10px; |
|
| 6548 |
padding-bottom: 10px; |
|
| 6549 |
border-bottom: 1px solid #ddd; |
|
| 6550 |
margin-right: 10px; |
|
| 6571 |
.collection .empty-list {
|
|
| 6572 |
padding: 10px; |
|
| 6573 |
font-size: 0.8em; |
|
| 6574 |
color: #333; |
|
| 6551 | 6575 |
} |
| 6552 | 6576 |
|
| 6553 |
.invitations-form .send-invitations {
|
|
| 6554 |
float: left; |
|
| 6555 |
padding: 5px; |
|
| 6556 |
color: #fff; |
|
| 6557 |
margin-right: 10px; |
|
| 6558 |
margin-top: 10px; |
|
| 6577 |
.collection-list-view .items-sublist:first-child {
|
|
| 6578 |
padding-top: 0; |
|
| 6559 | 6579 |
} |
| 6560 | 6580 |
|
| 6561 |
.invitations-form .form-entry.error {
|
|
| 6562 |
padding-bottom: 0px;
|
|
| 6581 |
.collection-list-view .items-sublist {
|
|
| 6582 |
padding-top: 10px;
|
|
| 6563 | 6583 |
} |
| 6564 | 6584 |
|
| 6565 |
.invitations-form .form-entry.error .remove-invitation {
|
|
| 6566 |
bottom: 32px; |
|
| 6585 |
.collection-list-view .items-sublist:last-child {
|
|
| 6586 |
margin-top: 20px; |
|
| 6587 |
border-top: 10px solid #DCEBF2; |
|
| 6588 |
margin-bottom: 0; |
|
| 6567 | 6589 |
} |
| 6568 | 6590 |
|
| 6569 |
.invitations-form .remove-invitation {
|
|
| 6570 |
padding: 5px; |
|
| 6571 |
background-image: url("../images/option-action-remove.png");
|
|
| 6572 |
background-position: center; |
|
| 6573 |
background-repeat: no-repeat; |
|
| 6574 |
color: #fff; |
|
| 6575 |
width: 15px; |
|
| 6576 |
height: 15px; |
|
| 6577 |
cursor: pointer; |
|
| 6578 |
text-indent: -50000px; |
|
| 6579 |
position: absolute; |
|
| 6580 |
right: -10px; |
|
| 6581 |
bottom: 14px; |
|
| 6591 |
.model-item .status-title {
|
|
| 6592 |
text-align: right; |
|
| 6593 |
margin-right: 4px; |
|
| 6594 |
margin-top: 5px; |
|
| 6582 | 6595 |
} |
| 6583 | 6596 |
|
| 6584 |
.invitations-list .resent-info, |
|
| 6585 |
.invitations-form .top-info {
|
|
| 6586 |
font-size: 0.8em; |
|
| 6587 |
margin-bottom: 10px; |
|
| 6597 |
.model-item .status-indicator {
|
|
| 6588 | 6598 |
} |
| 6589 | 6599 |
|
| 6590 |
.invitations-list .msg .email,
|
|
| 6591 |
.invitations-form .success .msg .email {
|
|
| 6592 |
font-weight: bold;
|
|
| 6600 |
.model-item .actions-content {
|
|
| 6601 |
width: 180px;
|
|
| 6602 |
float: left;
|
|
| 6593 | 6603 |
} |
| 6594 | 6604 |
|
| 6595 |
.invitations-list .msg.err-msg, |
|
| 6596 |
.invitations-list .success.msg, |
|
| 6597 |
.invitations-form .success .msg {
|
|
| 6598 |
background-color: #080; |
|
| 6599 |
color: white; |
|
| 6600 |
padding: 5px; |
|
| 6601 |
margin-right: 10px; |
|
| 6602 |
margin-bottom: 5px; |
|
| 6605 |
.model-item .actions-content .action-container .confirm-single .no, |
|
| 6606 |
.model-item .actions-content .action-container .confirm-single .yes {
|
|
| 6607 |
font-family: Arial, Helvetica, sans-serif; |
|
| 6608 |
width: 20px; |
|
| 6609 |
height: 16px; |
|
| 6610 |
padding: 2px 0; |
|
| 6611 |
float: left; |
|
| 6612 |
border: none; |
|
| 6613 |
margin: 0; |
|
| 6614 |
padding: 2px 0; |
|
| 6615 |
text-align: center; |
|
| 6616 |
font-size: inherit; |
|
| 6603 | 6617 |
} |
| 6604 |
.invitations-list .msg.err-msg, |
|
| 6605 |
.invitations-list .success.msg {
|
|
| 6606 |
margin-right: 0px;
|
|
| 6618 |
|
|
| 6619 |
.model-item .actions-content .action-container .confirm-single .no {
|
|
| 6620 |
background-color: #FF9955;
|
|
| 6607 | 6621 |
} |
| 6608 |
.invitations-list .msg.err-msg {
|
|
| 6609 |
background-color: #800; |
|
| 6622 |
|
|
| 6623 |
.model-item .actions-content .action-container .confirm-single .yes {
|
|
| 6624 |
background-color: #FF7F2A; |
|
| 6625 |
width: 80px; |
|
| 6610 | 6626 |
} |
| 6611 | 6627 |
|
| 6612 |
.overlay .models-view .previous-view-link {
|
|
| 6613 |
margin: -10px; |
|
| 6614 |
margin-bottom:10px; |
|
| 6615 |
padding: 10px 5px; |
|
| 6616 |
background-image: url("../images/left-arrow.png");
|
|
| 6617 |
background-repeat: no-repeat; |
|
| 6618 |
background-position: 10px center; |
|
| 6619 |
padding-left: 20px; |
|
| 6620 |
background-color: #93D070; |
|
| 6621 |
cursor: pointer; |
|
| 6622 |
border-bottom: 1px solid #eee; |
|
| 6623 |
text-decoration: underline; |
|
| 6628 |
.model-item .actions-content .action-container.warn .confirm-single .no:hover {
|
|
| 6629 |
color: #fff; |
|
| 6624 | 6630 |
} |
| 6625 |
.models-view .quick-add {
|
|
| 6626 |
text-decoration: underline; |
|
| 6627 |
color: #4085A5; |
|
| 6628 |
cursor: pointer; |
|
| 6631 |
|
|
| 6632 |
.model-item .actions-content .action-container.warn .confirm-single .no {
|
|
| 6633 |
background-color: #CC0000; |
|
| 6629 | 6634 |
} |
| 6630 | 6635 |
|
| 6631 |
.empty .items-list {
|
|
| 6632 |
margin-top: 0 !important; |
|
| 6636 |
.model-item .actions-content .action-container.warn .confirm-single .yes {
|
|
| 6637 |
background-color: #880000; |
|
| 6638 |
color: #fff; |
|
| 6633 | 6639 |
} |
| 6634 | 6640 |
|
| 6635 |
.models-view .items-empty-msg {
|
|
| 6636 |
border-top: 1px solid #aaa; |
|
| 6637 |
padding-top: 10px; |
|
| 6638 |
font-size: 1em; |
|
| 6639 |
margin-top:0 !important; |
|
| 6641 |
.model-item .actions-content .action-container.warn .confirm-single .yes:hover {
|
|
| 6642 |
background-color: #CC0000; |
|
| 6640 | 6643 |
} |
| 6641 | 6644 |
|
| 6642 |
.models-view .items-empty-msg, |
|
| 6643 |
.models-view .model-description {
|
|
| 6644 |
color: #444; |
|
| 6645 |
margin: 10px 0; |
|
| 6645 |
.model-item .actions-content .action-container .confirm-single {
|
|
| 6646 |
display: none; |
|
| 6647 |
width: 100px; |
|
| 6648 |
float: right; |
|
| 6649 |
margin-right: -22px; |
|
| 6650 |
margin-top: -4px; |
|
| 6646 | 6651 |
} |
| 6647 | 6652 |
|
| 6648 |
.models-view .model-list .collection-action.disabled {
|
|
| 6649 |
background-color: #aaa; |
|
| 6650 |
border-color: #aaa; |
|
| 6651 |
cursor: default; |
|
| 6653 |
.model-item .actions-content .action-container.selected .confirm-single {
|
|
| 6654 |
display: block !important; |
|
| 6652 | 6655 |
} |
| 6653 |
.models-view .model-list .collection-action.disabled:hover {
|
|
| 6654 |
background-color: #aaa; |
|
| 6655 |
border-color: #aaa; |
|
| 6656 |
|
|
| 6657 |
.model-item.actionpending .actions-content .action-container.isactive, |
|
| 6658 |
.model-item:hover .actions-content .action-container.isactive, |
|
| 6659 |
.model-item.hovered .actions-content .action-container.isactive, |
|
| 6660 |
.model-item .actions-content .action-container.selected {
|
|
| 6661 |
display: block; |
|
| 6656 | 6662 |
} |
| 6657 | 6663 |
|
| 6658 |
.models-view .model-list .collection-action:hover {
|
|
| 6659 |
background-color: #aaa;
|
|
| 6664 |
.model-item.actionpending .nested-model-list .actions-content .action-container.isactive {
|
|
| 6665 |
display: none;
|
|
| 6660 | 6666 |
} |
| 6661 | 6667 |
|
| 6662 |
.models-view .model-list .collection-action:hover {
|
|
| 6663 |
background-color: #F95; |
|
| 6664 |
border-color: #F95; |
|
| 6668 |
.model-item.actionpending .nested-model-list .model-item.actionpending .actions-content .action-container.isactive {
|
|
| 6669 |
display: block; |
|
| 6665 | 6670 |
} |
| 6666 | 6671 |
|
| 6667 |
.models-view .model-list .collection-action.in-progress {
|
|
| 6668 |
background-color: #aaa; |
|
| 6669 |
color: #fff; |
|
| 6670 |
border-color: #aaa; |
|
| 6671 |
background-image: url("../images/icons/indicators/small/progress.gif") !important;
|
|
| 6672 |
.model-item .actions-content .action-container.selected:hover {
|
|
| 6673 |
background-color: transparent; |
|
| 6674 |
border-left: 5px solid #7DB4CD; |
|
| 6675 |
margin-left: 5px; |
|
| 6672 | 6676 |
} |
| 6673 | 6677 |
|
| 6674 |
.models-view .model-list .collection-action.add-generate {
|
|
| 6675 |
background-image: url("../images/option-action-generate-ssh.png");
|
|
| 6678 |
.model-item .actions-content .action-container:hover a {
|
|
| 6679 |
color: #fff;
|
|
| 6676 | 6680 |
} |
| 6677 | 6681 |
|
| 6678 |
.models-view .model-list .collection-action.add {
|
|
| 6679 |
background-image: url("../images/option-action-add.png");
|
|
| 6680 |
padding-right: 20px !important; |
|
| 6682 |
.model-item .actions-content .action-container:hover {
|
|
| 6683 |
background-color: #A1C8DB; |
|
| 6684 |
border-left: 5px solid #7DB4CD; |
|
| 6685 |
margin-left: 5px; |
|
| 6681 | 6686 |
} |
| 6682 | 6687 |
|
| 6683 |
.models-view .model-list .collection-action {
|
|
| 6684 |
float: right; |
|
| 6685 |
background-color: #FF7F2A; |
|
| 6686 |
color: #fff; |
|
| 6687 |
padding: 6px 8px; |
|
| 6688 |
margin-left: 10px; |
|
| 6689 |
cursor: pointer; |
|
| 6690 |
padding-right: 30px; |
|
| 6691 |
background-position: right center; |
|
| 6692 |
background-repeat: no-repeat; |
|
| 6693 |
background-clip: border-box; |
|
| 6694 |
border-right: 5px solid #FF7F2A; |
|
| 6688 |
.model-item .actions-content .action-container.selected {
|
|
| 6695 | 6689 |
} |
| 6696 | 6690 |
|
| 6697 |
.models-view .items-list {
|
|
| 6698 |
margin-top: 10px;
|
|
| 6691 |
.model-item .actions-content .action-container {
|
|
| 6692 |
display: none;
|
|
| 6699 | 6693 |
} |
| 6700 | 6694 |
|
| 6701 |
.models-view .model-list ul li.model-item:last-child {
|
|
| 6702 |
margin-bottom: 0; |
|
| 6695 |
.model-item .actions-content .action-container {
|
|
| 6696 |
padding: 2px; |
|
| 6697 |
margin-bottom: 5px; |
|
| 6698 |
padding-left: 5px; |
|
| 6699 |
margin-left: 10px; |
|
| 6700 |
cursor: pointer; |
|
| 6703 | 6701 |
} |
| 6704 | 6702 |
|
| 6705 |
.models-view .model-list ul li.model-item {
|
|
| 6706 |
background-color: #D4E2E8; |
|
| 6707 |
margin-bottom: 5px; |
|
| 6708 |
position: relative; |
|
| 6703 |
.model-item .status-inactive .status-indicator .indicator {
|
|
| 6704 |
background-color: #940606; |
|
| 6709 | 6705 |
} |
| 6710 | 6706 |
|
| 6711 |
.models-view .model-list ul li.model-item .param {
|
|
| 6712 |
float: left; |
|
| 6713 |
padding: 6px; |
|
| 6707 |
.model-item .status-error .status-indicator .indicator {
|
|
| 6708 |
background-color: #ff0000; |
|
| 6714 | 6709 |
} |
| 6715 | 6710 |
|
| 6716 |
.models-view .model-list ul li.model-item .item-action.confirm-remove {
|
|
| 6717 |
margin-right: -15px !important;
|
|
| 6711 |
.model-item .status-progress .status-indicator .indicator {
|
|
| 6712 |
background-color: #FF7F2A;
|
|
| 6718 | 6713 |
} |
| 6719 | 6714 |
|
| 6720 |
.models-view .model-list ul li.model-item .item-action.confirm-remove:hover .cancel {
|
|
| 6721 |
color: inherit !important; |
|
| 6715 |
.model-item .status-indicator .indicator {
|
|
| 6716 |
width: 10px; |
|
| 6717 |
height: 11px; |
|
| 6718 |
float: right; |
|
| 6719 |
background-color: #63cf1c; |
|
| 6720 |
margin-right: 3px; |
|
| 6722 | 6721 |
} |
| 6723 | 6722 |
|
| 6724 |
.models-view .model-list ul li.model-item .item-action.confirm-remove:hover {
|
|
| 6725 |
background-color: #F95; |
|
| 6726 |
color: inherit !important; |
|
| 6723 |
/* vm sprites */ |
|
| 6724 |
.vm-icon.medium {
|
|
| 6725 |
width: 50px; |
|
| 6726 |
height: 54px; |
|
| 6727 | 6727 |
} |
| 6728 | 6728 |
|
| 6729 |
.models-view .model-list ul li.model-item .item-action.confirm-remove span.cancel {
|
|
| 6730 |
padding: 6px !important;
|
|
| 6729 |
.vm-icon.medium.state1 {
|
|
| 6730 |
background-position: 0px 0;
|
|
| 6731 | 6731 |
} |
| 6732 | 6732 |
|
| 6733 |
.models-view .model-list ul li.model-item .item-action.confirm-remove span {
|
|
| 6734 |
display: block; |
|
| 6735 |
float: left; |
|
| 6736 |
padding: 6px 15px; |
|
| 6733 |
.vm-icon.medium.state2 {
|
|
| 6734 |
background-position: -100px 0; |
|
| 6737 | 6735 |
} |
| 6738 | 6736 |
|
| 6739 |
.models-view .model-list ul li.model-item .item-action .cancel-remove:hover {
|
|
| 6740 |
color: #fff !important;
|
|
| 6737 |
.vm-icon.medium.state3 {
|
|
| 6738 |
background-position: -150px 0;
|
|
| 6741 | 6739 |
} |
| 6742 | 6740 |
|
| 6743 |
.models-view .model-list ul li.model-item .item-action.confirm-remove, |
|
| 6744 |
.models-view .model-list ul li.model-item .item-action .do-confirm, |
|
| 6745 |
.models-view .model-list ul li.model-item .item-action .cancel-remove {
|
|
| 6746 |
display:none !important; |
|
| 6747 |
background-color: #D95D0A; |
|
| 6748 |
padding:0; |
|
| 6749 |
margin:0; |
|
| 6741 |
.vm-icon.medium.state4 {
|
|
| 6742 |
background-position: -50px 0; |
|
| 6750 | 6743 |
} |
| 6744 |
/* end vm sprites */ |
|
| 6751 | 6745 |
|
| 6752 |
.models-view .model-list ul li.model-item.pending-delete .item-action.remove {
|
|
| 6753 |
display: none; |
|
| 6746 |
/* ips */ |
|
| 6747 |
.ip-port-view .vm-logo {
|
|
| 6748 |
width: |
|
| 6754 | 6749 |
} |
| 6755 | 6750 |
|
| 6756 |
.models-view .model-list ul li.model-item.pending-delete .item-action .cancel {
|
|
| 6757 |
background-color: #F95;
|
|
| 6751 |
.model-item .vm-name {
|
|
| 6752 |
font-weight: bold;
|
|
| 6758 | 6753 |
} |
| 6759 | 6754 |
|
| 6760 |
.models-view .model-list ul li.model-item.pending-delete .item-action.confirm {
|
|
| 6761 |
background-color: #FF7F2A; |
|
| 6755 |
.nested-model-list {
|
|
| 6756 |
position: relative; |
|
| 6757 |
top: 43px; |
|
| 6758 |
overflow: visible; |
|
| 6759 |
width: 531px; |
|
| 6760 |
margin-left: -41px; |
|
| 6761 |
margin-bottom: 39px; |
|
| 6762 | 6762 |
} |
| 6763 | 6763 |
|
| 6764 |
.models-view .model-list ul li.model-item.pending-delete .item-action.confirm-remove, |
|
| 6765 |
.models-view .model-list ul li.model-item.pending-delete .item-action.confirm-remove .do-confirm, |
|
| 6766 |
.models-view .model-list ul li.model-item.pending-delete .item-action .cancel-remove {
|
|
| 6767 |
display:block !important; |
|
| 6764 |
.nested-model-list .collection {
|
|
| 6765 |
padding: 0; |
|
| 6768 | 6766 |
} |
| 6769 | 6767 |
|
| 6770 |
.models-view .model-list ul li.model-item.pending-delete .item-action {
|
|
| 6771 |
display: block; |
|
| 6768 |
.nested-model-list .model-item .outer {
|
|
| 6769 |
width: 470px; |
|
| 6770 |
position: relative; |
|
| 6772 | 6771 |
} |
| 6773 | 6772 |
|
| 6774 |
.models-view .model-list ul li.model-item.expanded .item-action,
|
|
| 6775 |
.models-view .model-list ul li.model-item:hover .item-action {
|
|
| 6773 |
.model-item .border i.remove,
|
|
| 6774 |
.empty-list i.add {
|
|
| 6776 | 6775 |
display: block; |
| 6776 |
color: #fff; |
|
| 6777 |
padding-left: 10%; |
|
| 6778 |
width: 90%; |
|
| 6779 |
padding-top: 0px; |
|
| 6780 |
font-weight: bold; |
|
| 6781 |
font-size: 1.4em; |
|
| 6782 |
cursor: pointer; |
|
| 6783 |
font-style: normal; |
|
| 6777 | 6784 |
} |
| 6778 | 6785 |
|
| 6779 |
.models-view .model-list ul li.model-item .item-action.connect {
|
|
| 6780 |
background-image: url("../images/option-action-connect.png");
|
|
| 6786 |
.model-item .border i.remove {
|
|
| 6787 |
font-size: 1em; |
|
| 6788 |
color: #BE5812; |
|
| 6789 |
padding-top: 1px; |
|
| 6781 | 6790 |
} |
| 6782 | 6791 |
|
| 6783 |
.from-create .models-view .item-action.connect, |
|
| 6784 |
.from-create .models-view .item-action.connect:hover {
|
|
| 6785 |
display: none !important; |
|
| 6792 |
.empty-list.nested {
|
|
| 6793 |
height: 30px; |
|
| 6786 | 6794 |
} |
| 6787 | 6795 |
|
| 6788 |
.models-view .model-list ul li.model-item .item-action.hide {
|
|
| 6789 |
background-image: url("../images/minus-8.png");
|
|
| 6796 |
.empty-list .border2, |
|
| 6797 |
.nested-model-list .outer .border2 {
|
|
| 6798 |
border-left: 3px solid #FB822F; |
|
| 6799 |
position: absolute; |
|
| 6800 |
height: 100%; |
|
| 6801 |
width: 1px; |
|
| 6802 |
left:0; |
|
| 6803 |
top:0; |
|
| 6790 | 6804 |
} |
| 6791 |
.models-view .model-list ul li.model-item .item-action.show:hover {
|
|
| 6792 |
background-image: url("../images/plus-8.png");
|
|
| 6805 |
|
|
| 6806 |
.empty-list .border2, |
|
| 6807 |
.nested-model-list .model-item:last-child .outer .border2 {
|
|
| 6808 |
height: 69px; |
|
| 6793 | 6809 |
} |
| 6794 | 6810 |
|
| 6795 |
.models-view .model-list ul li.model-item .item-action.show {
|
|
| 6796 |
background-image: url("../images/plus-8-dark.png");
|
|
| 6811 |
.empty-list .border, .nested-model-list .outer .border {
|
|
| 6812 |
position: absolute; |
|
| 6813 |
top: 52px; |
|
| 6814 |
left: 0; |
|
| 6815 |
background-color: #FB822F; |
|
| 6816 |
height: 17px; |
|
| 6817 |
width: 91px; |
|
| 6818 |
z-index: 0; |
|
| 6797 | 6819 |
} |
| 6798 | 6820 |
|
| 6799 |
.models-view .model-list ul li.model-item .item-action.remove, |
|
| 6800 |
.models-view .model-list ul li.model-item .item-action.disconnect |
|
| 6801 |
{
|
|
| 6802 |
background-image: url("../images/option-action-remove.png");
|
|
| 6821 |
.empty-list .border {
|
|
| 6822 |
top: 31px; |
|
| 6803 | 6823 |
} |
| 6804 | 6824 |
|
| 6805 |
.models-view .model-list ul li.model-item .item-action.edit:hover {
|
|
| 6806 |
background-image: url("../images/option-action-edit-light.png");
|
|
| 6825 |
.empty-list .border2 {
|
|
| 6826 |
height: 31px;
|
|
| 6807 | 6827 |
} |
| 6808 | 6828 |
|
| 6809 |
.models-view .model-list ul li.model-item .item-action.edit {
|
|
| 6810 |
background-image: url("../images/option-action-edit.png");
|
|
| 6829 |
.nested-model-list .model-item .inner .model-logo {
|
|
| 6830 |
position: relative; |
|
| 6831 |
z-index: 100; |
|
| 6811 | 6832 |
} |
| 6812 |
.models-view .model-list ul li.model-item .item-action.remove:hover, |
|
| 6813 |
.models-view .model-list ul li.model-item .item-action.disconnect:hover |
|
| 6814 |
{
|
|
| 6815 |
background-color: #880000 !important; |
|
| 6816 |
border-color: #800 !important; |
|
| 6833 |
|
|
| 6834 |
.model-item.actionpending .nested-model-list.proxy .model-item .inner.main-content, |
|
| 6835 |
.model-item:hover .nested-model-list.proxy .model-item .inner.main-content, |
|
| 6836 |
.model-item.hovered .nested-model-list.proxy .model-item .inner.main-content, |
|
| 6837 |
.nested-model-list .model-item.actionpending .inner.main-content, |
|
| 6838 |
.nested-model-list .model-item:hover .inner.main-content, |
|
| 6839 |
.nested-model-list .model-item.hovered .inner.main-content {
|
|
| 6840 |
background-color: #84B7D0; |
|
| 6817 | 6841 |
} |
| 6818 | 6842 |
|
| 6819 |
.models-view .model-list ul li.model-item.expanded .item-action.show, |
|
| 6820 |
.models-view .model-list ul li.model-item.expanded .item-action.hide, |
|
| 6821 |
.models-view .model-list ul li .item-actions .item-action:hover {
|
|
| 6822 |
background-color: #4085A5; |
|
| 6823 |
color: #fff; |
|
| 6824 |
border-color: #4085A5; |
|
| 6843 |
.nested-model-list .model-item:last-child .inner.main-content {
|
|
| 6844 |
border-bottom: none; |
|
| 6825 | 6845 |
} |
| 6826 | 6846 |
|
| 6827 |
.models-view .model-list ul li .item-actions {
|
|
| 6828 |
position: absolute; |
|
| 6829 |
right: -10px; |
|
| 6830 |
top: 0px; |
|
| 6847 |
.nested-model-list .model-item .inner.main-content {
|
|
| 6848 |
width: auto; |
|
| 6849 |
margin-bottom: 0; |
|
| 6850 |
float: none; |
|
| 6851 |
z-index: 0; |
|
| 6852 |
margin-left: 30px; |
|
| 6853 |
padding-bottom: 20px; |
|
| 6854 |
padding: 10px; |
|
| 6855 |
border-bottom: 1px solid #5CA1C0; |
|
| 6856 |
/*height: 59px;*/ |
|
| 6831 | 6857 |
} |
| 6832 | 6858 |
|
| 6833 |
.models-view .model-list ul li .item-actions .item-action {
|
|
| 6834 |
float: right; |
|
| 6835 |
padding: 6px; |
|
| 6836 |
margin-right: 10px; |
|
| 6837 |
display: none; |
|
| 6838 |
cursor: pointer; |
|
| 6839 |
padding-right: 20px; |
|
| 6840 |
background-repeat: no-repeat; |
|
| 6841 |
background-position: right center; |
|
| 6842 |
border-right: 5px solid transparent; |
|
| 6859 |
.nested-model-list .model-item .inner.main-content .subtitle {
|
|
| 6860 |
position: absolute; |
|
| 6861 |
top: 27px; |
|
| 6862 |
left: 110px; |
|
| 6863 |
font-weight: normal; |
|
| 6864 |
font-size: 0.8em; |
|
| 6843 | 6865 |
} |
| 6844 | 6866 |
|
| 6845 |
.models-view .model-list ul li.model-item.in-progress .item-action {
|
|
| 6846 |
display: none !important; |
|
| 6867 |
.nested-model-list .model-item .inner.main-content .title {
|
|
| 6868 |
position: absolute; |
|
| 6869 |
top: 10px; |
|
| 6870 |
left: 110px; |
|
| 6871 |
font-weight: bold; |
|
| 6847 | 6872 |
} |
| 6848 | 6873 |
|
| 6849 |
.models-view .model-list ul li.model-item.in-progress:hover .item-action {
|
|
| 6850 |
display: none !important;
|
|
| 6874 |
.model-item:hover .nested-model-list .actions-content .action-container.isactive {
|
|
| 6875 |
display: none; |
|
| 6851 | 6876 |
} |
| 6852 | 6877 |
|
| 6853 |
.models-view .model-list h3 {
|
|
| 6854 |
float: left;
|
|
| 6878 |
.model-item:hover .nested-model-list .model-item.actionpending .actions-content .action-container.isactive {
|
|
| 6879 |
display: block !important;
|
|
| 6855 | 6880 |
} |
| 6856 | 6881 |
|
| 6857 |
.models-view h3 {
|
|
| 6858 |
font-size: 1.2em; |
|
| 6859 |
margin-bottom: 1em; |
|
| 6860 |
margin-top: 5px; |
|
| 6861 |
color: #4085A5; |
|
| 6882 |
|
|
| 6883 |
.model-item .actions-content .action-container.selected a {
|
|
| 6884 |
color: #FF7F2A; |
|
| 6862 | 6885 |
} |
| 6863 | 6886 |
|
| 6864 |
.models-view .form-actions {
|
|
| 6865 |
font-size: 1.1em; |
|
| 6887 |
.model-item:hover .nested-model-list.proxy .model-item .actions-content .action-container.selected, |
|
| 6888 |
.model-item:hover .nested-model-list.proxy .model-item .actions-content .action-container.isactive, |
|
| 6889 |
.model-item.hovered .nested-model-list.proxy .model-item .actions-content .action-container.selected, |
|
| 6890 |
.model-item.hovered .nested-model-list.proxy .model-item .actions-content .action-container.isactive, |
|
| 6891 |
.model-item:hover .nested-model-list .model-item .actions-content .action-container.selected, |
|
| 6892 |
.model-item:hover .nested-model-list .model-item:hover .actions-content .action-container.isactive {
|
|
| 6893 |
display: block !important; |
|
| 6866 | 6894 |
} |
| 6867 | 6895 |
|
| 6868 |
.models-view .model-list ul li, |
|
| 6869 |
.models-view .model-list ul {
|
|
| 6870 |
list-style: none; |
|
| 6896 |
.pane-view .model-view .nested-model-list .model-item .actions-content {
|
|
| 6897 |
position: absolute; |
|
| 6898 |
right: -180px; |
|
| 6899 |
top:0; |
|
| 6900 |
float: none; |
|
| 6901 |
display: block; |
|
| 6902 |
width: 180px; |
|
| 6903 |
height: 80px; |
|
| 6871 | 6904 |
} |
| 6872 | 6905 |
|
| 6873 |
.models-view .model-list ul li.header {
|
|
| 6874 |
display: none; |
|
| 6906 |
/* networks */ |
|
| 6907 |
.nested-model-list .ip-addresses {
|
|
| 6908 |
padding-top: 0px; |
|
| 6909 |
font-size: 0.9em; |
|
| 6910 |
margin-left: 328px; |
|
| 6911 |
text-align: right; |
|
| 6912 |
position: absolute; |
|
| 6913 |
top: 10px; |
|
| 6914 |
right: 10px; |
|
| 6915 |
} |
|
| 6916 |
|
|
| 6917 |
.network-ports-toggler {
|
|
| 6918 |
position: absolute; |
|
| 6919 |
top: 30px; |
|
| 6920 |
left: 0px; |
|
| 6875 | 6921 |
} |
| 6876 | 6922 |
|
| 6877 |
.models-view .model-form textarea {
|
|
| 6923 |
.model-form-actions .form-action {
|
|
| 6924 |
font-size: 1.1em !important; |
|
| 6925 |
} |
|
| 6926 |
|
|
| 6927 |
.model-form textarea {
|
|
| 6878 | 6928 |
width: 99%; |
| 6879 | 6929 |
height: 100px; |
| 6880 | 6930 |
border: 1px solid #aaa; |
| 6881 | 6931 |
} |
| 6882 | 6932 |
|
| 6883 |
|
|
| 6884 |
.models-view .model-form .form-field {
|
|
| 6933 |
.model-form .form-field {
|
|
| 6885 | 6934 |
margin-bottom: 10px; |
| 6886 | 6935 |
} |
| 6887 | 6936 |
|
| 6888 |
.models-view .model-form label {
|
|
| 6937 |
.model-form label {
|
|
| 6889 | 6938 |
display: block; |
| 6890 | 6939 |
color: #406A7D; |
| 6891 | 6940 |
font-size: 1.1em; |
| 6892 | 6941 |
margin: 0px 0 5px 0; |
| 6893 | 6942 |
} |
| 6894 | 6943 |
|
| 6895 |
.models-view .model-form .inline label {
|
|
| 6944 |
.model-form .inline label {
|
|
| 6896 | 6945 |
float: left; |
| 6897 | 6946 |
margin-right: 10px; |
| 6898 |
margin-top: 10px !important;
|
|
| 6947 |
margin-top: 15px !important;
|
|
| 6899 | 6948 |
} |
| 6900 | 6949 |
|
| 6901 |
.models-view .model-form input.long {
|
|
| 6950 |
.model-form input.long {
|
|
| 6902 | 6951 |
width: 400px; |
| 6903 | 6952 |
} |
| 6904 | 6953 |
|
| 6905 |
.models-view .model-form .inline input {
|
|
| 6954 |
.model-form .inline input {
|
|
| 6906 | 6955 |
width: auto; |
| 6907 | 6956 |
margin-top: 10px; |
| 6908 | 6957 |
} |
| 6909 | 6958 |
|
| 6910 |
.models-view .model-form .inline select {
|
|
| 6959 |
.model-form .inline select {
|
|
| 6911 | 6960 |
width: auto; |
| 6912 | 6961 |
margin-top: 7px; |
| 6913 | 6962 |
} |
| 6914 | 6963 |
|
| 6915 |
.models-view .model-form .inline .errors,
|
|
| 6916 |
.models-view .model-form .inline .field-desc {
|
|
| 6964 |
.model-form .inline .errors, |
|
| 6965 |
.model-form .inline .field-desc {
|
|
| 6917 | 6966 |
clear: both; |
| 6918 | 6967 |
} |
| 6919 | 6968 |
|
| 6920 |
#user_public_keys .private-download {
|
|
| 6921 |
margin: 5px 0; |
|
| 6922 |
margin-top: 6px; |
|
| 6923 |
} |
|
| 6924 |
|
|
| 6925 |
#user_public_keys .private-cont form {
|
|
| 6926 |
float: left; |
|
| 6927 |
margin-left: 5px; |
|
| 6928 |
} |
|
| 6929 |
|
|
| 6930 |
#user_public_keys input.form-text:hover {
|
|
| 6931 |
background: #F95; |
|
| 6932 |
} |
|
| 6933 |
|
|
| 6934 |
#user_public_keys input.form-text {
|
|
| 6935 |
background: #FF7F2A; |
|
| 6936 |
color: #fff; |
|
| 6937 |
border: 1px solid #F95; |
|
| 6938 |
padding: 0 5px; |
|
| 6939 |
margin: 0 5px; |
|
| 6940 |
margin-top: -1px; |
|
| 6941 |
cursor: pointer; |
|
| 6942 |
} |
|
| 6943 |
|
|
| 6944 |
#user_public_keys .form-text {
|
|
| 6945 |
float: left; |
|
| 6946 |
} |
|
| 6947 |
|
|
| 6948 |
#user_custom_images, |
|
| 6949 |
#user_public_keys, |
|
| 6950 |
#user_public_ips {
|
|
| 6951 |
font-size: 0.7em; |
|
| 6952 |
} |
|
| 6953 |
|
|
| 6954 |
#user_public_keys .download-button {
|
|
| 6955 |
width: 30px; |
|
| 6956 |
height: 30px; |
|
| 6957 |
} |
|
| 6958 |
|
|
| 6959 |
|
|
| 6960 |
#user_public_keys #model-item-tpl {
|
|
| 6961 |
display: none; |
|
| 6962 |
} |
|
| 6963 |
#user_public_keys .model-item .name {
|
|
| 6964 |
color: #4085A5; |
|
| 6965 |
font-size: 1.2em; |
|
| 6966 |
} |
|
| 6967 |
|
|
| 6968 |
#user_public_keys .model-item .fingerprint .flabel {
|
|
| 6969 |
color: #888; |
|
| 6970 |
float: left; |
|
| 6971 |
margin-right: 5px; |
|
| 6972 |
} |
|
| 6973 |
|
|
| 6974 |
#user_public_keys .model-item .fingerprint {
|
|
| 6975 |
float: none; |
|
| 6976 |
clear: both; |
|
| 6977 |
color: #444; |
|
| 6978 |
font-family: monospace; |
|
| 6979 |
letter-spacing: 1px; |
|
| 6980 |
padding: 4px; |
|
| 6981 |
font-size: 0.9em; |
|
| 6982 |
border-top: 1px solid #fff; |
|
| 6969 |
.model-action.disabled {
|
|
| 6970 |
background-color: #aaa; |
|
| 6971 |
border-color: #aaa; |
|
| 6972 |
cursor: default; |
|
| 6983 | 6973 |
} |
| 6984 |
|
|
| 6985 |
#user_public_keys .model-item .publicid {
|
|
| 6986 |
display: none;
|
|
| 6974 |
.model-action.disabled:hover {
|
|
| 6975 |
background-color: #aaa;
|
|
| 6976 |
border-color: #aaa;
|
|
| 6987 | 6977 |
} |
| 6988 | 6978 |
|
| 6989 |
#user_public_keys .model-item.expanded .publicid .param-content {
|
|
| 6990 |
padding: 5px 5px; |
|
| 6991 |
overflow: auto; |
|
| 6992 |
background-color: #FFF; |
|
| 6993 |
border: 1px solid #4085A5; |
|
| 6994 |
border-left: none; |
|
| 6995 |
border-right: none; |
|
| 6996 |
font-size: 1.1em; |
|
| 6979 |
.model-action:hover {
|
|
| 6980 |
background-color: #aaa; |
|
| 6997 | 6981 |
} |
| 6998 | 6982 |
|
| 6999 |
#user_public_keys .model-item.expanded .publicid .param-content textarea {
|
|
| 7000 |
width: 100%; |
|
| 7001 |
height: 90px; |
|
| 7002 |
margin:0; |
|
| 7003 |
padding:0; |
|
| 7004 |
border:none; |
|
| 7005 |
overflow: auto; |
|
| 6983 |
.model-action:hover {
|
|
| 6984 |
background-color: #F95; |
|
| 6985 |
border-color: #F95; |
|
| 7006 | 6986 |
} |
| 7007 | 6987 |
|
| 7008 |
#user_public_keys .model-item.expanded .publicid {
|
|
| 7009 |
display: block; |
|
| 7010 |
background-color: #fff; |
|
| 7011 |
width: 100%; |
|
| 7012 |
margin-top: 0px; |
|
| 7013 |
margin-left: 0px; |
|
| 6988 |
.model-action.in-progress {
|
|
| 6989 |
background-color: #aaa; |
|
| 7014 | 6990 |
color: #fff; |
| 7015 |
padding:0 !important; |
|
| 7016 |
} |
|
| 7017 |
|
|
| 7018 |
.models-view .form-messages {
|
|
| 7019 |
margin-bottom: 10px; |
|
| 7020 |
} |
|
| 7021 |
|
|
| 7022 |
.models-view .list-messages {
|
|
| 7023 |
margin-top: 10px; |
|
| 7024 |
} |
|
| 7025 |
|
|
| 7026 |
.models-view .form-messages .error, |
|
| 7027 |
.models-view .form-messages .success, |
|
| 7028 |
.models-view .list-messages .error, |
|
| 7029 |
.models-view .list-messages .success, |
|
| 7030 |
#user_public_keys .private-cont {
|
|
| 7031 |
background-color: #AADE87; |
|
| 7032 |
color: #447821; |
|
| 7033 |
padding: 5px; |
|
| 7034 |
border: 1px solid #447821; |
|
| 7035 |
font-size: 1.1em; |
|
| 7036 |
margin-top: 5px; |
|
| 7037 |
} |
|
| 7038 |
|
|
| 7039 |
.models-view .form-messages .error, |
|
| 7040 |
.models-view .list-messages .error {
|
|
| 7041 |
background-color: #DE8D87; |
|
| 7042 |
color: #782421 !important; |
|
| 7043 |
border-color: #782421; |
|
| 7044 |
} |
|
| 7045 |
|
|
| 7046 |
.models-view .limit-msg {
|
|
| 7047 |
color: #800; |
|
| 7048 |
position: absolute; |
|
| 7049 |
right: 20px; |
|
| 7050 |
top: 25px; |
|
| 7051 |
} |
|
| 7052 |
|
|
| 7053 |
#user_public_keys .private-cont {
|
|
| 7054 |
margin-top: 10px; |
|
| 7055 |
} |
|
| 7056 |
|
|
| 7057 |
#user_public_keys .private-cont .private-msg {
|
|
| 7058 |
float: left; |
|
| 7059 |
padding:5px; |
|
| 7060 |
margin-top: 5px; |
|
| 6991 |
border-color: #aaa; |
|
| 6992 |
background-image: url("../images/icons/indicators/small/progress.gif") !important;
|
|
| 7061 | 6993 |
} |
| 7062 | 6994 |
|
| 7063 |
#user_public_keys .private-cont textarea {
|
|
| 7064 |
margin: 5px; |
|
| 7065 |
width: 97%; |
|
| 7066 |
height: 200px; |
|
| 6995 |
.model-action.add-generate {
|
|
| 6996 |
background-image: url("../images/option-action-generate-ssh.png");
|
|
| 7067 | 6997 |
} |
| 7068 | 6998 |
|
| 7069 |
#user_public_keys .private-cont .close-private:hover {
|
|
| 7070 |
color: #Fff; |
|
| 6999 |
.model-action.add {
|
|
| 7000 |
background-image: url("../images/option-action-add.png");
|
|
| 7001 |
padding-right: 20px !important; |
|
| 7071 | 7002 |
} |
| 7072 | 7003 |
|
| 7073 |
#user_public_keys .private-cont .close-private {
|
|
| 7004 |
.model-action {
|
|
| 7074 | 7005 |
float: right; |
| 7075 |
margin-right: 5px; |
|
| 7076 |
font-weight: bold; |
|
| 7077 |
cursor: pointer; |
|
| 7078 |
text-decoration: underline; |
|
| 7079 |
} |
|
| 7080 |
|
|
| 7081 |
#user_public_keys .model-item .key-type {
|
|
| 7082 |
background-color: #72ADC8; |
|
| 7006 |
background-color: #FF7F2A; |
|
| 7083 | 7007 |
color: #fff; |
| 7084 |
text-align: center; |
|
| 7008 |
padding: 6px 8px; |
|
| 7009 |
margin-left: 10px; |
|
| 7010 |
cursor: pointer; |
|
| 7011 |
padding-right: 30px; |
|
| 7012 |
background-position: right center; |
|
| 7013 |
background-repeat: no-repeat; |
|
| 7014 |
background-clip: border-box; |
|
| 7015 |
border-right: 5px solid #FF7F2A; |
|
| 7085 | 7016 |
font-size: 0.9em; |
| 7086 |
padding:2px 10px; |
|
| 7087 |
margin: 4px 6px; |
|
| 7088 |
margin-top: 7px; |
|
| 7089 |
font-weight: bold; |
|
| 7090 |
} |
|
| 7091 |
|
|
| 7092 |
#user_public_keys .private-cont .down-button {
|
|
| 7093 |
} |
|
| 7094 |
|
|
| 7095 |
.models-view .form-field .field-desc {
|
|
| 7096 |
font-style: italic; |
|
| 7097 |
font-size: 1em; |
|
| 7098 |
color: #888; |
|
| 7099 |
} |
|
| 7100 |
|
|
| 7101 |
.models-view .form-field.error label {
|
|
| 7102 |
font-weight: bold; |
|
| 7103 |
color: #800 !important; |
|
| 7104 | 7017 |
} |
| 7105 | 7018 |
|
| 7106 |
.models-view .form-field .errors {
|
|
| 7107 |
margin: 5px 0; |
|
| 7108 |
} |
|
| 7109 |
|
|
| 7110 |
.models-view .form-field .errors .error {
|
|
| 7111 |
background-color: transparent; |
|
| 7112 |
border: none; |
|
| 7113 |
color: #800; |
|
| 7114 |
} |
|
| 7115 |
|
|
| 7116 |
.single .suspended-notice {
|
|
| 7117 |
right: 180px; |
|
| 7118 |
top: 0px; |
|
| 7119 |
padding: 7px; |
|
| 7120 |
padding-bottom: 6px; |
|
| 7019 |
.overlay-public-key-create .error-msg {
|
|
| 7020 |
margin-bottom: 5px; |
|
| 7121 | 7021 |
} |
| 7122 | 7022 |
|
| 7123 |
.icon .suspended-notice {
|
|
| 7124 |
right: 192px; |
|
| 7125 |
top: 50px; |
|
| 7023 |
.model-form.public-key textarea {
|
|
| 7024 |
height: 125px; |
|
| 7126 | 7025 |
} |
| 7127 | 7026 |
|
| 7128 |
.suspended-notice {
|
|
| 7129 |
display: inline-block; |
|
| 7130 |
padding: 4px; |
|
| 7131 |
background-color: #8f1915; |
|
| 7132 |
cursor: pointer; |
|
| 7133 |
position: absolute; |
|
| 7134 |
color: #fff; |
|
| 7135 |
font-size: 0.6em; |
|
| 7136 |
display: none; |
|
| 7137 |
} |
|
| 7138 |
|
|
| 7139 |
.suspended .suspended-notice {
|
|
| 7140 |
display: block; |
|
| 7027 |
.model-notice {
|
|
| 7028 |
margin-bottom: 10px; |
|
| 7141 | 7029 |
} |
| 7142 | 7030 |
|
| 7143 |
.suspended .action-indicator {
|
|
| 7144 |
display: none !important; |
|
| 7031 |
.model-notice p.message {
|
|
| 7032 |
margin: 0; |
|
| 7033 |
padding: 0; |
|
| 7034 |
border: 2px solid #444; |
|
| 7035 |
padding: 4px; |
|
| 7036 |
background-color: #efefef; |
|
| 7037 |
line-height: 1.7em; |
|
| 7038 |
padding: 6px; |
|
| 7145 | 7039 |
} |
| 7146 | 7040 |
|
| 7147 |
.trigger-resize {
|
|
| 7148 |
background-image: url("../images/pencil-disabled.png");
|
|
| 7149 |
background-position: right 2px;
|
|
| 7150 |
background-repeat: no-repeat;
|
|
| 7151 |
padding-right: 15px !important;
|
|
| 7041 |
.model-notice p.message .download {
|
|
| 7042 |
color: #fff;
|
|
| 7043 |
background-color: #FF7F2A;
|
|
| 7044 |
border: 1px solid #F95;
|
|
| 7045 |
padding: 3px;
|
|
| 7152 | 7046 |
cursor: pointer; |
| 7153 | 7047 |
} |
| 7154 | 7048 |
|
| 7155 |
.can-resize .trigger-resize:hover {
|
|
| 7156 |
text-decoration: underline; |
|
| 7157 |
} |
|
| 7158 | 7049 |
|
| 7159 |
.can-resize .trigger-resize {
|
|
| 7160 |
font-weight: bold; |
|
| 7161 |
background-image: url("../images/pencil.png");
|
|
| 7050 |
.model-notice p.message.success {
|
|
| 7051 |
color: #447821; |
|
| 7052 |
background-color: #AADE87; |
|
| 7053 |
border: 1px solid #447821; |
|
| 7162 | 7054 |
} |
| 7163 | 7055 |
|
| 7164 |
.vm-resize .flavor-options-cont {
|
|
| 7165 |
float: none; |
|
| 7166 |
width: 100%; |
|
| 7167 |
margin: 0; |
|
| 7168 |
height: auto; |
|
| 7056 |
#public-keys-list-view .model-item textarea.content {
|
|
| 7057 |
width: 270px; |
|
| 7058 |
background-color: transparent; |
|
| 7059 |
font-family: monospace; |
|
| 7060 |
font-size: 1em; |
|
| 7061 |
border: none; |
|
| 7062 |
overflow-y: hidden; |
|
| 7063 |
overflow-x: hidden; |
|
| 7064 |
height: 155px; |
|
| 7065 |
margin: 10px 0; |
|
| 7066 |
padding: 10px; |
|
| 7067 |
border: 1px solid #ddd; |
|
| 7068 |
background-color: #efefef; |
|
| 7169 | 7069 |
} |
| 7170 | 7070 |
|
| 7171 |
.form-action.disabled {
|
|
| 7172 |
background-color: #ddd; |
|
| 7173 |
color: #aaa; |
|
| 7174 |
border-color: #999; |
|
| 7175 |
} |
|
| 7176 | 7071 |
|
| 7177 |
.overlay.connect-ip .form-actions {
|
|
| 7072 |
.model-rename-view .edit {}
|
|
| 7073 |
|
|
| 7074 |
.model-rename-view .edit-btn {
|
|
| 7178 | 7075 |
display: none; |
| 7076 |
background-repeat: no-repeat; |
|
| 7077 |
font-size: 75%; |
|
| 7078 |
font-weight: normal; |
|
| 7079 |
margin-left: 10px; |
|
| 7080 |
padding-left: 10px; |
|
| 7081 |
text-align: left; |
|
| 7082 |
cursor: pointer; |
|
| 7083 |
color: #3D3D3D; |
|
| 7084 |
margin-top: 0.4em; |
|
| 7085 |
background-image: url("../images/pencil.png");
|
|
| 7086 |
background-position: 0 0px; |
|
| 7087 |
width: 10px; |
|
| 7088 |
height: 7px; |
|
| 7179 | 7089 |
} |
| 7180 | 7090 |
|
| 7181 |
.overlay.connect-ip li.options-object .options-object-cont {
|
|
| 7182 |
background-image: none !important;
|
|
| 7091 |
.model-rename-view:hover .edit-btn {
|
|
| 7092 |
display: inline;
|
|
| 7183 | 7093 |
} |
| 7184 | 7094 |
|
| 7185 |
#user_public_ips li.connected:hover .item-action.remove {
|
|
| 7186 |
display: none; |
|
| 7095 |
.model-rename-view input {
|
|
| 7096 |
border: 1px solid #aaaaaa; |
|
| 7097 |
font-size: 85%; |
|
Also available in: Unified diff