jam-cloud/web/app/assets/stylesheets/web/welcome.css.scss

@charset "UTF-8";

@import "client/common.css.scss";

body.web {
  .welcome {
    .landing-tag {
      margin:10px 0 40px;
      width:348px;

      h1 {
        font-size:30px;
      }
    }
  }

  .buzz {
    width: 300px;
    position:relative;
    .buzz-items {
      .buzz-item {
        padding: 12px 0;
        &:last-child {
          padding-bottom:0;
        }
      }
      .buzz-item-text {
        padding-left: 78px; // 58px width for image + 20px margin
      }
    }
  }

  .latest {
    width: 750px;
    position:relative;
    top:-65px;

    .home-session-list {
      width:100%;
      height:400px;
      border: solid 1px #ed3718;
      background-color:#353535;
      float:left;
      overflow:hidden;
      position:relative;

    }
    .latest-head {
      position: absolute;
      padding:20px 20px 12px;
      height: 53px;
      width:inherit;
    }

    .latest-body {
      width:100%;
      top:65px;
      bottom:0;
      position:absolute;
      overflow-y:scroll;
      @include border_box_sizing;

      .session-list-wrapper {
        padding: 0 20px;
      }
    }
  }
  /*
Item Name: jQuery Carousel Evolution
Author: Mapalla
Author URI: http://codecanyon.net/user/Mapalla
Version: 1.1
*/

  /* _______________________________________________ */

  /* CONTAINER */
  /* _______________________________________________ */

  .carousel
  {
    display:none;
    position :relative ;
    margin :15px auto 0;
    width :auto;
    height :auto;
    border :none;
    overflow : hidden ;
//    z-index:0;
  }

  /* _______________________________________________ */

  /* SLIDES */
  /* _______________________________________________ */

  /* slide container */
  .carousel .slides
  {
    margin :0;
    padding :0;
    border :none;
    list-style :none;
    position :relative ;
    overflow :visible ;
  }

  /* slide item */
  .carousel .slides .slideItem
  {
    position :absolute ;
    cursor :pointer ;
    overflow : hidden;
    padding :0;
    margin :0;
    border :none;
    background: #353535;
  }

  .carousel .slides .slideItem a
  {
    display: block ;
    text-decoration :none;
    margin :0;
    padding :0;
    border :none;
    outline :none;
  }

  .carousel .slides .slideItem img
  {
    margin :0;
    padding :0;
    border :none;
    width :100%;
    height :100%;
  }

  /* _______________________________________________ */

  /* DIRECTION BUTTON */
  /* _______________________________________________ */

  .carousel .nextButton
  {
    position :absolute ;
    right :10px;
    top :133px;
    width :35px;
    height :35px;
    background : url(next_button.png) no-repeat center;
    cursor :pointer ;
    z-index :9999;
  }

  .carousel .prevButton
  {
    position :absolute ;
    left :10px;
    top :133px;
    width :35px;
    height: 35px;
    background : url(prev_button.png);
    cursor :pointer ;
    z-index :9999;
  }

  /* _______________________________________________ */

  /* NAVIGATION BUTTON */
  /* _______________________________________________ */

  /* buttons container */
  .carousel .buttonNav
  {
    position : relative ;
    margin :0 auto;
    z-index :999;
  }

  /* numbers */
  .carousel .buttonNav .numbers
  {
    position :relative ;
    float :left ;
    margin :5px;
    color : #828282 ;
    cursor :pointer ;
    font-weight :bold ;
    text-decoration :none;
    font-size :1em;
    font-family :Arial, Verdana ;
  }

  .carousel .buttonNav .numbers:hover
  {
    color: #000;
    text-decoration :underline;
  }

  .carousel .buttonNav .numberActive
  {
    background : none;
    color :#000;
    cursor :default ;
  }

  /* bullets */
  .carousel .buttonNav .bullet
  {
    position :relative ;
    float :left ;
    width :16px;
    height :16px;
    background : url(Bullet-White.png) no-repeat center ;
    margin :5px;
    float :left ;
    cursor :pointer ;
  }

  .carousel .buttonNav .bullet:hover
  {
    background : url(Bullet-Black.png) no-repeat center ;
  }

  .carousel .buttonNav .bulletActive
  {
    background : url(Bullet-Black.png) no-repeat center ;
    cursor :default ;
  }

  /* ____________________________________________________________ */

  /* VIDEO */
  /* ____________________________________________________________ */

  .carousel .slides .videoOverlay
  {
    background :url(video.png) no-repeat center; /* play button */
  }

  .carousel .slides .spinner
  {
    background : #000 url(loading.gif) no-repeat center; /* video preloader */
  }

  /* _____________________________ *

  /* SHADOW */
  /* _____________________________ */

  .carousel .shadow
  {
    width :100%;
    height :82px;
  }

  .carousel .shadow .shadowLeft
  {
    background : url(shadowLeft.png) no-repeat;
    width :100px;
    height :82px;

    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/web/shadowLeft.png, sizingmethod=scale)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=web/shadowLeft.png, sizingmethod=scale);   /* IE6 & 7 */
  }

  .carousel .shadow .shadowMiddle
  {
    height :82px;
    background:url(shadowTile.png) repeat-x;

    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/web/shadowTile.png, sizingmethod=scale)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=web/shadowTile.png, sizingmethod=scale);   /* IE6 & 7 */
  }


  .carousel .shadow .shadowRight
  {
    width :100px;
    height :82px;
    background:url(shadowRight.png) no-repeat;

    /* fix png problems in ie */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/web/shadowRight.png, sizingmethod=scale)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=web/shadowRight.png, sizingmethod=scale);   /* IE6 & 7 */
  }

  /* ____________________________________________________________ */

  /* REFLECTION GRADIENT */
  /* ____________________________________________________________ */

  /* gradient color for Opera */
//  .carousel .gradient
//  {
//    background-image :url(gradient.svg);
//  }
//  .carousel {
//    position: relative;
//    margin: 0 auto;
//    width: auto;
//    height: auto;
//    border: none;
//    overflow: hidden;
//    z-index: 0;
//
//    .slides {
//      margin: 0;
//      padding: 0;
//      border: none;
//      list-style: none;
//      position: relative;
//      overflow: visible;
//
//      .slideItem {
//        position: absolute;
//        cursor: pointer;
//        overflow: hidden;
//        padding: 0;
//        margin: 0;
//        border: none;
//      }
//    }
//  }
}