github.com/turbot/steampipe@v1.7.0-rc.0.0.20240517123944-7cef272d4458/pkg/control/controldisplay/templates/html/style.tmpl.css (about)

     1  /*
     2  {{ define "style_css" }}
     3  /*  */
     4  :root {
     5    --color-border-muted: #d8dee4;
     6    --color-border-default: #30363d;
     7    --color-neutral-muted: #6f819433;
     8    --color-fg-muted: #8b949e;
     9    --color-alarm: red;
    10    --color-error: red;
    11    --color-info: #2f5f95;
    12    --color-ok: green;
    13    --color-skip: #949595;
    14  }
    15  
    16  html {
    17    font-size: 14px;
    18  }
    19  
    20  h1 {
    21    margin-top: 8px;
    22    margin-bottom: 8px;
    23    font-size: 2em;
    24  }
    25  
    26  h2 {
    27    padding-top: 1em;
    28    padding-bottom: 0.3em;
    29    font-size: 1.5em;
    30    border-bottom: 1px solid var(--color-border-muted);
    31  }
    32  
    33  h3 {
    34    padding-top: 0.75em;
    35    font-size: 1.25em;
    36  }
    37  
    38  h4 {
    39    padding-top: 0.5em;
    40    font-size: 1em;
    41  }
    42  
    43  footer {
    44    margin-top: 3em;
    45  }
    46  
    47  .align-center {
    48    text-align: center;
    49  }
    50  
    51  .container {
    52    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial,
    53    sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    54    padding: 1em;
    55  }
    56  
    57  .header {
    58    margin-bottom: 1em;
    59    display: flex;
    60    justify-content: space-between;
    61    border-bottom: 1px solid var(--color-border-muted);
    62  }
    63  
    64  .header .title {
    65    word-break: break-word;
    66  }
    67  
    68  .header a {
    69    display: flex;
    70  }
    71  
    72  .header .logo {
    73    width: 200px;
    74    margin-left: 10px;
    75  }
    76  
    77  table {
    78    display: block;
    79    width: max-content;
    80    max-width: 100%;
    81    overflow: auto;
    82    margin-top: 0;
    83    padding-top: 0.2em;
    84    margin-bottom: 16px;
    85  }
    86  
    87  table th,
    88  table td {
    89    padding: 6px 13px;
    90    border: 1px solid var(--color-border-muted);
    91  }
    92  
    93  table th {
    94    font-weight: 600;
    95  }
    96  
    97  table tr {
    98    border-top: 1px solid var(--color-border-muted);
    99  }
   100  
   101  code {
   102    font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas,
   103    Liberation Mono, monospace;
   104    padding: 0.2em 0.4em;
   105    margin: 0;
   106    font-size: 85%;
   107    background-color: var(--color-neutral-muted);
   108    border-radius: 6px;
   109  }
   110  
   111  blockquote {
   112    padding: 0 1em;
   113    margin-left: 0;
   114    color: var(--color-fg-muted);
   115    border-left: 0.25em solid var(--color-border-default);
   116  }
   117  
   118  .summary-total-ok.highlight {
   119    font-weight: 600;
   120    color: var(--color-ok);
   121  }
   122  
   123  .summary-total-alarm.highlight {
   124    font-weight: 600;
   125    color: var(--color-alarm);
   126  }
   127  
   128  .summary-total-error.highlight {
   129    font-weight: 600;
   130    color: var(--color-alarm);
   131  }
   132  /*
   133  {{ end }}
   134  /*  */