github.com/kyleu/dbaudit@v0.0.2-0.20240321155047-ff2f2c940496/client/src/style/core.css (about)

     1  /* Content managed by Project Forge, see [projectforge.md] for details. */
     2  html {
     3    height: 100%;
     4  }
     5  
     6  body {
     7    font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
     8    font-size: 1em;
     9    margin: 0;
    10    display: flex;
    11    flex-direction: column;
    12    box-sizing: border-box;
    13    background-color: var(--color-background);
    14    color: var(--color-foreground);
    15  }
    16  
    17  a {
    18    color: var(--color-link-foreground);
    19    text-decoration: var(--link-text-decoration);
    20    text-decoration-skip-ink: all;
    21  }
    22  
    23  a:hover {
    24    text-decoration: underline;
    25  }
    26  
    27  a:visited {
    28    color: var(--color-link-visited-foreground);
    29  }
    30  
    31  em {
    32    color: var(--color-foreground-muted);
    33  }
    34  
    35  h1 {
    36    margin-top: 0;
    37  }
    38  
    39  h2, h3, h4 {
    40    margin: 0;
    41  }
    42  
    43  ul, menu {
    44    margin: 0;
    45    padding-left: calc(var(--padding)*2);
    46  }
    47  
    48  hr {
    49    border: none;
    50    border-top: var(--border);
    51  }
    52  
    53  input, button, textarea, select {
    54    border: var(--border);
    55    color: var(--color-foreground);
    56    background-color: var(--color-background);
    57  }
    58  
    59  button {
    60    padding: 3px var(--padding-small);
    61    border-color: var(--color-menu-background);
    62    cursor: pointer;
    63  }
    64  
    65  .button-link {
    66    border: none;
    67    outline: none;
    68    background: none;
    69    cursor: pointer;
    70    color: var(--color-link-foreground);
    71    text-decoration: var(--link-text-decoration);
    72    padding: 0;
    73    font-family: inherit;
    74    font-size: inherit;
    75  }
    76  
    77  #content {
    78    margin-top: var(--nav-height);
    79    margin-left: var(--menu-width);
    80    transition: margin-left 250ms ease-in-out;
    81    min-height: calc(100% - var(--nav-height));
    82  }
    83  
    84  @media (prefers-reduced-motion) {
    85    #content {
    86      transition: none;
    87    }
    88  }
    89  
    90  #content.nomenu {
    91    margin-left: 0;
    92  }
    93  
    94  @media (max-width: 800px) {
    95    #content {
    96      margin-left: 0;
    97    }
    98  }