Thread viewer for Bluesky
at svelte 83 lines 1.1 kB view raw
1:root { 2 color-scheme: light dark; 3} 4 5@keyframes rotation { 6 from { 7 transform: rotate(0deg); 8 } 9 to { 10 transform: rotate(360deg); 11 } 12} 13 14body { 15 width: 960px; 16 margin: 0px auto 40px; 17 font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; 18 text-rendering: optimizeLegibility; 19 -webkit-font-smoothing: antialiased; 20 overflow-y: scroll; 21} 22 23a { 24 text-decoration: none; 25 color: rgb(0, 0, 255); 26} 27 28a:hover { 29 text-decoration: underline; 30} 31 32a:visited { 33 color: rgb(0, 0, 255); 34} 35 36main { 37 padding-top: 1px; 38} 39 40main header h2 { 41 margin-left: 20px; 42 margin-top: 40px; 43 margin-bottom: 50px; 44 font-size: 18pt; 45} 46 47.back, .back a { 48 font-size: 11pt; 49 color: #666; 50} 51 52.back i { 53 margin-right: 2px; 54} 55 56p.back i { 57 font-size: 10pt; 58 color: #888; 59 margin-right: 3px; 60} 61 62@media (prefers-color-scheme: dark) { 63 body { 64 background-color: rgb(39, 39, 37); 65 color: #eee; 66 } 67 68 a { 69 color: rgb(0, 133, 255); 70 } 71 72 a:visited { 73 color: rgb(0, 133, 255); 74 } 75 76 .back, .back a { 77 color: #888; 78 } 79 80 p.back i { 81 color: #888; 82 } 83}