flounder

A simple gemini site builder
git clone git://git.alexwennerberg.com/flounder
Log | Files | Refs | README | LICENSE

style.css (2366B)


      1 main {
      2   max-width: 72ch;
      3   padding: 2ch;
      4   margin: auto;
      5   font-family: "Roboto", Helvetica, Arial, Sans-serif;
      6   word-wrap: break-word;
      7   background-color: white;
      8   line-height: 1.5;
      9 }
     10 
     11 a:visited {
     12   color:blue
     13 }
     14 
     15 h1, h2, h3, h4, h5, h6{
     16     margin-top:0;
     17     margin-bottom:.2em;
     18 }
     19 
     20 .footer {
     21   font-style: italic;
     22   color: grey;
     23   font-size: .9em;
     24 }
     25 
     26 body {
     27 }
     28 
     29 table {
     30   margin-left: 7px
     31 }
     32 p {
     33     margin-bottom: .2em; 
     34     line-height: 1.5;
     35     margin-top: 0px; 
     36 }
     37 
     38 .inline {
     39   display: inline;
     40 }
     41 
     42 img {
     43   max-width: 100%;
     44 }
     45 
     46 #editor {
     47   width: 100%;
     48   border: 1px solid #999999;
     49   margin: 5px 0;
     50   line-height: 1.4;
     51   padding: 3px;
     52   font-size: 1rem;
     53   resize: vertical;
     54 }
     55 
     56 .textform {
     57 width: 100%;
     58 resize: vertical;
     59 }
     60 
     61 .impersonate {
     62   font-style: italic;
     63   font-weight: bold;
     64 }
     65 
     66 .button {
     67   background-color: white; /* Green */
     68   border: 1px solid black;
     69   text-decoration: none;
     70   padding: 2px 5px;
     71   display: inline-block;
     72   margin: 0px;
     73   font-size: 1rem;
     74 }
     75 
     76 
     77 .button:hover {
     78   background-color: black;
     79   color: white;
     80 }
     81 
     82 .delete:hover {
     83   background-color: red;
     84   color: white;
     85 }
     86 
     87 .error {
     88   color: red;
     89 }
     90 
     91 .warning {
     92   color: #ffcc00 ;
     93 }
     94 
     95 .alert {
     96   color: green;
     97 }
     98 
     99 .nav {
    100   color: blue;
    101 }
    102 
    103 .user-admin-details {
    104   margin-left: 1em;
    105   margin-bottom: 1em;
    106 }
    107 
    108 a {
    109 text-decoration: none;
    110 }
    111 
    112 pre {
    113     line-height: 1.2;
    114     font-size: 1rem;
    115     overflow: auto;
    116     word-wrap:normal;
    117 }
    118 
    119 a:hover {
    120   text-decoration: underline;
    121 }
    122 
    123 ul {
    124   padding-left: 1.5rem;
    125 }
    126 
    127 .indent-wrap {
    128   padding-left: 1em;
    129   text-indent: -1em;
    130 }
    131 
    132 blockquote {
    133   margin-left: .5em;
    134   font-style: italic;
    135   background: #f9f9f9;
    136   border-left: .5em solid #ccc;
    137   padding: .5em 10px;
    138 }
    139 
    140 @media (prefers-color-scheme: dark) {
    141   body, main { background: #1b222c; color: white; }
    142   a { color: #21e6c1 }
    143   a:visited { color: #21e6c1 }
    144   input[type="text"], input[type="password"], textarea {
    145     color: white;
    146     background-color: #121212;
    147   }
    148   blockquote {
    149     background-color: #121212;
    150     border-left: .5em solid black;
    151   }
    152 }
    153 
    154 @media only screen and (max-width: 600px) {
    155   body {
    156     font-size: 16px
    157   }
    158   input[type="text"], input[type="password"], textarea {
    159     font-size: 1rem;
    160   }
    161 
    162   blockquote {
    163     margin-left: 0;
    164     margin-right: 0;
    165   }
    166 }
    167 
    168 hr.thin {
    169   border: 0;
    170   height: 0;
    171   border-top: 1px solid rgba(0, 0, 0, 0.1);
    172   border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    173 }