chrome/browser/resources/certificate_viewer.css

   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 }