components/chrome_apps/webstore_widget/cws_widget/cws_widget_container.css

   1 /* Copyright 2015 The Chromium Authors. All rights reserved.
   2  * Use of this source code is governed by a BSD-style license that can be
   3  * found in the LICENSE file. */
   4
   5 .cws-widget-container-root {
   6   position: relative;
   7 }
   8
   9 .cws-widget-webview-container {
  10   border-bottom: solid 1px #bbb;
  11   border-top: solid 1px #bbb;
  12   position: relative;
  13 }
  14
  15 .cws-widget-webview-container webview {
  16   outline: none;
  17 }
  18
  19 .cws-widget-spinner-layer {
  20   background: url(chrome://resources/images/throbber_medium.svg) center/32px
  21       no-repeat;
  22   background-color: rgba(255, 255, 255, 0.7);
  23   bottom: 0;
  24   left: 0;
  25   outline: none;
  26   position: absolute;
  27   right: 0;
  28   top: 0;
  29   transition: opacity 500ms;
  30   z-index: 525;
  31 }
  32
  33 .cws-widget-spinner-layer:not(.cws-widget-show-spinner) {
  34   background: none;
  35   opacity: 0;
  36   pointer-events: none;
  37 }
  38
  39 .cws-widget-spinner-layer.cws-widget-hiding-spinner {
  40   /* Transition end event would not fire if opacity was set to 0. */
  41   opacity: 0.01;
  42 }
  43
  44 .cws-widget-buttons {
  45   background: #eee;
  46   width: 100%;
  47 }
  48
  49 .cws-widget-webstore-button {
  50   -webkit-padding-end: 10px;
  51   -webkit-padding-start: 12px;
  52   color: #00f;
  53   cursor: pointer;
  54   display: flex;
  55   height: 16px;
  56   padding-bottom: 10px;
  57   padding-top: 10px;
  58 }
  59
  60 .cws-widget-webstore-button-icon {
  61   -webkit-margin-end: 8px;
  62   background-image: -webkit-image-set(
  63     url(chrome://theme/IDR_WEBSTORE_ICON_16) 1x,
  64     url(chrome://theme/IDR_WEBSTORE_ICON_16@2x) 2x);
  65   background-repeat: no-repeat;
  66   display: inline-block;
  67   height: 16px;
  68   width: 16px;
  69 }
  70
  71 .cws-widget-webstore-button-label {
  72   flex: 1;
  73   line-height: 16px;
  74 }
  75
  76 .cr-dialog-frame.cws-widget-error-dialog-frame {
  77   width: 300px;
  78 }
  79
  80 .cws-widget-error-dialog-frame .cws-widget-error-dialog-img {
  81   background-image: -webkit-image-set(
  82     url(chrome://theme/IDR_ERROR_NETWORK_GENERIC) 1x,
  83     url(chrome://theme/IDR_ERROR_NETWORK_GENERIC@2x) 2x);
  84   background-position: center;
  85   background-repeat: no-repeat;
  86   height: 40px;
  87 }
  88
  89 .cws-widget-error-dialog-text {
  90   text-align: center;
  91 }