Home | History | Annotate | Download | only in tracing 
      1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
      2  * Use of this source code is governed by a BSD-style license that can be
      3  * found in the LICENSE file.
      4  */
      5 
      6 .timeline-view * {
      7   -webkit-user-select: none;
      8   box-sizing: border-box;
      9 }
     10 
     11 .timeline-view {
     12   -webkit-box-flex: 1;
     13   -webkit-box-orient: vertical;
     14   cursor: default;
     15   display: -webkit-box;
     16   font-family: sans-serif;
     17   padding: 0;
     18 }
     19 
     20 .timeline-view > .control > .title {
     21   font-size: 14px;
     22   height: 19px;
     23   padding-left: 2px;
     24   padding-right: 8px;
     25   padding-top: 2px;
     26 }
     27 
     28 .timeline-view > .control {
     29   background-color: #e6e6e6;
     30   background-image: -webkit-gradient(linear,
     31                                      0 0,
     32                                      0 100%,
     33                                      from(#E5E5E5),
     34                                      to(#D1D1D1));
     35   border-bottom: 1px solid #8e8e8e;
     36   display: -webkit-flex;
     37   padding-top: 1px;
     38 }
     39 
     40 .timeline-view > .control > .controls.category-filter {
     41   margin-left: auto;
     42 }
     43 
     44 .timeline-view > .control > .controls {
     45   display: -webkit-flex;
     46 }
     47 
     48 .timeline-view > .control > span {
     49   padding-left: 5px;
     50   padding-right: 10px;
     51 }
     52 
     53 .timeline-view > .control > .controls > button,
     54 .timeline-view > .control > .controls > label {
     55   font-size: 11px;
     56   height: 19px;
     57   margin: 1px 2px 1px 2px;
     58 }
     59 
     60 .timeline-view > .control > .spacer {
     61   -webkit-box-flex: 1;
     62 }
     63 
     64 .timeline-view > .container {
     65   -webkit-box-flex: 1;
     66   border-bottom: 1px solid #8e8e8e;
     67   display: -webkit-box;
     68 }
     69 
     70 .timeline-view > .container > * {
     71   -webkit-box-flex: 1;
     72 }
     73 
     74 .timeline-view > .analysis-view {
     75   display: -webkit-flex;
     76   padding-left: 2px;
     77   padding-right: 2px;
     78 }
     79 .timeline-view > .analysis-view:not(.viewing-object) {
     80   height: 250px;
     81 }
     82 .timeline-view > .analysis-view.viewing-object {
     83   height: 500px;
     84 }
     85 
     86 .timeline-view .selection {
     87   margin: 2px;
     88 }
     89 
     90 .timeline-view .selection ul {
     91   margin: 0;
     92 }
     93 
     94 .find-control {
     95   -webkit-user-select: none;
     96   display: -webkit-box;
     97   position: relative;
     98 }
     99 
    100 .find-control .hit-count-label {
    101   left: 0;
    102   opacity: 0.25;
    103   pointer-events: none;
    104   position: absolute;
    105   text-align: right;
    106   top: 2px;
    107   width: 170px;
    108   z-index: 1;
    109 }
    110 
    111 .find-control input {
    112   -webkit-user-select: auto;
    113   background-color: #f8f8f8;
    114   border: 1px solid rgba(0, 0, 0, 0.5);
    115   box-sizing: border-box;
    116   height: 19px;
    117   margin-bottom: 1px;
    118   margin-left: 0;
    119   margin-right: 0;
    120   margin-top: 1px;
    121   padding: 0;
    122   width: 170px;
    123 }
    124 .find-control input:focus {
    125   background-color: white;
    126 }
    127 
    128 .button.find-previous {
    129   border-left: none;
    130   margin-left: 0;
    131   margin-right: 0;
    132 }
    133 .button.find-next {
    134   border-left: none;
    135   margin-left: 0;
    136 }
    137 
    138 .view-help-overlay {
    139   padding: 6px;
    140 }
    141 
    142 .button {
    143   background-color: #f8f8f8;
    144   border: 1px solid rgba(0, 0, 0, 0.5);
    145   color: rgba(0,0,0,0.8);
    146   font-size: 14px;
    147   height: 19px;
    148   margin: 1px;
    149   min-width: 23px;
    150   text-align: center;
    151 }
    152 
    153 .button:hover {
    154   background-color: rgba(255, 255, 255, 1.0);
    155   border: 1px solid rgba(0, 0, 0, 0.8);
    156   box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
    157   color: rgba(0, 0, 0, 1);
    158 }
    159 
    160 .view-info-button {
    161   padding-left: 4px;
    162   padding-right: 4px;
    163   width: auto;
    164 }
    165 
    166 .view-info-button:hover {
    167   border: solid 1px;
    168 }
    169 
    170 .view-import-errors-button {
    171   border: solid 1px rgba(128, 0, 0, 0.2);
    172   color: darkred;
    173 }
    174 
    175 .view-import-errors-button:hover {
    176   border: solid 1px red;
    177   color: red;
    178 }
    179 
    180 .view-import-errors-overlay {
    181   -webkit-user-select: text;
    182   max-height: 500px;
    183   max-width: 800px;
    184   min-height: 200px;
    185   min-width: 400px;
    186   overflow: auto;
    187 }
    188 
    189 .import-errors-dialog-text {
    190   font-family: monospace;
    191   margin: 8px;
    192   white-space: pre;
    193 }
    194 
    195 .metadata-dialog {
    196   max-height: 500px;
    197   max-width: 800px;
    198   min-height: 200px;
    199   min-width: 400px;
    200   overflow: auto;
    201 }
    202 
    203 .metadata-dialog-text {
    204   font-family: monospace;
    205   margin: 8px;
    206   white-space: pre;
    207 }
    208 
    209 .category-filter-dialog {
    210   max-height: 500px;
    211   min-width: 400px;
    212   overflow-y: auto;
    213   padding: 20px;
    214 }
    215 
    216 .category-filter-dialog-form {
    217   font-size: 80%;
    218   padding: 10px;
    219 }
    220 
    221 .category-filter-dialog-form input {
    222   margin-right: 7px;
    223 }
    224