zig

fork of https://codeberg.org/ziglang/zig
Log | Files | Refs | README | LICENSE

style.css (3928B) - Raw

      1 body {
      2   font-family: system-ui, -apple-system, Roboto, "Segoe UI", sans-serif;
      3   color: #000000;
      4   padding: 1em 10%;
      5 }
      6 ul.no-marker {
      7   list-style-type: none;
      8   padding-left: 0;
      9 }
     10 hr {
     11   margin: 2em 0;
     12 }
     13 .hidden {
     14   display: none;
     15 }
     16 .empty-cell {
     17   background: #ccc;
     18 }
     19 table.time-stats > tbody > tr > th {
     20   text-align: left;
     21 }
     22 table.time-stats > tbody > tr > td {
     23   text-align: right;
     24 }
     25 details > summary {
     26   cursor: pointer;
     27   font-size: 1.5em;
     28 }
     29 .tooltip {
     30   text-decoration: underline;
     31   cursor: help;
     32 }
     33 .tooltip-content {
     34   border-radius: 6px;
     35   display: none;
     36   position: absolute;
     37   background: #fff;
     38   border: 1px solid black;
     39   max-width: 500px;
     40   padding: 1em;
     41   text-align: left;
     42   font-weight: normal;
     43   pointer-events: none;
     44 }
     45 .tooltip:hover > .tooltip-content {
     46   display: block;
     47 }
     48 table {
     49   margin: 1.0em auto 1.5em 0;
     50   border-collapse: collapse;
     51 }
     52 th, td {
     53   padding: 0.5em 1em 0.5em 1em;
     54   border: 1px solid;
     55   border-color: black;
     56 }
     57 a, button {
     58   color: #2A6286;
     59 }
     60 button {
     61   background: #eee;
     62   cursor: pointer;
     63   border: none;
     64   border-radius: 3px;
     65   padding: 0.2em 0.5em;
     66 }
     67 button.big-btn {
     68   font-size: 1.3em;
     69 }
     70 button.linkish {
     71   background: none;
     72   text-decoration: underline;
     73   padding: 0;
     74 }
     75 button:disabled {
     76   color: #888;
     77   cursor: not-allowed;
     78 }
     79 pre {
     80   font-family: "Source Code Pro", monospace;
     81   font-size: 1em;
     82   background-color: #F5F5F5;
     83   padding: 1em;
     84   margin: 0;
     85   overflow-x: auto;
     86 }
     87 :not(pre) > code {
     88   white-space: break-spaces;
     89 }
     90 code {
     91   font-family: "Source Code Pro", monospace;
     92   font-size: 0.9em;
     93 }
     94 code a {
     95   color: #000000;
     96 }
     97 kbd {
     98   color: #000;
     99   background-color: #fafbfc;
    100   border-color: #d1d5da;
    101   border-bottom-color: #c6cbd1;
    102   box-shadow-color: #c6cbd1;
    103   display: inline-block;
    104   padding: 0.3em 0.2em;
    105   font: 1.2em monospace;
    106   line-height: 0.8em;
    107   vertical-align: middle;
    108   border: solid 1px;
    109   border-radius: 3px;
    110   box-shadow: inset 0 -1px 0;
    111   cursor: default;
    112 }
    113 .status-running { color: #181; }
    114 .status-idle    { color: #444; }
    115 .step-success { color: #181; }
    116 .step-failure { color: #d11; }
    117 .step-wip::before {
    118   content: '';
    119   position: absolute;
    120   margin-left: -1.5em;
    121   width: 1em;
    122   text-align: center;
    123   animation-name: spinner;
    124   animation-duration: 0.5s;
    125   animation-iteration-count: infinite;
    126   animation-timing-function: step-start;
    127 }
    128 @keyframes spinner {
    129   0%   { content: '|'; }
    130   25%  { content: '/'; }
    131   50%  { content: '-'; }
    132   75%  { content: '\\'; }
    133   100% { content: '|'; }
    134 }
    135 
    136 .l {
    137   display: inline-block;
    138   background: red;
    139   width: 1em;
    140   height: 1em;
    141   border-radius: 1em;
    142 }
    143 .c {
    144   background-color: green;
    145 }
    146 
    147 .tok-kw {
    148     color: #333;
    149     font-weight: bold;
    150 }
    151 .tok-str {
    152     color: #d14;
    153 }
    154 .tok-builtin {
    155     color: #0086b3;
    156 }
    157 .tok-comment {
    158     color: #777;
    159     font-style: italic;
    160 }
    161 .tok-fn {
    162     color: #900;
    163     font-weight: bold;
    164 }
    165 .tok-null {
    166     color: #008080;
    167 }
    168 .tok-number {
    169     color: #008080;
    170 }
    171 .tok-type {
    172     color: #458;
    173     font-weight: bold;
    174 }
    175 
    176 @media (prefers-color-scheme: dark) {
    177   body {
    178     background-color: #111;
    179     color: #ddd;
    180   }
    181   pre {
    182     background-color: #222;
    183   }
    184   a, button {
    185     color: #88f;
    186   }
    187   button {
    188     background: #333;
    189   }
    190   button:disabled {
    191     color: #555;
    192   }
    193   code a {
    194     color: #eee;
    195   }
    196   th, td {
    197     border-color: white;
    198   }
    199   .empty-cell {
    200     background: #000;
    201   }
    202   .tooltip-content {
    203     background: #060606;
    204     border-color: white;
    205   }
    206   .status-running { color: #90ee90; }
    207   .status-idle    { color: #bbb; }
    208   .step-success   { color: #90ee90; }
    209   .step-failure   { color: #f66; }
    210   .l {
    211     background-color: red;
    212   }
    213   .c {
    214     background-color: green;
    215   }
    216   .tok-kw {
    217       color: #eee;
    218   }
    219   .tok-str {
    220       color: #2e5;
    221   }
    222   .tok-builtin {
    223       color: #ff894c;
    224   }
    225   .tok-comment {
    226       color: #aa7;
    227   }
    228   .tok-fn {
    229       color: #B1A0F8;
    230   }
    231   .tok-null {
    232       color: #ff8080;
    233   }
    234   .tok-number {
    235       color: #ff8080;
    236   }
    237   .tok-type {
    238       color: #68f;
    239   }
    240 }