chrome/browser/resources/about_conflicts.html

   1 <!doctype html>
   2 <html i18n-values="dir:textdirection;lang:language">
   3 <head>
   4 <meta charset="utf-8">
   5 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css">
   6 <style>
   7 body {
   8   margin: 10px;
   9   min-width: 47em;
  10 }
  11
  12 a {
  13   color: blue;
  14   font-size: 103%;
  15 }
  16
  17 div#header {
  18   margin-bottom: 1.05em;
  19   /* 67px is the height of the header's background image. */
  20   min-height: 67px;
  21   overflow: hidden;
  22   padding-bottom: 20px;
  23   -webkit-padding-start: 0;
  24   padding-top: 20px;
  25   position: relative;
  26   box-sizing: border-box;
  27 }
  28
  29 #header h1 {
  30   background-image: -webkit-image-set(
  31       url('../../app/theme/default_100_percent/common/about_conflicts.png') 1x,
  32       url('../../app/theme/default_200_percent/common/about_conflicts.png') 2x);
  33   background-position: 0px 20px;
  34   background-repeat: no-repeat;
  35   display: inline;
  36   margin: 0;
  37   padding-bottom: 43px;
  38   padding-left: 75px;
  39   padding-top: 40px;
  40 }
  41
  42 html[dir=rtl] #header h1 {
  43   background-image: -webkit-image-set(
  44       url('../../app/theme/default_100_percent/common/about_conflicts.png') 1x,
  45       url('../../app/theme/default_200_percent/common/about_conflicts.png') 2x);
  46   background-position: right;
  47   background-repeat: no-repeat;
  48   padding-right: 95px;
  49   padding-left: 0;
  50 }
  51
  52 h1 {
  53   font-size: 156%;
  54   font-weight: bold;
  55   padding: 0;
  56   margin: 0;
  57 }
  58
  59 #blurb-container {
  60   padding-bottom: 1.5em;
  61   font-size: 120%;
  62 }
  63
  64 div.content {
  65   font-size: 88%;
  66   margin-top: 5px;
  67 }
  68
  69 .section-header {
  70   background: #ebeff9;
  71   border-top: 1px solid #b5c7de;
  72   font-size: 99%;
  73   padding-bottom: 2px;
  74   -webkit-padding-start: 5px;
  75   padding-top: 3px;
  76   width: 100%;
  77 }
  78
  79 .section-header > table > tr > td:first-child {
  80   width: 100%;
  81 }
  82
  83 .section-header > table {
  84   width: 100%;
  85 }
  86
  87 .section-header-title {
  88   font-weight: bold;
  89 }
  90
  91 .vbox-container {
  92   display: -webkit-box;
  93   -webkit-box-orient: vertical;
  94 }
  95
  96 .wbox {
  97   display: -webkit-box;
  98   -webkit-box-align: stretch;
  99   -webkit-box-flex: 1;
 100 }
 101
 102 #top {
 103   -webkit-padding-end: 5px;
 104 }
 105
 106 .module-loaded > td {
 107   padding-bottom: 4px;
 108   padding-top: 5px;
 109 }
 110
 111 .module {
 112   border-bottom: 1px solid #cdcdcd;
 113 }
 114
 115 .module-name {
 116   font-weight: bold;
 117 }
 118
 119 .no-modules {
 120   margin: 6em 0 0;
 121   text-align: center;
 122   font-size: 1.2em;
 123 }
 124
 125 .suspected-bad {
 126   color: #DD7700;
 127 }
 128
 129 .confirmed-bad {
 130   color: red;
 131 }
 132
 133 .nowrap {
 134   white-space: nowrap;
 135 }
 136
 137 .extra-info-text {
 138   margin-top: -1em;
 139   margin-bottom: 1em;
 140 }
 141
 142 .clearing {
 143   clear: left;
 144   float: left;
 145 }
 146
 147 html[dir=rtl] .clearing {
 148   clear: right;
 149   float: right;
 150 }
 151
 152 .datacell {
 153   border-bottom: 1px solid #aaa;
 154 }
 155 </style>
 156 </head>
 157 <body>
 158 <div id="loading-message" i18n-content="loadingMessage"></div>
 159
 160 <div id="body-container" style="visibility:hidden">
 161
 162   <div id="header"><h1 i18n-content="modulesLongTitle">TITLE</h1></div>
 163
 164   <div id="blurb-container">
 165     <span i18n-content="modulesBlurb">MODULES BLURB</span>
 166   </div>
 167
 168   <div id="modulesTemplate">
 169
 170     <div id="container" class="vbox-container">
 171     <div id="top" class="wbox">
 172
 173       <div class="section-header">
 174         <table cellpadding="0" cellspacing="0"><tr valign="center">
 175           <td>
 176             <span class="section-header-title"
 177                   jscontent="modulesTableTitle">TITLE</span>
 178           </td>
 179         </tr></table>
 180       </div>
 181
 182     </div>
 183     </div>
 184
 185     <div class="content">
 186       <div class="module-name no-modules"
 187            jsdisplay="moduleList.length === 0">
 188         <div i18n-content="modulesNoneLoaded">NO_MODULES_ARE_AVAILABLE</div>
 189       </div>
 190
 191       <div jsdisplay="moduleList.length &gt; 0">
 192       <table width="100%" cellpadding="0" cellspacing="0">
 193       <tr class="module-loaded">
 194       <td valign="top">
 195         <table cellpadding="2" cellspacing="0" border="0">
 196           <tr>
 197             <td class="datacell"><span dir="ltr" i18n-content="headerSoftware"
 198                     >SOFTWARE</span></td>
 199             <td class="datacell"><span dir="ltr" i18n-content="headerSignedBy"
 200                     >SIGNER</span></td>
 201             <td class="datacell"><span dir="ltr" i18n-content="headerVersion"
 202                     >VERSION</span></td>
 203             <td class="datacell"><span dir="ltr" i18n-content="headerLocation"
 204                     >LOCATION</span></td>
 205           </tr>
 206           <tr jsselect="moduleList">
 207             <td valign="top" class="datacell">
 208               <span dir="ltr"
 209                     jsvalues=".innerHTML:description"
 210                     class="clearing nowrap"></span>
 211               <div jsdisplay="status == 2 || status == 3"
 212                    class="extra-info-text">
 213                 <span class="clearing">
 214                   <span jsdisplay="status == 2"
 215                         i18n-content="moduleSuspectedBad"
 216                         class="suspected-bad">SUSPECTED_BAD</span>
 217                   <span jsdisplay="status == 3"
 218                         i18n-content="moduleConfirmedBad"
 219                         class="confirmed-bad">CONFIRMED_BAD</span>
 220                 </span>
 221                 <span class="clearing">
 222                   <span jsdisplay="possibleResolution.length &gt; 0">
 223                     <span jscontent="possibleResolution"
 224                         >POSSIBLE_RESOLUTION</span>
 225                   </span>
 226                   <a jsdisplay="help_url.length &gt; 0"
 227                      jsvalues=".href:help_url"
 228                      i18n-content="helpCenterLink">HELP_CENTER</a>
 229                 </span>
 230               </div>
 231             </td>
 232             <td valign="top" class="datacell"><span dir="ltr"
 233                                                     jscontent="digital_signer"
 234                                    class="nowrap">SIGNER</span></td>
 235             <td valign="top" class="datacell"><span dir="ltr"
 236                                                     jscontent="version"
 237                                                     class="nowrap">VERSION</span
 238             ></td>
 239             <td valign="top" class="datacell">
 240               <span class="nowrap">
 241                 <span dir="ltr" jscontent="location">LOCATION</span><strong
 242                     ><span dir="ltr" jscontent="name">NAME</span></strong>
 243                 <span dir="ltr"
 244                       jsdisplay="type_description.length &gt; 0"
 245                     >(<span dir="ltr"
 246                             jscontent="type_description">MODULE_TYPE</span
 247                     >)</span>
 248               </span>
 249             </td>
 250           </tr>
 251         </table>
 252       </td>
 253       </tr>
 254       </table>
 255       </div>
 256     </div>
 257   </div>
 258 </div>
 259 <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 260 <script src="chrome://resources/js/load_time_data.js"></script>
 261 <script src="chrome://resources/js/util.js"></script>
 262
 263 <script src="chrome://conflicts/strings.js"></script>
 264 <script src="chrome://resources/js/i18n_template.js"></script>
 265
 266 <script src="chrome://conflicts/conflicts.js"></script>
 267 </body>
 268 </html>