chrome/renderer/resources/plugins/plugin_placeholders.css

   1 /* Copyright (c) 2012 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 html, body {
   6   -webkit-user-select: none;
   7   font-family: sans-serif;
   8   height: 100%;
   9   margin: 0;
  10   overflow: hidden;
  11   text-align: center;
  12   width: 100%;
  13 }
  14
  15 h1 {
  16   font-size: 10pt;
  17   font-weight: normal;
  18   padding: 0pt 10pt;
  19 <if expr="not is_android and not chromeos">
  20   visibility: hidden;
  21 </if>
  22 }
  23
  24 #outer:hover h1, #outer:hover #close {
  25   visibility: visible;
  26 }
  27
  28 p {
  29   font-size: 8pt;
  30   padding: 0pt 14pt;
  31 }
  32
  33 #outer {
  34   align-items: center;
  35   border: 1px black solid;
  36   box-sizing: border-box;
  37   display: flex;
  38   height: 100%;
  39   justify-content: center;
  40   position: absolute;
  41   width: 100%;
  42 }
  43
  44 #close {
  45   background-image: -webkit-image-set(
  46       url(../../../../ui/resources/default_100_percent/close_2.png) 1x,
  47       url(../../../../ui/resources/default_200_percent/close_2.png) 2x);
  48   background-position: right top;
  49   background-repeat: no-repeat;
  50   cursor: pointer;
  51   height: 14px;
  52   position: absolute;
  53   right: 3px;
  54   top: 3px;
  55 <if expr="not is_android">
  56   visibility: hidden;
  57 </if>
  58   width: 14px;
  59 }
  60
  61 #close[data-plugin-type='document'] {
  62   display: none;
  63 }
  64
  65 #close:hover {
  66   background-image: -webkit-image-set(
  67       url(../../../../ui/resources/default_100_percent/close_2_hover.png) 1x,
  68       url(../../../../ui/resources/default_200_percent/close_2_hover.png) 2x);
  69 }
  70
  71 #close:active {
  72   background-image: -webkit-image-set(
  73       url(../../../../ui/resources/default_100_percent/close_2_pressed.png) 1x,
  74       url(../../../../ui/resources/default_200_percent/close_2_pressed.png) 2x);
  75 }