startpage

Start page for browsers
git clone https://codeberg.org/night0721/startpage
Log | Files | Refs | README

style.css (1559B)

      1 :root {
      2     --font: "monospace";
      3     --font-family: "monospace";
      4     --background: #11111b;
      5     --foreground: #cdd6f4;
      6     --lavender: #b4befe;
      7     --pink: #f5c2e7;
      8     --blue: #89b4fa;
      9     --branch: 1px solid #cdd6f4;
     10 }
     11 
     12 html {
     13     font-size: 20px;
     14 }
     15 
     16 body {
     17     background: var(--background);
     18 }
     19 
     20 .container {
     21     position: absolute;
     22     top: 50%;
     23     left: 50%;
     24     transform: translate(-50%, -50%);
     25 }
     26 
     27 .prompt {
     28     font-family: var(--font);
     29     color: var(--foreground);
     30 }
     31 
     32 .prompt~.prompt {
     33     padding: 1.5rem 0 0.3125rem;
     34 }
     35 
     36 span {
     37     color: var(--lavender);
     38 }
     39 
     40 h1 {
     41     display: inline;
     42     font-family: var(--font);
     43     font-size: 1rem;
     44     font-weight: normal;
     45     color: var(--pink);
     46 }
     47 
     48 .tree > ul {
     49     margin: 0;
     50     padding-left: 1rem;
     51 }
     52 
     53 ul {
     54     list-style: none;
     55     padding-left: 2.5rem;
     56 }
     57 
     58 li {
     59     position: relative;
     60 }
     61 
     62 li::before, li::after {
     63     content: "";
     64     position: absolute;
     65     left: -0.75rem;
     66 }
     67 
     68 li::before {
     69     border-top: var(--branch);
     70     top: 0.75rem;
     71     width: 0.5rem;
     72 }
     73 
     74 li::after {
     75     border-left: var(--branch);
     76     height: 100%;
     77     top: 0.25rem;
     78 }
     79 
     80 li:last-child::after {
     81     height: 0.5rem;
     82 }
     83 
     84 a {
     85     font-family: var(--font);
     86     font-size: 1rem;
     87     color: var(--foreground);
     88     text-decoration: none;
     89     outline: none;
     90 }
     91 
     92 a:hover {
     93     color: var(--background);
     94     background: var(--blue);
     95 }
     96 
     97 form h1 {
     98     padding-left: 0.125rem;
     99 }
    100 
    101 input {
    102     font-family: var(--font);
    103     font-size: 1rem;
    104     color: var(--foreground);
    105     background-color: var(--background);
    106     border: none;
    107     outline: none;
    108 }