ui/accessibility/extensions/highcontrast/popup.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 <link rel="stylesheet" type="text/css" href="highcontrast.css">
   5 <style type="text/css">
   6 html {
   7   border-radius: 6px;
   8 }
   9 body {
  10   width: 18em;
  11   padding: 0.75em;
  12   border-radius: 6px;
  13 }
  14 * {
  15   font-family: Arial, Helvetica, sans-serif;
  16   font-size: 10pt;
  17 }
  18 #title {
  19   outline: none;
  20 }
  21 .kb {
  22   font-weight: normal;
  23   font-style: italic;
  24   font-size: 10pt;
  25 }
  26 button {
  27   width: 100%;
  28   margin: 0.75em 0 0.25em 0;
  29   padding: 0.5em 1.5em;
  30 }
  31 button#toggle {
  32   font-size: 12pt;
  33 }
  34 body.disabled h3,
  35 body.disabled a,
  36 body.disabled label {
  37   color: #aaa;
  38 }
  39 h2 {
  40   font-size: 12pt;
  41   text-align: center;
  42 }
  43 label {
  44   display: block;
  45 }
  46 fieldset {
  47   border: none;
  48   margin: 0;
  49   margin-bottom: 1em;
  50   padding: 0;
  51 }
  52 legend {
  53   padding-top: 1em;
  54   padding-bottom: 0.5em;
  55 }
  56 input[type="radio"] {
  57   margin-left: 1em;
  58 }
  59 </style>
  60 <script type="text/javascript" src="common.js"></script>
  61 <script type="text/javascript" src="popup.js"></script>
  62 </head>
  63 <body>
  64
  65 <h2 id="title"></h2>
  66
  67 <button id="toggle"></button>
  68
  69 <div id="subcontrols">
  70
  71   <fieldset>
  72     <legend id="scheme_title"></legend>
  73     <label>
  74       <input type="radio" name="scheme" value="0">
  75       <span i18n-content="highcontrast_mode_normal"></span>
  76     </label>
  77     <label>
  78       <input type="radio" name="scheme" value="1">
  79       <span i18n-content="highcontrast_increased_contrast"><span>
  80     </label>
  81     <label>
  82       <input type="radio" name="scheme" value="2">
  83       <span i18n-content="highcontrast_grayscale"><span>
  84     </label>
  85     <label>
  86       <input type="radio" name="scheme" value="3">
  87       <span i18n-content="highcontrast_inverted_color"><span>
  88     </label>
  89     <label>
  90       <input type="radio" name="scheme" value="4">
  91       <span i18n-content="highcontrast_inverted_grayscale"><span>
  92     </label>
  93     <label>
  94       <input type="radio" name="scheme" value="5">
  95       <span i18n-content="highcontrast_yellow_on_black"><span>
  96     </label>
  97   </fieldset>
  98
  99   <button id="make_default"><span i18n-content="highcontrast_setdefault"></span></button>
 100
 101   <button id="forget"><span i18n-content="highcontrast_forget"></span></button>
 102
 103 </div>
 104
 105 </body>
 106 </html>