base.css (913B)
1 html { 2 background-color: #1b1b1b; 3 color: #e0e0e0; 4 font-family: serif; 5 } 6 7 a { 8 color: #38b48b; 9 text-decoration: none; 10 } 11 12 i { 13 font-style: italic; 14 } 15 16 figure { 17 background-color #2b2b2b; 18 } 19 20 figcaption { 21 font-style: italic; 22 } 23 24 pre { 25 padding: 1em; 26 background-color: #2b2b2b; 27 overflow-x: auto; 28 } 29 30 body { 31 max-width: 1100px; 32 margin: 5px auto; 33 } 34 35 header { 36 padding: 5px; 37 text-align: center; 38 border-bottom: 1px solid; 39 } 40 41 main { 42 padding: 5px; 43 } 44 45 footer { 46 padding: 5px; 47 text-align: center; 48 border-top: 1px solid; 49 } 50 51 footer *{ 52 display: inline; 53 } 54 55 @media (prefers-color-scheme: light) { 56 html { 57 background-color: #fffff0; 58 color: #000; 59 } 60 a { 61 color: #00a010; 62 } 63 pre { 64 background-color: #f0f0e0; 65 } 66 } 67 68 .donation { 69 display: flex; 70 flex-wrap: wrap; 71 } 72 .donation-item { 73 flex: 1; 74 } 75 76 .portrait { 77 margin: 10px; 78 } 79 80 .farm-journal-item { 81 margin: 30px auto; 82 } 83 84 .farm-journal-date time{ 85 font-size: x-small; 86 }