gem.css (1067B)
1 /* ~xfnw's css! */ 2 /* gpl affero v3 */ 3 body { 4 background: #141415; 5 font-family: monospace; 6 color: #cdcdcd; 7 max-width: 60em; 8 margin: auto; 9 padding: 10px; 10 font-size: 1.2em; 11 } 12 13 h1, h2, h3 { 14 font-weight: 100; 15 } 16 17 a { 18 text-decoration: none; 19 color: #acc; 20 } 21 22 a:hover { 23 text-decoration: underline; 24 } 25 26 27 code, kbd, pre, .flex div { 28 background: #222; 29 color: #eee; 30 } 31 32 pre, .flex div { 33 padding: 5px; 34 overflow:auto; 35 } 36 37 mark { 38 background-color: #dc5; 39 } 40 41 @font-face { 42 font-family: 'VT323'; 43 src: url(https://xfnw.ttm.sh/assets/PressStart2P-Regular.ttf); 44 } 45 46 47 summary { 48 cursor: pointer; 49 padding: 10px; 50 } 51 52 th, summary { 53 background-color: #222; 54 } 55 56 th, td, details { 57 border: 1px solid #222; 58 } 59 th, td { 60 padding: 5px; 61 } 62 63 table, details *:not(summary) { 64 border-collapse: collapse; 65 margin: 10px; 66 } 67 68 .flex { 69 display: flex; 70 flex-wrap: wrap; 71 } 72 73 .flex div { 74 display:flex; 75 min-width: 10em; 76 width: 100%; 77 margin: 10px; 78 flex: 1 1 0; 79 flex-direction: column; 80 } 81 82 .flex div h3 { 83 margin: 0; 84 } 85 .flex div p { 86 flex: 1 1 0; 87 } 88