github.com/pelicanplatform/pelican@v1.0.5/web_ui/frontend/app/globals.css (about)

     1  /***************************************************************
     2   *
     3   * Copyright (C) 2023, Pelican Project, Morgridge Institute for Research
     4   *
     5   * Licensed under the Apache License, Version 2.0 (the "License"); you
     6   * may not use this file except in compliance with the License.  You may
     7   * obtain a copy of the License at
     8   *
     9   *    http://www.apache.org/licenses/LICENSE-2.0
    10   *
    11   * Unless required by applicable law or agreed to in writing, software
    12   * distributed under the License is distributed on an "AS IS" BASIS,
    13   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    14   * See the License for the specific language governing permissions and
    15   * limitations under the License.
    16   *
    17   ***************************************************************/
    18  
    19  :root {
    20    --max-width: 1100px;
    21    --border-radius: 12px;
    22    --font-mono: ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono',
    23      'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro',
    24      'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
    25  
    26    --foreground-rgb: 0, 0, 0;
    27    --background-start-rgb: 214, 219, 220;
    28    --background-end-rgb: 255, 255, 255;
    29  
    30    --primary-glow: conic-gradient(
    31      from 180deg at 50% 50%,
    32      #16abff33 0deg,
    33      #0885ff33 55deg,
    34      #54d6ff33 120deg,
    35      #0071ff33 160deg,
    36      transparent 360deg
    37    );
    38    --secondary-glow: radial-gradient(
    39      rgba(255, 255, 255, 1),
    40      rgba(255, 255, 255, 0)
    41    );
    42  
    43    --tile-start-rgb: 239, 245, 249;
    44    --tile-end-rgb: 228, 232, 233;
    45    --tile-border: conic-gradient(
    46      #00000080,
    47      #00000040,
    48      #00000030,
    49      #00000020,
    50      #00000010,
    51      #00000010,
    52      #00000080
    53    );
    54  
    55    --callout-rgb: 238, 240, 241;
    56    --callout-border-rgb: 172, 175, 176;
    57    --card-rgb: 180, 185, 188;
    58    --card-border-rgb: 131, 134, 135;
    59  }
    60  
    61  * {
    62    box-sizing: border-box;
    63    padding: 0;
    64    margin: 0;
    65  }
    66  
    67  html,
    68  body {
    69    max-width: 100vw;
    70    overflow-x: hidden;
    71    font-family: 'Poppins',Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    72  }
    73  
    74  body {
    75    color: rgb(var(--foreground-rgb));
    76  }
    77  
    78  a {
    79    color: inherit;
    80    text-decoration: none;
    81  }
    82