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.svg) center/32px no-repeat;
  21   background-color: rgba(255, 255, 255, 0.7);
  22   bottom: 0;
  23   left: 0;
  24   outline: none;
  25   position: absolute;
  26   right: 0;
  27   top: 0;
  28   transition: opacity 500ms;
  29   z-index: 525;
  30 }
  31
  32 .cws-widget-spinner-layer:not(.cws-widget-show-spinner) {
  33   background: none;
  34   opacity: 0;
  35   pointer-events: none;
  36 }
  37
  38 .cws-widget-spinner-layer.cws-widget-hiding-spinner {
  39   /* Transition end event would not fire if opacity was set to 0. */
  40   opacity: 0.01;
  41 }
  42
  43 .cws-widget-buttons {
  44   background: #eee;
  45   width: 100%;
  46 }
  47
  48 .cws-widget-webstore-button {
  49   -webkit-padding-end: 10px;
  50   -webkit-padding-start: 12px;
  51   color: #00f;
  52   cursor: pointer;
  53   display: flex;
  54   height: 16px;
  55   padding-bottom: 10px;
  56   padding-top: 10px;
  57 }
  58
  59 .cws-widget-webstore-button-icon {
  60   -webkit-margin-end: 8px;
  61   background-image: -webkit-image-set(
  62     url(chrome://theme/IDR_WEBSTORE_ICON_16) 1x,
  63     url(chrome://theme/IDR_WEBSTORE_ICON_16@2x) 2x);
  64   background-repeat: no-repeat;
  65   display: inline-block;
  66   height: 16px;
  67   width: 16px;
  68 }
  69
  70 .cws-widget-webstore-button-label {
  71   flex: 1;
  72   line-height: 16px;
  73 }
  74
  75 .cr-dialog-frame.cws-widget-error-dialog-frame {
  76   width: 300px;
  77 }
  78
  79 .cws-widget-error-dialog-frame .cws-widget-error-dialog-img {
  80   background-image: -webkit-image-set(
  81     url(chrome://theme/IDR_ERROR_NETWORK_GENERIC) 1x,
  82     url(chrome://theme/IDR_ERROR_NETWORK_GENERIC@2x) 2x);
  83   background-position: center;
  84   background-repeat: no-repeat;
  85   height: 40px;
  86 }
  87
  88 .cws-widget-error-dialog-text {
  89   text-align: center;
  90 }