spreed-webrtc/src/styles/components/_buddypictureupload.scss

/*
 * Spreed WebRTC.
 * Copyright (C) 2013-2014 struktur AG
 *
 * This file is part of Spreed WebRTC.
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 *
 */

.buddyPictureUpload {
   position: relative;
  .previewUpload {
  }
  .showUploadPicture {
    border: 1px solid #EEEEEE;
    height: 200px;
    line-height: 200px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: center;
    width: 200px;
    background-color: $componentbg;
    &.imgData {
      background-color: black;
      .chooseUploadPicture {
        display: none;
      }
    }
    .chooseUploadPicture {
      color: $componentfg4;
    }
  }
  .preview {
    position: relative;
    top: 0px;
    left: 0px;
  }
  .imageUtilites {
    line-height: 30px;
    position: absolute;
    visibility: hidden;
    width: 200px;
    z-index: 1;
    .fa {
      cursor: pointer;
      color: $componentbg;
      text-shadow: 0 0 5px black;
      opacity: 0.8;
      font-size: 40px;
      width: 50px;
      height: 50px;
    }
  }
  .showUploadPicture.imgData:hover .imageUtilites {
    visibility:visible;
  }
  .moveHorizontal {
    top: -4px;
    position: relative;
  }
  .moveVertical {
    position: absolute;
    left: 158px;
  }
  .resize {
    position: relative;
    top: 108px;
  }
}