chrome/test/data/extensions/api_test/notifications/galore/app/style.css

   1 /* Copyright (c) 2013 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 /* Globals ********************************************************************/
   6 html {
   7   height: 100%
   8 }
   9
  10 body {
  11   cursor: default;
  12   margin: 0px;
  13   padding: 0px 4px 4px;
  14   overflow:hidden;
  15   height: 100%;
  16 }
  17
  18 .section {
  19   overflow:hidden;
  20   margin:14px 0 12px 0;
  21 }
  22
  23 .subsection {
  24   margin:2px;
  25   padding:3px;
  26   border:1px solid lightgrey;
  27 }
  28
  29 h1 {
  30   /* White with a vertically centered one pixel horizontal black line. */
  31   background: -webkit-linear-gradient(white, white 59%,
  32                                       black 60%, black 64%,
  33                                       white 65%, white);
  34   font: normal 16px 'Arimo', 'Gill Sans', 'Open Sans',
  35                     'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  36   margin: 0 0 8px 0;
  37   text-align: center;
  38 }
  39
  40 h1 span {
  41   background: white;
  42   padding: 0 4px;
  43 }
  44
  45 button.borderless {
  46   background-color: white;
  47   border:1px solid rgba(0,0,0,0.1);
  48   margin: 3px;
  49   padding: 3px;
  50 }
  51
  52 button.borderless:hover {
  53   border:1px solid rgba(0,0,0,1);
  54 }
  55
  56 button.borderless:hover[disabled] {
  57   border:1px solid rgba(0,0,0,0.1);
  58 }
  59
  60 /* Template section (invisible) ***********************************************/
  61
  62 #templates {
  63   display: none;
  64 }
  65
  66 /* Priority section ***********************************************************/
  67
  68 #priority {
  69   font-size: 0;  /* To collapse the spaces between buttons. */
  70   text-align: center;
  71 }
  72
  73 button.priority {
  74   font: normal 14px 'Arimo', 'Gill Sans', 'Open Sans',
  75                     'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  76   height: 24px;
  77   width: 48px;
  78 }
  79
  80 /* Recorder *******************************************************************/
  81 #recording-status {
  82   font-size:18pt;
  83   text-align: center;
  84 }
  85
  86 #recording-stats {
  87   font-size:9pt;
  88   text-align: center;
  89 }
  90
  91 button.control img {
  92   display: block;
  93   margin: 0;
  94   padding: 0;
  95 }
  96
  97 button.control[disabled="true"] {
  98   opacity: 0.2;
  99 }
 100
 101 /* Notification sections ******************************************************/
 102
 103 button.notification img  {
 104   display: block;
 105   height: 40px;
 106   margin: 0;
 107   padding: 0;
 108   width: 40px;
 109 }
 110
 111 /* Events section *************************************************************/
 112
 113 #events {
 114   margin:0;
 115   font-weight: lighter;
 116   padding: 0;
 117   height:180px;
 118   overflow-y: auto;
 119   overflow-x: hidden;
 120   background-color: gold;
 121 }
 122
 123 .event {
 124   color: gray;
 125   font: 11px 'Arimo', 'Gill Sans', 'Open Sans',
 126              'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 127 }
 128
 129 .error {
 130   color: red;
 131   font: bold 16px 'Arimo', 'Gill Sans', 'Open Sans',
 132              'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
 133   text-align: center;
 134 }
 135
 136 /* Highlighting ***************************************************************/
 137 body[data-priority="-2"] button.priority[data-priority="-2"],
 138 body[data-priority="-1"] button.priority[data-priority="-1"],
 139 body[data-priority="0"] button.priority[data-priority="0"],
 140 body[data-priority="1"] button.priority[data-priority="1"],
 141 body[data-priority="2"] button.priority[data-priority="2"] {
 142   background: rgb(255, 255, 85);
 143   -webkit-box-shadow: inset 3px 3px 0 white, inset -3px -3px 0 white;
 144 }