chrome/test/data/extensions/subscribe_page_action/options.html

   1 <!--
   2  * Copyright (c) 2009 The Chromium Authors. All rights reserved.  Use of this
   3  * source code is governed by a BSD-style license that can be found in the
   4  * LICENSE file.
   5 -->
   6 <html>
   7 <head>
   8 <title></title>
   9 <link rel="stylesheet" href="style.css" type="text/css" />
  10 <style>
  11 body {
  12   display:-webkit-box;
  13   -webkit-box-orient:vertical;
  14 }
  15
  16 body>* {
  17   display:-webkit-box;
  18 }
  19
  20 #dialogBackground {
  21   background-color: rgba(0, 0, 0, .2);
  22   display: none;
  23   height: 100%;
  24   left: 0;
  25   position: fixed;
  26   top: 0;
  27   width: 100%;
  28   z-index: 1;
  29   -webkit-box-orient: vertical;
  30   -webkit-user-select:none;
  31 }
  32
  33 #dialogHBackground {
  34   height: 100%;
  35   -webkit-box-orient: horizontal;
  36 }
  37
  38 #dialog {
  39   background-color: #5296DE;
  40   border: 1px solid #3A75BD;
  41   border-radius: 6px 6px;
  42   font-size: 12px;
  43   width: 355px;
  44   -webkit-box-orient: vertical;
  45 }
  46
  47 #dialogHeader {
  48   background-color: rgba(0,0,0,0);
  49   color: white;
  50   font-weight: bold;
  51   margin: 4px;
  52   width: 100%;
  53 }
  54
  55 #dialogBody {
  56   background-color: rgb(240, 240, 240);
  57   border: 1px solid #3A75BD;
  58   border-bottom-left-radius: 4px 4px;
  59   border-bottom-right-radius: 4px 4px;
  60   margin: 0px 2px 2px 2px;
  61   padding-bottom: 10px;
  62   padding-right: 10px;
  63   padding-top: 10px;
  64   -webkit-box-orient: vertical;
  65   width: 340px;
  66 }
  67
  68 #dialogBackground, #dialogBackground div {
  69   display: -webkit-box;
  70   -webkit-box-align: center;
  71 }
  72
  73 #dialog input[type="button"] {
  74   font-size: 12px;
  75   height: 25px;
  76   width: 100px;
  77 }
  78
  79 #dialog input[type="text"] {
  80   font-size: 12px;
  81   font-family: Arial, Helvetica, sans-serif;
  82   width: 220px;
  83 }
  84
  85 .dialogRow {
  86   margin-left: -24px;
  87   width: 100%;
  88   -webkit-box-orient: horizontal;
  89   -webkit-box-pack: end;
  90 }
  91
  92 .dialogRow>* {
  93   margin: 2px
  94 }
  95
  96 #dialogContentFooter {
  97   margin-bottom: 6px;
  98   margin-left: -12px;
  99   margin-top: 20px;
 100   padding-right: 10px;
 101 }
 102
 103 .urlAssist {
 104   padding-left: 30px;
 105 }
 106
 107 .status {
 108   background-color: #FFF18A;
 109 }
 110
 111 </style>
 112 <script type="text/javascript" src="common.js"></script>
 113 <script type="text/javascript" src="options.js"></script>
 114 </head>
 115 <body>
 116   <table border="0">
 117   <tr>
 118     <td valign="top" width="16">
 119       <img src="feed-icon-16x16.png" />
 120     </td>
 121     <td valign="middle">
 122       <strong id="rss_subscription_options"></strong>
 123     </td>
 124     <td colspan="2">
 125     </td>
 126   </tr>
 127   <tr>
 128   <td colspan="2">
 129     <select id="readerListbox" size="8" style="width:300;"></select>
 130   </td>
 131   <td valign="top">
 132     <button style="width:100%;" id="addReader"></button><br />
 133     <button style="width:100%;" id="editReader"></button><br />
 134     <button style="width:100%;" id="removeReader"></button><br />
 135     <button style="width:100%;" id="setDefault"></button><br />
 136     <button style="width:100%;" id="resetList"></button><br />
 137   </td>
 138   <td style="width: 200px;">
 139   </td>
 140   </tr>
 141   <tr>
 142   <td colspan="4">
 143     <input type="checkbox" id="alwaysUseDefault"
 144          value="alwaysUseDefault"
 145     ><span id="rss_subscription_always_use_default"></span>
 146   </td>
 147   </tr>
 148   </table>
 149
 150   <div id="dialogBackground">
 151     <div id="dialogHBackground">
 152       <div id="dialog">
 153
 154         <div id="dialogHeader"></div>
 155
 156         <div id="dialogBody">
 157
 158           <div class="dialogRow">
 159             &nbsp;<div class="status" id="statusMsg"></div>
 160           </div>
 161
 162           <div class="dialogRow">
 163             <div id="rss_subscription_feed_description"></div>
 164             <div>
 165               <input type="text" id="descriptionText">
 166             </div>
 167           </div>
 168
 169           <div class="dialogRow">
 170             <div id="rss_subscription_feed_url"></div>
 171             <div>
 172               <input type="text" id="urlText">
 173             </div>
 174           </div>
 175
 176           <div class="dialogRow">
 177             <div id="urlAssist" class="urlAssist"></div>
 178           </div>
 179
 180           <div class="dialogRow" id="dialogContentFooter">
 181             <div>
 182               <input type="button" id="save">
 183             </div>
 184             <div>
 185               <input type="button"
 186                      id="rss_subscription_close_button" >
 187             </div>
 188           </div>
 189
 190         </div> <!-- /dialogBody -->
 191
 192       </div>
 193     </div>
 194   </div>
 195
 196 </body>
 197 </html>