on master help sign in
Merge pull request #49 from setphen/master

Make layout mobile-friendly

commit5280d557976dc437fdafb8b5be502067f754f2d6 authorЛu Лinveгa <aliceffekt@gmail.com> dateMon 21 May 2018, 09:07 (8 years ago) parentb735551c6432f3
1 file changed+4−4
index.html+4−4
index.html+4−4
@@ -56,14 +56,14 @@
5656 </script>
5757 <style>
5858 body { background:#fff; padding:0px; margin:0px; }
59− body pre { background: #000;height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family: 'Courier New',courier;font-size:12px; position: relative; }
60− body pre a { color:#fff; display: inline-block; padding:0px 5px; line-height: 20px}
59+ body pre { background: #000;min-height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family: 'Courier New',courier;font-size:12px; position: relative; }
60+ body pre a { color:#fff; padding:0px 5px; line-height: 20px}
6161 body pre a:hover { color:#eee; background:#000; text-decoration: none; }
6262 body pre #icon { display: block;width: 20px;height: 20px;background-image: url(icon.white.svg);background-size: 20px;background-repeat: no-repeat;position: absolute;bottom: 10px;right:10px;background-position: center;padding:0px }
6363 body pre p { display:block; padding:0px 5px}
6464 body pre p b { font-weight: normal; color:#ccc; }
65− body pre list { display:block; columns:3; }
66− body pre list ln { display:block; padding-left:5px}
65+ body pre list { display:flex; flex-wrap: wrap; }
66+ body pre list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
6767 body pre list ln a:visited { color:#ccc;}
6868 </style>
6969</body>