all repos — flounder @ 3965920b3534da07b1feba1b1dd2b82b8c5f40e7

A small site builder for the Gemini protocol

templates/static/style.css (view raw)

  1main {
  2  max-width: 70ch;
  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
 11a:visited {
 12  color:blue
 13}
 14
 15@media (prefers-color-scheme: dark) {
 16  body, main { background: #1b262c; color: white; }
 17  a { color: #21e6c1 }
 18  a:visited { color: #21e6c1 }
 19  input[type="text"], input[type="password"], textarea {
 20    color: white;
 21    background-color: #121212;
 22  }
 23}
 24@media only screen and (max-width: 600px) {
 25  body {
 26    font-size: 16px
 27  }
 28  input[type="text"], input[type="password"], textarea {
 29    font-size: 1rem;
 30  }
 31}
 32
 33h1, h2, h3, h4, h5, h6{
 34    margin-top:0;
 35    margin-bottom:.2em;
 36}
 37
 38.footer {
 39  font-style: italic;
 40  color: grey;
 41  font-size: .9em;
 42}
 43
 44body {
 45}
 46
 47table {
 48  margin-left: 7px
 49}
 50p {
 51    margin-bottom: .2em; 
 52    line-height: 1.5;
 53    margin-top: 0px; 
 54}
 55
 56.inline {
 57  display: inline;
 58}
 59
 60img {
 61  max-width: 100%;
 62}
 63
 64#editor {
 65  width: 100%;
 66  border: 1px solid #999999;
 67  margin: 5px 0;
 68  padding: 3px;
 69  resize: vertical;
 70}
 71
 72.textform {
 73width: 100%;
 74resize: vertical;
 75}
 76
 77.impersonate {
 78  font-style: italic;
 79  font-weight: bold;
 80  background-color: 
 81}
 82
 83.button {
 84  background-color: white; /* Green */
 85  border: 1px solid black;
 86  text-decoration: none;
 87  padding: 2px 5px;
 88  display: inline-block;
 89  margin: 0px;
 90  font-size: 1rem;
 91}
 92
 93
 94.button:hover {
 95  background-color: black;
 96  color: white;
 97}
 98
 99.delete:hover {
100  background-color: red;
101  color: white;
102}
103
104.error {
105  color: red;
106}
107
108.nav {
109  color: blue;
110}
111
112.user-admin-details {
113  margin-left: 1em;
114  margin-bottom: 1em;
115}
116
117a {
118text-decoration: none;
119}
120
121pre {
122    line-height: 1.2;
123    overflow: auto;
124}
125
126a:hover {
127  text-decoration: underline;
128}