planiverse

A minimalist, no-JS front-end for Mastodon.
git clone https://git.mulligrubs.me/planiverse
Log | Files | Refs | README | LICENSE

styles.css (1612B)


      1 * {
      2     font-family: inherit;
      3     line-height: inherit;
      4     color: inherit;
      5     margin: 0;
      6 }
      7 
      8 * + * {
      9     margin-top: 1.5em;
     10 }
     11 
     12 body, br, dt, dd, th, td, option {
     13     margin-top: 0;
     14 }
     15 
     16 html {
     17     background-color: lightgray;
     18     font-family: "Adobe Caslon Pro", "Hoefler Text", Garamond, Times, "Times New Roman", serif;
     19     font-feature-settings: "liga" on, "zero" on, "lnum" off, "onum" on, "kern" on, "ordn" on;
     20     font-kerning: normal;
     21     font-variant-ligatures: common-ligatures;
     22     font-variant-numeric: oldstyle-nums ordinal slashed-zero;
     23     font-size: 20px;
     24     line-height: 1.4em;
     25     text-rendering: optimizeLegibility;
     26 }
     27 
     28 body {
     29     margin-left: auto;
     30     margin-right: auto;
     31     padding-top: 2em;
     32     padding-bottom: 2em;
     33     max-width: 40em;
     34 }
     35 
     36 a:link {
     37     color: #1456cc;
     38 }
     39 
     40 a:visited {
     41     color: #de3d83;
     42 }
     43 
     44 article {
     45     border: 1px solid black;
     46     padding: 1em;
     47 }
     48 
     49 article figure img, article video {
     50     max-width: 100%;
     51 }
     52 
     53 img.avatar {
     54     max-width: 48px;
     55 }
     56 
     57 div.actions > span {
     58     margin-right: 1em;
     59 }
     60 
     61 div.actions a {
     62     color: black;
     63     text-decoration: none;
     64 }
     65 
     66 div.actions span.favourited a {
     67     color: goldenrod;
     68 }
     69 
     70 div.actions span.reblogged a {
     71     color: green;
     72 }
     73 
     74 span#delete {
     75     font-size: smaller;
     76 }
     77 
     78 time, span.event-indicators {
     79     font-size: smaller;
     80     margin-left: 1em;
     81 }
     82 
     83 input, textarea {
     84     box-sizing: border-box;
     85     padding: 0.5em;
     86     width: 100%;
     87 }
     88 
     89 ul {
     90     list-style: none;
     91     padding: 0;
     92 }
     93 
     94 nav ul {
     95     display: flex;
     96     justify-content: space-between;
     97 }
     98 
     99 nav ul li {
    100     display: inline;
    101     margin-top: 0;
    102 }
    103 
    104 div.warning {
    105     color: red;
    106 }