src/chrome/common/extensions/docs/examples/api/browserAction/set_page_color/popup.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <title>Set Page Color Popup</title>
   5     <style>
   6     body {
   7       overflow: hidden;
   8       margin: 0px;
   9       padding: 0px;
  10       background: white;
  11     }
  12
  13     div:first-child {
  14       margin-top: 0px;
  15     }
  16
  17     div {
  18       cursor: pointer;
  19       text-align: center;
  20       padding: 1px 3px;
  21       font-family: sans-serif;
  22       font-size: 0.8em;
  23       width: 100px;
  24       margin-top: 1px;
  25       background: #cccccc;
  26     }
  27     div:hover {
  28       background: #aaaaaa;
  29     }
  30     #red {
  31       border: 1px solid red;
  32       color: red;
  33     }
  34     #blue {
  35       border: 1px solid blue;
  36       color: blue;
  37     }
  38     #green {
  39       border: 1px solid green;
  40       color: green;
  41     }
  42     #yellow {
  43       border: 1px solid yellow;
  44       color: yellow;
  45     }
  46     </style>
  47     <script src="popup.js"></script>
  48   </head>
  49   <body>
  50     <div id="red">red</div>
  51     <div id="blue">blue</div>
  52     <div id="green">green</div>
  53     <div id="yellow">yellow</div>
  54   </body>
  55 </html>