sportsbet-mobile

Version:
Sportsbet mobile
94 lines (84 loc) • 2.32 kB
text/less
.live {

  .content {
    padding: 0%;
  }

  .live .header {
    font-weight:bold;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#712315+0,fd0100+50,712315+100 */
    background: rgb(113, 35, 21); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(113, 35, 21, 1) 0%, rgba(253, 1, 0, 1) 50%, rgba(113, 35, 21, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(113, 35, 21, 1) 0%, rgba(253, 1, 0, 1) 50%, rgba(113, 35, 21, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(113, 35, 21, 1) 0%, rgba(253, 1, 0, 1) 50%, rgba(113, 35, 21, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#712315', endColorstr='#712315', GradientType=1); /* IE6-9 */
  }

  .btn {
    width: 89%;
    &:before {
      content: '';
      background: url(/images/icons.png) -3px -365px #ffffff;
      height: 40px;
      width: 40px;
      position: absolute;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      top: 12px;
      right: 17px;
      border: 1px solid #ccc;
    }
  }

  .content .holder {
    background: #fff;
    padding: 10px 1%;
  }

  .menu {
    margin-bottom: 0px;
    a {
      background: #f0f0f0;
      border-bottom: 5px solid #ccc;
      margin-bottom: 3px;
      line-height: 17px;
      padding-top: 10px;
      font-weight: 500;
      text-transform: uppercase;
      color: #000;
      font-family: 'Roboto Condensed', sans-serif;
      padding-bottom: 10px;
      font-weight: bold;
      font-size: 13px;
      min-height: 34px;
      span {
        font-size: 10px;
        font-family: 'Roboto Condensed';
        font-weight: 500;
      }
    }
  }

  .startsin {
    position: absolute;
    top: 10px;
    right: 0px;
    width: 99px;
    text-align: center;
    color: #89C331;
    font-weight: bold;
    font-size: 12px;

    b {
      display: block;
      color: #8b8b8b;
    }
  }

  .all-markets-button {
    text-align: center;
    background: #6B962B !important;
  }

  .all-markets-disabled {
    background: red !important;
    pointer-events: none;
    opacity: 0.7;
    text-align: center;
  }

  .submenu {
    padding: 5px 0;
  }
}