add extjs 6.0.1 sources

[extjs.git] / extjs / examples / modern / touchtomatoes / sass / src / view / MovieDetails.scss

.moviedetails {\r
  z-index: 9999;\r
  .x-button {\r
    border: 0;\r
    border-radius: 0;\r
    background: rgb(246, 255, 148);\r
    font-weight: 100;\r
\r
    &.x-button-pressing {\r
      background: #F8E766;\r
      background-image: none;\r
    }\r
\r
    .x-button-label {\r
      font-weight: 100;\r
    }\r
  }\r
\r
  .title {\r
    text-align: center;\r
    font-weight: 100;\r
    font-size: 1.5em;\r
    padding: 10px;\r
    line-height: 1em;\r
    max-height: 300px;\r
    overflow: hidden;\r
\r
    @include query-small-landscape {\r
      font-size: 1.5em;\r
    }\r
\r
    @include query-medium {\r
      font-size: 2.5em;\r
    }\r
\r
    @include query-large {\r
      font-size: 3em;\r
    }\r
  }\r
\r
  .img {\r
    width: 100%;\r
    height: 75px;\r
\r
    @include query-medium {\r
      height: 200px;\r
    }\r
\r
    @include query-large {\r
      height: 300px;\r
    }\r
    background-position: 50%;\r
    background-size: contain;\r
    @include box-shadow(inset 0px 0px 14px 0px rgba(0, 0, 0, 0.5));\r
\r
    @include query-small-landscape {\r
      display: none;\r
    }\r
  }\r
\r
  .info {\r
    @include st-box;\r
    @include st-box-orient(horizontal);\r
    font-size: .8em;\r
    font-weight: 400;\r
\r
    @include query-small-landscape {\r
      font-size: .5em;\r
    }\r
\r
    .rating, .vbox {\r
      padding: 10px;\r
    }\r
\r
    .vbox {\r
      text-align: right;\r
    }\r
\r
    .spacer {\r
      @include st-box-flex(1);\r
    }\r
  }\r
\r
  ul.cast {\r
    padding: 3px;\r
    background-color: #d3d3d3;\r
    @include st-box;\r
    @include st-box-orient(horizontal);\r
    overflow: hidden;\r
    white-space: nowrap;\r
    text-overflow: ellipsis;\r
\r
    li {\r
      font-size: .4em;\r
      @include query-medium {\r
        font-size: .8em;\r
      }\r
\r
      @include query-large {\r
        font-size: 1em;\r
      }\r
\r
      font-weight: 300;\r
\r
      &:before {\r
        content: ", ";\r
      }\r
\r
      &:first-child:before {\r
        content: ""\r
      }\r
    }\r
  }\r
\r
  .content .x-innerhtml {\r
    text-align: justify;\r
    padding: 10px;\r
    font-weight: 300;\r
    font-size: .8em;\r
  }\r
}