chrome/content/preferences.xhtml

   1 <!DOCTYPE overlay SYSTEM "chrome://torbutton/locale/torbutton.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3   <meta charset="UTF-8"/>
   4   <meta name="viewport" content="width=device-width, initial-scale=1"/>
   5   <head>
   6     <title>&torbutton.prefs.security_settings;</title>
   7     <link type="text/css" rel="stylesheet" charset="UTF-8" href="chrome://torbutton/skin/preferences.css"/>
   8     <link type="text/css" rel="stylesheet" charset="UTF-8" href="chrome://torbutton/skin/preferences-mobile.css"/>
   9     <script type="text/javascript" src="preferences-mobile.js"></script>
  10     <style>
  11     </style>
  12   </head>
  13   <body onload="torbutton_init_security_ui()">
  14     <div class="wrapper outer-wrapper">
  15       <div class="title">
  16         &torbutton.prefs.sec_caption;
  17       </div>
  18       <div class="wrapper inner-wrapper">
  19               <input id="torbutton_sec_slider" type="range" min="1" max="3" list="datalist" onchange="torbutton_set_slider(parseInt(this.value, 10))"/>
  20               <datalist id="datalist">
  21           <option onclick="torbutton_set_slider(1)">
  22             &torbutton.prefs.sec_standard_label;
  23           </option>
  24           <option onclick="torbutton_set_slider(2)">
  25             &torbutton.prefs.sec_safer_label;
  26           </option>
  27           <option onclick="torbutton_set_slider(3)">
  28             &torbutton.prefs.sec_safest_label;
  29           </option>
  30               </datalist>
  31         <div class="description-wrapper">
  32           <div id="desc_safest" class="description">
  33             <p class="slider-text-size slider-text-weight">
  34               &torbutton.prefs.sec_safest_description;
  35             </p>
  36             <p class="slider-text-size slider-text-weight">
  37               &torbutton.prefs.sec_safest_list_label;
  38             </p>
  39             <p class="slider-text-size">
  40               &torbutton.prefs.sec_js_disabled;
  41             </p>
  42             <p class="slider-text-size">
  43               &torbutton.prefs.sec_limit_graphics_and_typography;
  44             </p>
  45             <p class="slider-text-size">
  46               &torbutton.prefs.sec_click_to_play_media;
  47             </p>
  48             <a id="link_safest" class="text-link">
  49               &torbutton.prefs.sec_learn_more_label;
  50             </a>
  51           </div>
  52           <div id="desc_safer" class="description">
  53             <p class="slider-text-size slider-text-weight">
  54               &torbutton.prefs.sec_safer_description;
  55             </p>
  56             <p class="slider-text-size slider-text-weight">
  57               &torbutton.prefs.sec_safer_list_label;
  58             </p>
  59             <p class="slider-text-size">
  60               &torbutton.prefs.sec_js_on_https_sites_only;
  61             </p>
  62             <p class="slider-text-size">
  63               &torbutton.prefs.sec_limit_typography;
  64             </p>
  65             <p class="slider-text-size">
  66               &torbutton.prefs.sec_click_to_play_media;
  67             </p>
  68             <a id="link_safer" class="text-link">
  69               &torbutton.prefs.sec_learn_more_label;
  70             </a>
  71           </div>
  72           <div id="desc_standard" class="description">
  73             <p class="slider-text-size slider-text-weight">
  74               &torbutton.prefs.sec_standard_description;
  75             </p>
  76             <a id="link_standard" class="text-link">
  77               &torbutton.prefs.sec_learn_more_label;
  78             </a>
  79           </div>
  80         </div>
  81       </div>
  82     </div>
  83   </body>
  84 </html>