#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; } #facebox .popup{ position:relative; border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); } #facebox .content { overflow: hidden; width: 455px; padding: 10px; background: #fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } #facebox .content > p:first-child{ margin-top:0; } #facebox .content > p:last-child{ margin-bottom:0; } #facebox .close{ position:absolute; top:5px; right:5px; padding:2px; background:#fff; } #facebox .close img{ opacity:0.3; } #facebox .close:hover img{ opacity:1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; } .facebox_hide { z-index:-100; } .facebox_overlayBG { background-color: #000; z-index: 99; } .facebox-header { margin: -15px -15px 15px; padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; font-weight: normal; } .owner-select-grid { margin-left: -8px; overflow: hidden; } .owner-select-target { float: left; padding: 10px; margin: 0 8px 10px; text-align: center; background-color: #f2f2f2; border-radius: 3px; } .owner-select-target.enabled { font-weight: bold; cursor: pointer; } .owner-select-target.disabled { color: #999; cursor: not-allowed; } .owner-select-grid .avatar { display: block; overflow: hidden; line-height: 1; vertical-align: middle; border-radius: 3px; } .owner-select-target.enabled .avatar { opacity: 1; } .owner-select-target.disabled .avatar { margin-bottom: 9px; opacity: 0.3; } .css-truncate { display: inline-block; max-width: 125px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: top; } .owner-select-target .css-truncate { max-width: 90px; }