Home | History | Annotate | Download | only in resources 
      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 /* Using 100% width within body should exclude margins. */
      6 html,
      7 body {
      8   height: 100%;
      9   width: 100%;
     10 }
     11 
     12 body {
     13   -webkit-box-sizing: border-box;
     14   margin: 0;
     15 }
     16 
     17 h3 {
     18   font-size: 100%;
     19   margin-bottom: 15px;
     20   margin-top: 17px;
     21 }
     22 
     23 #usages-title {
     24   /* Workaround until webkit bug https://bugs.webkit.org/show_bug.cgi?id=80537
     25    * is resolved. */
     26   padding-top: 17px;
     27 }
     28 
     29 #tabbox {
     30   height: 100%;
     31   width: 100%;
     32 }
     33 
     34 #tabpanels {
     35   overflow: auto;
     36 }
     37 
     38 #usages,
     39 #cert-field-value {
     40   -webkit-padding-start: 15px;
     41   white-space: pre-wrap;
     42 }
     43 
     44 #general h3 {
     45   margin-bottom: 16px;
     46   margin-top: 32px;
     47 }
     48 
     49 .groups {
     50   display: table;
     51 }
     52 
     53 .groups > * {
     54   display: table-row;
     55 }
     56 
     57 #usages,
     58 .groups > div > div {
     59   -webkit-padding-start: 20px;
     60   color: #787878;
     61   line-height: 18px;
     62 }
     63 
     64 .attribute {
     65   display: table-cell;
     66   white-space: nowrap;
     67 }
     68 
     69 .value {
     70   display: table-cell;
     71   white-space: pre-wrap;
     72 }
     73 
     74 /* Used so that 100% width within tabpanel will correspond to usable space. */
     75 tabpanel {
     76   position: relative;
     77 }
     78 
     79 .vertical-box {
     80   -webkit-box-align: stretch;
     81   -webkit-box-orient: vertical;
     82   -webkit-box-pack: start;
     83   display: -webkit-box;
     84   height: 100%;
     85   position: absolute;
     86   width: 100%;
     87 }
     88 
     89 #hierarchy-section {
     90   height: 20%;
     91   top: 0;
     92 }
     93 
     94 #cert-fields-section {
     95   height: 50%;
     96   top: 20%;
     97 }
     98 
     99 #cert-field-value-section {
    100   bottom: 0;
    101   height: 30%;
    102 }
    103 
    104 .section-contents {
    105   -webkit-box-flex: 1;
    106   background: #fff;
    107   border: 1px solid #c8c8c8;
    108   /* Scrolling should be enabled on all tree views and value field. */
    109   overflow: auto;
    110 }
    111 
    112 .tree-row[selected] {
    113   background-color: #f0f0f0;
    114   background-image: none;
    115 }
    116 
    117 .tree-item > .tree-row {
    118   border: 0;
    119   border-radius: 0;
    120   line-height: 29px;
    121 }
    122 
    123 #export {
    124   -webkit-margin-start: 1px;
    125   float: right;
    126   margin-bottom: 20px;
    127   margin-top: 10px;
    128 }
    129