config/themes/default/grunt/scss/modules/_download_box.scss
/* @group Download */
.page--detail.img__full #content-outer {
  overflow-y:hidden;
  overflow-x:scroll;
  width:100%;
}

#content > img.detailIMG,
.detailIMG__wrapper > img.detailIMG {
  max-width:100%;
  height:auto;
  display:block;
  cursor: zoom-in;
}

.img__full #content > img.detailIMG,
.img__full .detailIMG__wrapper > img.detailIMG {
  cursor: zoom-out;
  max-width: initial;
}

.detailIMG__wrapper {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  margin: 20px;
  display:inline-block;
  overflow:hidden;
}

.detailIMG__wrapper--browser {
  background: linear-gradient(to bottom, #DBDCDD, #CECECE 30px);
  padding-top:30px;

  @media (max-width: 1000px) {
    background: linear-gradient(to bottom, #DBDCDD, #CECECE 3vw);
    padding-top:3vw;
  }
}

.img__full .detailIMG__wrapper--browser {
  @media (max-width: 1000px) {
    background: linear-gradient(to bottom, #DBDCDD, #CECECE 30px);
    padding-top:30px;
  }
}

#download_box {
  max-width: 350px;
  padding-top: 10px;
  color:$color-text-secondary;

  .tag {
    display:inline-block;
    @include dot();

    &.updated {
      background:$color-new;
    }
  }

  #filename {
    clear: both;
    padding-top: 18px;
    overflow: hidden;
    color: inherit;
    width:100%;
    @include ellipsis();
  }

  #clickable-zone {
    display: block;
    position: relative;
  }
}

#download_box {
  dl {
    display: block;
    width: 100%;
    overflow: hidden;
    border-top-width: 1px;
    margin-top: 35px;
    margin-bottom: 15px;
    border-color:$color-border-light;
  }
  dt {
    float: left;
    padding-top: 15px;
  }
  dd {
    display: block;
    padding-top: 15px;
    padding-left: percent(150px, 350px);
    padding-bottom: 15px;
    border-bottom-width: 1px;
    border-color:$color-border-light;

    &:last-child {
      border-bottom-width: 0;
    }
  }
}

#download_box {
  #instructions {
    padding: 15px 0 10px 0;
    border-top-width: 1px;
    margin-bottom: 35px;
    margin-top:-15px;
    border-color:$color-border-light;
  }
  #instructions a {
    color:inherit;
    text-decoration: underline;
  }
  #download {
    display: block;
    padding-bottom: 16px;
    padding-top: 17px;
    border-width: 1px;
    border-color:$color-text;
    text-align:center;
    border-radius:2px;
    height:53px;
    line-height:53px;
    padding:0;

    &:hover {
      background:$color-text;
      color:$color-bg;
    }
  }
  #download.with_arrow {
    padding-left: 10px;
    background: url(../images/system/download_xl.png) no-repeat 0 2px;
  }
}