| Index: ui/accessibility/extensions/highcontrast/popup.html
|
| diff --git a/ui/accessibility/extensions/highcontrast/popup.html b/ui/accessibility/extensions/highcontrast/popup.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..6b60d1c00aa649f74d04fa991b3a5d0f3d12f3bf
|
| --- /dev/null
|
| +++ b/ui/accessibility/extensions/highcontrast/popup.html
|
| @@ -0,0 +1,107 @@
|
| +<!doctype html>
|
| +<html>
|
| +<head>
|
| +<title>High Contrast Pop-up</title>
|
| +<link rel="stylesheet" type="text/css" href="highcontrast.css">
|
| +<style type="text/css">
|
| +html {
|
| + border-radius: 6px;
|
| +}
|
| +body {
|
| + width: 18em;
|
| + padding: 0.75em;
|
| + border-radius: 6px;
|
| +}
|
| +* {
|
| + font-family: Arial, Helvetica, sans-serif;
|
| + font-size: 10pt;
|
| +}
|
| +#title {
|
| + outline: none;
|
| +}
|
| +.kb {
|
| + font-weight: normal;
|
| + font-style: italic;
|
| + font-size: 10pt;
|
| +}
|
| +button {
|
| + width: 100%;
|
| + margin: 0.75em 0 0.25em 0;
|
| + padding: 0.5em 1.5em;
|
| +}
|
| +button#toggle {
|
| + font-size: 12pt;
|
| +}
|
| +body.disabled h3,
|
| +body.disabled a,
|
| +body.disabled label {
|
| + color: #aaa;
|
| +}
|
| +h2 {
|
| + font-size: 12pt;
|
| + text-align: center;
|
| +}
|
| +label {
|
| + display: block;
|
| +}
|
| +fieldset {
|
| + border: none;
|
| + margin: 0;
|
| + margin-bottom: 1em;
|
| + padding: 0;
|
| +}
|
| +legend {
|
| + padding-top: 1em;
|
| + padding-bottom: 0.5em;
|
| +}
|
| +input[type="radio"] {
|
| + margin-left: 1em;
|
| +}
|
| +</style>
|
| +<script type="text/javascript" src="common.js"></script>
|
| +<script type="text/javascript" src="popup.js"></script>
|
| +</head>
|
| +<body>
|
| +
|
| +<h2 id="title" tabIndex="0"></h2>
|
| +
|
| +<button id="toggle"></button>
|
| +
|
| +<div id="subcontrols">
|
| +
|
| + <fieldset>
|
| + <legend id="scheme_title"></legend>
|
| + <label>
|
| + <input type="radio" name="scheme" value="0">
|
| + Normal
|
| + </label>
|
| + <label>
|
| + <input type="radio" name="scheme" value="1">
|
| + Increased Contrast
|
| + </label>
|
| + <label>
|
| + <input type="radio" name="scheme" value="2">
|
| + Grayscale
|
| + </label>
|
| + <label>
|
| + <input type="radio" name="scheme" value="3">
|
| + Inverted Color
|
| + </label>
|
| + <label>
|
| + <input type="radio" name="scheme" value="4">
|
| + Inverted Grayscale
|
| + </label>
|
| + <label>
|
| + <input type="radio" name="scheme" value="5">
|
| + Yellow on Black
|
| + </label>
|
| + </fieldset>
|
| +
|
| + <button id="make_default">Set as default scheme</button>
|
| +
|
| + <button id="forget">Forget site customizations</button>
|
| +
|
| +</div>
|
| +
|
| +</body>
|
| +</html>
|
|
|