.popups { .b-open-pgp-key-view-content, .b-open-pgp-key-generate-content, .b-open-pgp-key-add-content, .b-compose-open-pgp-content, .b-message-open-pgp-content { .modal-header { background-color: #fff; } &.modal { width: 570px; } .inputKey { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; } .key-viewer { max-height: 500px; overflow: auto; } } .b-compose-open-pgp-content { &.modal { width: 800px; } .key-list { background-color: #f9f9f9; border-radius: 5px; padding: 10px 15px; margin-top: 10px; min-height: 40px; &-wrp { &:hover { overflow: auto; } &:hover .key-list__item-name { overflow: visible; } &.empty { text-align: center; padding-top: 10px; color: #aaa; font-size: 16px; } } &__item { color: #333; white-space: nowrap; padding-bottom: 4px; &:last-child { padding-bottom: 0; } &-delete { cursor: pointer; &.disabled { cursor: not-allowed; } } &-names { color: #333; &.empty { color: red; } } &-name { overflow: hidden; text-overflow: ellipsis; } &-error { color: red; } &-hash { color: #aaa; } } } .key-actions { margin-top: 10px; min-height: 40px; select option.even { background-color: #f5f5f5; } } } .b-message-open-pgp-content { &.modal { width: 700px; } .key-list { margin-top: 5px; overflow: hidden; &__item { color: #555; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; &__radio { padding: 3px 5px 0 0; vertical-align: top; } &__name { border-bottom: 1px solid transparent; } &__names { display: inline-block; &:hover .key-list__item__name { border-bottom: 1px dashed #555; } } } } } } .popups { .b-open-pgp-key-add-content { &.modal { width: 645px; .inputKey { width: 600px; } } } }