src/chrome/common/extensions/docs/examples/api/browsingData/basic/popup.css

   1 /**
   2  * Copyright (c) 2012 The Chromium Authors. All rights reserved.
   3  * Use of this source code is governed by a BSD-style license that can be
   4  * found in the LICENSE file.
   5  */
   6
   7 body {
   8   margin: 5px 10px 10px;
   9 }
  10
  11 h1 {
  12   color: #53637D;
  13   font: 26px/1.2 Helvetica, sans-serif;
  14   font-size: 200%;
  15   margin: 0;
  16   padding-bottom: 4px;
  17   text-shadow: white 0 1px 2px;
  18 }
  19
  20 label {
  21   color: #222;
  22   font: 18px/1.4 Helvetica, sans-serif;
  23   margin: 0.5em 0;
  24   display: inline-block;
  25 }
  26
  27 form {
  28   width: 563px;
  29   -webkit-transition: -webkit-transform 0.25s ease;
  30 }
  31
  32 button {
  33   display: block;
  34   border-radius: 2px;
  35   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  36   -webkit-user-select: none;
  37   background: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
  38   border: 1px solid #AAA;
  39   color: #444;
  40   margin-bottom: 0;
  41   min-width: 4em;
  42   padding: 3px 12px;
  43   margin-top: 0;
  44   font-size: 1.1em;
  45 }
  46
  47 .overlay {
  48   display: block;
  49   text-align: center;
  50   position: absolute;
  51   left: 50%;
  52   top: 50%;
  53   width: 500px;
  54   padding: 20px;
  55   margin: -40px 0 0 -270px;
  56   opacity: 0;
  57   background: rgba(0, 0, 0, 0.75);
  58   border-radius: 5px;
  59   color: #FFF;
  60   font: 1.5em/1.2 Helvetica Neue, sans-serif;
  61   -webkit-transition: all 1.0s ease;
  62   -webkit-transform: scale(0);
  63 }
  64
  65 .overlay a {
  66   color:  #FFF;
  67 }
  68
  69 .overlay.visible {
  70   opacity: 1;
  71   -webkit-transform: scale(1);
  72 }