Contents

div.wslider2 {
  position: relative;
  overflow: hidden;

  div.frame {
    display: none;
    position: relative;

    &.shown_right_now {

      position: relative;

      background-repeat: repeat-y;
      background-position: center center;

      background-size: 100% 100%;
      background-size: cover;

      height: 100%;
      height: 100vh;

      width: 100%;
      display: -ms-flexbox;
      display: flex;
      z-index: 1;
      overflow: hidden;

      align-items: center;
      justify-content: center;
      text-align: center;

      -ms-flex-align: center;
      -ms-flex-pack: center;
    }

    h1 {
      position: relative;
      width: 100%;
      /*text-shadow: 0 0 5px rgba(0, 0, 0, 0.8);*/
      z-index: 7;
    }

    div.fadee {
      position: absolute;
      top:0;
      left:0;
      bottom:0;
      right:0;
      background-color: rgba(0,0,0,0.3);
      z-index: 6;
    }

  }

  div.preloader {

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 20px;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    display: none;
    z-index: 2;

    // NOTE:: время синхронизировано с js [preloader.js, qweqwe]
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;

    // дополнения к библиотечному, каноничному стилю
    .spinner {
      margin: 0 auto;
      /*width: 35px;
      height: 35px;*/
      position: relative;
    }

  }

}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
c80_wslider2-0.1.0.4	app/assets/stylesheets/c80_wslider2/wslider2.scss