jam-cloud/web/app/assets/stylesheets/client/shareSessionDialog.css.scss

body.widgets {
    background:#fff;
    padding:20px;
}

h3 {
    font-size:20px;
    font-weight:normal;
}

.share-overlay {

}

.widget {
    width:430px;
    height:180px;
    background:#353535;
    border:solid 1px;
    text-align:left;
}

.widget.session {
    border-color:#0b6672;
}

.widget.recording {
    border-color:#ed3618;
}

.widget-header {
    color:#fff;
    font-size:17px;
    padding:8px;
}

.widget-content {
    width:100%;
    color:#ccc;
    position:relative;
}

.widget-avatar {
    top:15px;
    left:15px;
    position:absolute;
    padding:2px;
    width:110px;
    height:110px;
    background-color:#ed3618;
    -webkit-border-radius:57px;
    -moz-border-radius:57px;
    border-radius:57px;
    margin-bottom:10px;
}

.widget-avatar img {
    width:110px;
    height:110px;
    -webkit-border-radius:55px;
    -moz-border-radius:55px;
    border-radius:55px;
}

.widget-playbutton {
    position:absolute;
    top:55px;
    left:55px;
    width:35px;
    height:31px;
    background-image:url(../shared/play_button.png);
    background-repeat:no-repeat;
}

.widget-pausebutton {
    position:absolute;
    top:55px;
    left:55px;
    width:35px;
    height:31px;
    background-image:url(../shared/pause_button.png);
    background-repeat:no-repeat;
}

.widget-title {
    font-size:18px;
    position:absolute;
    top:20px;
    left:153px;
    width:260px;
    height:22px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.widget-description {
    font-size:13px;
    position:absolute;
    top:15px;
    left:153px;
    width:260px;
    height:32px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.widget-controls {
    position:absolute;
    top:25px;
    left:153px;
    width:270px;
    height:32px;
}

.widget-members {
    position:absolute;
    left:153px;
    top:60px;
    width:280px;
    height:38px;
    overflow:hidden;
}

.widget-social {
    position:absolute;
    top:75px;
    left:153px;
    width:270px;
    height:20px;
    font-size:13px;
}

.widget-branding {
    position: absolute;
    top: 110px;
    right: 8px;
    width: 270px;
    height: 34px;
    font-size: 13px;
    text-align:right;
}

.widget .recording-controls {
    margin-top:0px;
    height:22px;
    padding:8px 5px;
}

.widget .recording-playback {
    width:65%;
}

.widget .recording-position {
    margin-left:-30px;
    width:95%;
}

.widget .recording-current {
    top:8px;
}

.widget a {
    color:#ccc;
    text-decoration:none;
}

img.space {
    margin-left:28px;
}

.widget a:hover {
    color:#fff;
}

.widget-avatar-small {
    float:left;
    padding:1px;
    width: 36px;
    height:36px;
    background-color:#ed3618;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    margin-right:15px;
}

.widget-avatar-small img {
    width: 36px;
    height: 36px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
}