go.charczuk.com@v0.0.0-20240327042549-bc490516bd1a/projects/nodes/static/_nextjs/src/css/watched-nodes.css (about)

     1  /*
     2   * Copyright (c) 2024 - Present. Will Charczuk. All rights reserved.
     3   * Use of this source code is governed by a MIT license that can be found in the LICENSE file at the root of the repository.
     4   */
     5  #outputs {
     6    background-color: transparent;
     7    position: fixed;
     8    top: 0px;
     9    right: 5px;
    10    width: 300px;
    11    margin-top: 60px;
    12    height: auto;
    13  }
    14  
    15  #outputs-label {
    16    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 1px 1px 0 rgba(17, 20, 24, 0.4);
    17    background-color: var(--bg-color-dark);
    18    padding: 5px;
    19    padding-left: 10px;
    20    padding-right: 10px;
    21    padding-bottom: 5px;
    22    border-radius: 0px;
    23    color: var(--text-color);
    24    font-size: 12px;
    25    font-weight: bold;
    26  }
    27  
    28  .output-card {
    29    max-width: 300px;
    30    border-radius: 0;
    31    margin: 0;
    32    margin-top: 10px;
    33  }
    34  
    35  .output-card .bp5-heading {
    36    font-size: 12px;
    37    margin: 0;
    38    padding: 0;
    39  }
    40  
    41  .output-card.bp5-section.bp5-compact .bp5-section-header {
    42    min-height: 12px;
    43  }
    44  
    45  .output-card .bp5-section-header svg {
    46    height: 12px;
    47    width: 12px;
    48  }
    49  
    50  .output-card div.observer-value {
    51    background-color: rgba(17, 20, 24, 0.3);
    52    color: var(--text-color-muted);
    53    font-size: 14px;
    54    padding-top: 7px;
    55    padding-bottom: 5px;
    56    padding-left: 5px;
    57    padding-right: 7px;
    58    text-align: right;
    59  }
    60  
    61  .output-card .observer-value.value-type-svg {
    62    padding: 0;
    63    padding-top: 10px;
    64    margin-bottom: -3px;
    65  }