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 84input#userNameEdit:invalid { 85 background-color: #ff6666; 86} 87