| #share-box { |
| position: fixed; |
| top: 100%; |
| bottom: 0px; |
| z-index: 1000; |
| left: 25%; |
| font-size: large; |
| } |
| |
| #share-box .modal-dialog { |
| /* .modal-dialog has top/bottom margin of 30px */ |
| height: calc(100% - 2 * 30px); |
| } |
| |
| .modal-content { |
| background-color: #ecf0f1; |
| max-height: 100%; |
| overflow: scroll; |
| } |
| |
| #share-box-filter { |
| width: 100%; |
| height: 24pt; |
| font-size: normal; |
| } |
| |
| #share-box-options { |
| margin-bottom: 15px; |
| } |
| |
| #show-results-group { |
| margin-right: 15px; |
| } |
| |
| #share-box-users, #share-box-share { |
| background-color: #ffffff; |
| border: 1px solid #cccccc; |
| width: 100%; |
| height: 250px; |
| padding-left: 5px; |
| padding-top: 10px; |
| overflow-y: scroll; |
| } |
| |
| #share-box-users { |
| margin-top: 15px; |
| } |
| |
| #share-box-filter, #share-box-users { |
| margin-bottom: 15px; |
| } |
| |
| .text-align-center { |
| text-align: center; |
| } |
| |
| .thumbnail { |
| min-height: 100px; |
| height: 11em; |
| padding: 3px; |
| background-color: #ecf0f1; |
| box-shadow: 0 1px 1px rgba(0,0,0,.075); |
| } |
| |
| .share-box-users-item :hover { |
| border-color: #888888; |
| } |
| |
| .sharing-thumbnail-unshare { |
| display: none; |
| } |
| |
| .sharing-thumbnail-image { |
| width: 100%; |
| max-width: 100px; |
| height: 100%; |
| max-width: 100px; |
| } |
| |
| #share-box-button { |
| margin-right: 5px; |
| } |
| |
| #entity-share { |
| margin-bottom: 15px; |
| } |
| |
| #shared-users { |
| background-color: #ffffff; |
| border: 1px solid #cccccc; |
| border-radius: 4px; |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075); |
| margin-left: auto; |
| margin-right: auto; |
| margin-top: 15px; |
| padding-top: 10px; |
| min-height: 14px; |
| max-height: 300px; |
| overflow-y: auto; |
| } |
| |
| .baseimage { |
| display: none; |
| } |
| |
| #show-results-group .show-groups.btn-primary, #show-results-group .show-users.btn-primary { |
| box-shadow: inset 0px 0px 1px rgba(0,0,0,1);/*.075);*/ |
| } |
| |
| .modal-footer .alert { |
| text-align: left; |
| } |
| |
| #shared-users-updated-message { |
| margin-top: 15px; |
| } |