home *** CD-ROM | disk | FTP | other *** search
/ Freelog 115 / FreelogNo115-MaiJuin2013.iso / Internet / AvantBrowser / asetup.exe / _data / webkit / chrome.dll / 0 / BINDATA / 554 < prev    next >
Encoding:
Text File  |  2013-04-03  |  7.8 KB  |  330 lines
  1. <!doctype html>
  2.  
  3. <!-- Copyright (c) 2012 The Chromium Authors. All rights reserved.
  4. Use of this source code is governed by a BSD-style license that can be
  5. found in the LICENSE file. -->
  6.  
  7. <!-- This page uses Flot version 0.7 in compressed form for efficiency.
  8. Readable Flot source is available at http://code.google.com/p/flot/
  9. Good caliber Flot API docs are at: http://people.iola.dk/olau/flot/API.txt
  10. as of 6/2012. -->
  11.  
  12. <html i18n-values="dir:textdirection;">
  13.   <head>
  14.     <meta charset="utf-8">
  15.     <title i18n-content="title"></title>
  16.     <style>/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  17.  * Use of this source code is governed by a BSD-style license that can be
  18.  * found in the LICENSE file. */
  19.  
  20. /* "Performance" title */
  21. h1 {
  22.   -webkit-margin-after: 1em;
  23.   -webkit-margin-before: 21px;
  24.   -webkit-margin-start: 23px;
  25.   -webkit-user-select: none;
  26.   color: rgb(92, 97, 102);
  27.   display: block;
  28.   font-size: 1.5em;
  29.   font-weight: normal;
  30.   line-height: 1;
  31. }
  32.  
  33. /* Settings panel category headings */
  34. h2 {
  35.   -webkit-user-select: none;
  36.   border: 0;
  37.   color: inherit;
  38.   cursor: pointer;
  39.   font: inherit;
  40.   font-size: 1.2em;
  41.   font-weight: normal;
  42.   line-height: 1;
  43.   margin: 0;
  44. }
  45.  
  46. /* Settings panel subcategory headings */
  47. h3 {
  48.   -webkit-margin-after: 3px;
  49.   -webkit-user-select: none;
  50.   color: rgb(48, 57, 66);
  51.   font-size: 1em;
  52.   font-weight: normal;
  53.   line-height: 1;
  54. }
  55.  
  56. /* Axis labels */
  57. h4 {
  58.   -webkit-margin-after: 0;
  59.   -webkit-margin-before: 0;
  60.   color: rgb(92, 97, 102);
  61.   font-size: 12px;
  62.   font-weight: bold;
  63.   line-height: 12px;
  64. }
  65.  
  66. .accordion {
  67.   left: 0;
  68.   position: fixed;
  69.   top: 0;
  70.   width: 200px;
  71. }
  72.  
  73. details {
  74.   margin-bottom: 20px;
  75. }
  76.  
  77. summary {
  78.   -webkit-margin-start: 23px;
  79.   -webkit-user-select: none;
  80.   color: #777;
  81.   cursor: default;
  82. }
  83.  
  84. summary:focus {
  85.   outline: 0;
  86. }
  87.  
  88. summary::after {
  89.   background: white;
  90.   content: '';
  91.   height: 32px;
  92.   left: 0;
  93.   margin-top: -23px;
  94.   position: absolute;
  95.   width: 6px;
  96. }
  97.  
  98. summary:hover {
  99.   color: rgb(70, 78, 90);
  100. }
  101.  
  102. details[open] summary::after {
  103.   background: #555;
  104. }
  105.  
  106. details[open] summary {
  107.   color: #333;
  108. }
  109.  
  110. details summary::-webkit-details-marker {
  111.   display: none;
  112. }
  113.  
  114. .accordion-contents {
  115.   -webkit-margin-start: 35px;
  116.   color: #555;
  117. }
  118.  
  119. .spacer {
  120.   -webkit-box-flex: 1;
  121. }
  122.  
  123. input[type='radio']:checked+span {
  124.   color: #222;
  125. }
  126.  
  127. input[type='checkbox']:checked+span {
  128.   color: #222;
  129. }
  130.  
  131. .input-label:hover {
  132.   color: #222;
  133. }
  134.  
  135. #warnings-box {
  136.   -webkit-margin-after: 15px;
  137.   -webkit-margin-before: 21px;
  138.   display: none;
  139.   text-align: center;
  140. }
  141.  
  142. #warnings-text {
  143.   background-color: pink;
  144.   box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.15);
  145.   display: inline-block;
  146.   max-width: 1000px;
  147.   padding: 6px;
  148. }
  149.  
  150. .warning {
  151.   display: none;
  152. }
  153.  
  154. #time-shift-category {
  155.   display: inline-block;
  156. }
  157.  
  158. #charts {
  159.   -webkit-margin-start: 200px;
  160.   min-width: 800px;
  161.   width: 80%;
  162. }
  163.  
  164. .chart {
  165.   position: relative;
  166. }
  167.  
  168. .grid {
  169.   -webkit-margin-after: 15px;
  170.   height: 500px;
  171.   position: relative;
  172. }
  173.  
  174. /* This is necessary since rotation does not work well with text elements, which
  175.  * have an adjustable size. Calculations for each section are listed. */
  176. .yaxis-label-container {
  177.   -webkit-transform: rotate(-90deg);
  178.   left: -238px;  /* .grid height / 2 - h4 line-height */
  179.   position: absolute;
  180.   text-align: center;
  181.   top: 244px;    /* .grid height / 2 - .yaxis-label line-height / 2 */
  182.   width: 500px;  /* .grid height */
  183. }
  184.  
  185. .event-label {
  186.   background: #eee;
  187.   border: 1px solid;
  188.   font-family: Arial, sans-serif;
  189.   font-size: 0.7em;
  190.   position: absolute;
  191. }
  192.  
  193. .horizontal-box {
  194.   -webkit-box-orient: horizontal;
  195.   display: -webkit-box;
  196. }
  197.  
  198. h2#flag-warning {
  199.   display: none;
  200. }
  201.  
  202. button {
  203.   -webkit-padding-end: 10px;
  204.   -webkit-padding-start: 10px;
  205.   background-color: buttonface;
  206.   background-image: -webkit-linear-gradient(#EDEDED, #EDEDED 38%, #DEDEDE);
  207.   border: 1px solid rgba(0, 0, 0, 0.25);
  208.   border-radius: 2px;
  209.   box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08),
  210.       inset 0 1px 2px rgba(255, 255, 255, 0.75);
  211.   color: #444;
  212.   font: inherit;
  213.   height: 1.5em;
  214.   margin: 0 1px 0 0;
  215.   min-width: 4em;
  216.   text-shadow: #F0F0F0 0 1px 0;
  217. }
  218.  
  219. button:active {
  220.   background-image: -webkit-linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  221.   box-shadow: none;
  222.   text-shadow: none;
  223. }
  224. </style>
  225.   </head>
  226.   <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  227.     <div id="warnings-box">
  228.       <div id="warnings-text">
  229.         <span id="flag-not-enabled-warning" class="warning">
  230.           <span i18n-content="flagNotEnabledWarning"></span> 
  231.           <a target="blank_" i18n-content="enableFlag"
  232.               i18n-values="href:enableFlagsURL">
  233.           </a>
  234.         </span>
  235.         <span id="no-aggregation-warning" class="warning"
  236.             i18n-content="noAggregationWarning">
  237.         </span>
  238.       </div>
  239.     </div>
  240.     <div class="horizontal-box">
  241.       <div id="settings-accordion" class="accordion">
  242.         <h1 id="performance-heading" i18n-content="title"></h1>
  243.         <div id="time-range-section">
  244.           <details>
  245.             <summary>
  246.               <h2 id="time-range-title" i18n-content="timeRangeSection"></h2>
  247.             </summary>
  248.             <div class="accordion-contents">
  249.               <h3 id="time-resolution-header"
  250.                   i18n-content="timeResolutionCategory">
  251.               </h3>
  252.               <div id="choose-time-range">
  253.               </div>
  254.               <div id="time-shift-category">
  255.                 <h3 i18n-content="timeRangeButtonHeading"></h3>
  256.                 <div class="horizontal-box">
  257.                   <button id="back-time" title="Back"><<</button>
  258.                   <div class="spacer"></div>
  259.                   <button id="forward-time" title="Forward">>></button>
  260.                 </div>
  261.               </div>
  262.               <h3 id="aggregation-header" i18n-content="aggregationCategory">
  263.               </h3>
  264.               <div id="choose-aggregation">
  265.               </div>
  266.             </div>
  267.           </details>
  268.         </div>
  269.         <div id="metrics-section">
  270.           <details>
  271.             <summary>
  272.               <h2 id="choose-metrics-header" i18n-content="metricsSection"></h2>
  273.             </summary>
  274.             <div class="accordion-contents">
  275.               <div id="choose-metrics">
  276.               </div>
  277.             </div>
  278.           </details>
  279.         </div>
  280.         <div id="events-section">
  281.           <details>
  282.             <summary>
  283.               <h2 id="choose-events-header" i18n-content="eventsSection"></h2>
  284.             </summary>
  285.             <div class="accordion-contents">
  286.               <div id="choose-events">
  287.               </div>
  288.             </div>
  289.           </details>
  290.         </div>
  291.       </div>
  292.       <div id="charts">
  293.       </div>
  294.       <div id="templates" hidden>
  295.         <div id="chart-template" class="chart">
  296.           <div class="grid"></div>
  297.           <div class="yaxis-label-container"><h4></h4></div>
  298.         </div>
  299.         <div id="label-template" class="event-label"></div>
  300.         <h3 id="category-label-template"></h3>
  301.         <div id="category-template">
  302.           <h3 class="category-heading"></h3>
  303.           <div class="checkbox-group">
  304.           </div>
  305.         </div>
  306.         <div id="checkbox-template">
  307.           <label class="input-label">
  308.             <input type="checkbox">
  309.             <span></span>
  310.           </label>
  311.         </div>
  312.         <div id="radio-template" class="radio">
  313.           <label class="input-label">
  314.             <input type="radio">
  315.             <span></span>
  316.           </label>
  317.         </div>
  318.       </div>
  319.     </div>
  320.     <script src="chrome://resources/js/cr.js"></script>
  321.     <script src="chrome://resources/js/load_time_data.js"></script>
  322.     <script src="chrome://resources/js/util.js"></script>
  323.     <script src="chrome://performance/strings.js"></script>
  324.     <script src="chrome://resources/js/i18n_template2.js"></script>
  325.     <script src="jquery.js"></script>
  326.     <script src="flot.js"></script>
  327.     <script src="chart.js"></script>
  328.   </body>
  329. </html>
  330.