Home | History | Annotate | Download | only in highcontrast
      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="normal"></span>
     76     </label>
     77     <label>
     78       <input type="radio" name="scheme" value="1">
     79       <span i18n-content="increased_contrast"><span>Increased Contrast
     80     </label>
     81     <label>
     82       <input type="radio" name="scheme" value="2">
     83       Grayscale
     84     </label>
     85     <label>
     86       <input type="radio" name="scheme" value="3">
     87       Inverted Color
     88     </label>
     89     <label>
     90       <input type="radio" name="scheme" value="4">
     91       Inverted Grayscale
     92     </label>
     93     <label>
     94       <input type="radio" name="scheme" value="5">
     95       Yellow on Black
     96     </label>
     97   </fieldset>
     98 
     99   <button id="make_default">Set as default scheme</button>
    100 
    101   <button id="forget">Forget site customizations</button>
    102 
    103 </div>
    104 
    105 </body>
    106 </html>
    107