@@ -8,10 +8,22 @@ body div p a { text-decoration: underline;}
88body div p a:hover { text-decoration: underline; }
99body div p b { font-weight: normal; font-family: 'input_mono_medium' }
1010body div p.readme { max-width:500px; }
11−body div ul { display:flex; flex-wrap:wrap; max-width: 800px; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}
12−body div ul li { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; text-transform: lowercase;}
13−body div ul li.wiki::after { content:"<wiki>"; color:#555;}
14−body div ul li.blog::after { content:"<blog>"; color:#555;}
11+body div ul { max-width: 800px; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden; columns:3;}
12+body div ul li { display:block; padding-left:5px; text-overflow: ellipsis; text-transform: lowercase;}
13+body div ul li.wiki::after { content:"<wiki>"; color:#555; }
14+body div ul li.blog::after { content:"<blog>"; color:#555; }
1515body div ul li a { line-height: 20px; padding:0px 5px; text-decoration: none;}
1616body div ul li a:visited { color:#ccc; text-decoration: none;}
1717body div ul li a:hover { text-decoration: underline; }
18+
19+@media (max-width: 730px) {
20+ body div ul li span.counter { display: none }
21+}
22+@media (max-width: 630px) {
23+ body div ul { columns: 2 !important; }
24+ body div ul li span.counter { display: none }
25+}
26+@media (max-width: 530px) {
27+ body div ul { columns: 1 !important; }
28+ body div ul li span.counter { display: inline }
29+}