1 .user-list-table { 2 border: 1px solid lightgrey; 3 border-collapse: collapse; 4 border-spacing: 0; 5 } 6 7 .user-name-edit-row { 8 border: 1px solid lightgrey; 9 background-color: #ebeffa; 10 padding: 5px; 11 } 12 13 .user-list-item { 14 padding: 2px; 15 } 16 17 .user-icon { 18 border: 1px solid black; 19 width: 26px; 20 height: 26px; 21 } 22 23 .user-email-label { 24 -webkit-margin-start: 10px; 25 } 26 27 .user-name-label { 28 color: darkgray; 29 -webkit-margin-start: 10px; 30 } 31 32 .user-email-name-block { 33 -webkit-box-flex: 1; 34 max-width: 318px; 35 overflow: hidden; 36 text-overflow: ellipsis; 37 white-space: nowrap; 38 } 39 40 .remove-user-button { 41 background-image: url(chrome://theme/IDR_CLOSE_BAR); 42 width: 16px; 43 height: 16px; 44 } 45 46 .remove-user-button:hover { 47 background-image: url(chrome://theme/IDR_CLOSE_BAR_H); 48 } 49 50 #userList { 51 padding: 5px; 52 width: 366px; 53 height: 166px; 54 } 55 56 #userList[disabled], 57 #userList[disabled] > [selected], 58 #userList[disabled] > :hover { 59 border-color: hsl(0, 0%, 85%); 60 } 61 62 #userList[disabled] > [selected], 63 #userList[disabled] > :hover { 64 background-color: hsl(0,0%,90%); 65 } 66 67 #userList[disabled] .remove-user-button { 68 visibility: hidden; 69 } 70 71 #userNameEdit { 72 border: 1px solid lightgrey; 73 width: 366px; 74 } 75 76 #ownerOnlyWarning { 77 margin-bottom: 10px; 78 padding-bottom: 1px; 79 -webkit-padding-start: 20px; 80 background-repeat: no-repeat; 81 background-image: url('warning.png'); 82 } 83 84 input#userNameEdit:invalid { 85 background-color: #ff6666; 86 } 87