aoh

A tool for running Ansible playbooks with `curl <url> | python` commands
git clone https://git.ashermorgan.net/aoh/
Log | Files | Refs | README

global.css (1595B)

      1 /* Colorschemes */
      2 :root {
      3     --bg1: #fff;
      4     --bg2: #eee;
      5     --bg3: #e6e6e6;
      6     --fg2: #444;
      7     --fg1: #000;
      8 }
      9 @media only screen and (prefers-color-scheme: dark) {
     10     :root {
     11         --bg1: #111;
     12         --bg2: #222;
     13         --bg3: #2a2a2a;
     14         --fg2: #bbb;
     15         --fg1: #ddd;
     16     }
     17 }
     18 
     19 /* Page setup */
     20 * {
     21     margin: 0;
     22     border: 0;
     23     padding: 0;
     24     box-sizing: border-box;
     25 }
     26 body {
     27     color: var(--fg2);
     28     background-color: var(--bg1);
     29 
     30     font-family: sans-serif;
     31 }
     32 main {
     33     padding: 1rem;
     34     min-height: 100vh;
     35 
     36     display: flex;
     37     flex-direction: column;
     38     align-items: center;
     39     justify-content: center;
     40 }
     41 
     42 /* Description */
     43 h1 {
     44     margin-bottom: 2rem;
     45 
     46     font-size: 2rem;
     47     font-weight: 100;
     48     text-align: center;
     49 }
     50 
     51 /* Command container */
     52 #cmd-bar {
     53     padding: 1rem 2rem;
     54     border-radius: 1.5rem;
     55 
     56     background-color: var(--bg2);
     57     box-shadow: 0 0 2rem #60686c;
     58 
     59     display: flex;
     60     align-items: center;
     61     gap: 2rem;
     62 }
     63 
     64 /* Command text */
     65 #cmd {
     66     color: var(--fg1);
     67 
     68     font-size: 1.5rem;
     69     font-family: 'Menlo', 'Cascadia Code', 'Lucida Console', monospace;
     70 }
     71 #cmd::before {
     72     color: var(--fg2);
     73 }
     74 #cmd:not(.win)::before {
     75     content: '$ ';
     76 }
     77 #cmd.win::before {
     78     content: 'PS> ';
     79 }
     80 
     81 /* Command copy button */
     82 #copy {
     83     width: 3rem;
     84     height: 3rem;
     85     margin: -0.5rem;
     86     border-radius: 0.5rem;
     87     padding: 0.5rem;
     88 
     89     background-color: var(--bg2);
     90 
     91     cursor: pointer;
     92 }
     93 #copy:hover:not(:disabled) {
     94     background-color: var(--bg3);
     95 }
     96 #copy svg {
     97     width: 100%;
     98     height: 100%;
     99 
    100     color: var(--fg2);
    101 }