github.com/cockroachdb/pebble@v0.0.0-20231214172447-ab4952c5f87b/docs/css/app.css (about)

     1  body {
     2      margin: 10;
     3      background-color: #fff;
     4      font: 10pt -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;
     5  }
     6  
     7  .divider {
     8      border-top: 1px solid #eee;
     9  }
    10  
    11  .columns {
    12      display: flex;
    13      flex-direction: row;
    14      align-items: baseline;
    15      justify-content: space-between;
    16  }
    17  
    18  .rows {
    19      display: flex;
    20      flex-direction: column;
    21      flex-wrap: wrap;
    22  }
    23  
    24  .center {
    25      margin: auto;
    26      width: 90%;
    27      min-width: 400px;
    28      max-width: 1200px;
    29  }
    30  
    31  .section {
    32      flex: 100%;
    33      margin-top: 10px;
    34      overflow: auto;
    35  }
    36  
    37  .title {
    38      font-size: 24pt;
    39      font-weight: bold;
    40  }
    41  
    42  .subtitle {
    43      font-size: 12pt;
    44      font-weight: bold;
    45  }
    46  
    47  .updated {
    48      font-size: 9pt;
    49      text-align: right;
    50  }
    51  
    52  div.annotation {
    53      display: none;
    54  }
    55  
    56  .code {
    57      font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    58  }
    59  
    60  .overview {
    61      max-width: 800px;
    62  }
    63  
    64  .controls {
    65      margin: 5px;
    66  }
    67  
    68  a {
    69      text-decoration: none;
    70  }
    71  
    72  .selected {
    73      font-weight: bold;
    74      text-decoration: underline;
    75  }
    76  
    77  path.line1 {
    78      fill: none;
    79      stroke-width: 1.5px;
    80  }
    81  
    82  path.line2 {
    83      fill: none;
    84      stroke-width: 1.5px;
    85  }
    86  
    87  svg.chart {
    88      flex: 50%;
    89      height: 200px;
    90  }
    91  
    92  .write-throughput {
    93      flex: 50%;
    94      height: 300px;
    95  }
    96  
    97  .write-throughput-detail {
    98      flex: 50%;
    99      height: 300px;
   100  }
   101  
   102  text.hover {
   103      font-size: 8pt;
   104      font-weight: bold;
   105      filter: url(#textBackground);
   106  }
   107  
   108  @media only screen and (max-width: 900px) {
   109      .columns {
   110          flex-direction: column;
   111      }
   112  
   113      svg.chart {
   114          width: 100%;
   115          flex: auto;
   116      }
   117  }