mirror of
https://github.com/ilyakooo0/webring.git
synced 2024-11-22 22:57:39 +03:00
mobile friendly
This commit is contained in:
parent
c0f33273c3
commit
c6432f308f
@ -55,14 +55,14 @@
|
|||||||
</script>
|
</script>
|
||||||
<style>
|
<style>
|
||||||
body { background:#fff; padding:0px; margin:0px; }
|
body { background:#fff; padding:0px; margin:0px; }
|
||||||
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; }
|
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; }
|
||||||
body pre a { color:#fff; display: inline-block; padding:0px 5px; line-height: 20px}
|
body pre a { color:#fff; padding:0px 5px; line-height: 20px}
|
||||||
body pre a:hover { color:#eee; background:#000; text-decoration: none; }
|
body pre a:hover { color:#eee; background:#000; text-decoration: none; }
|
||||||
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 }
|
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 }
|
||||||
body pre p { display:block; padding:0px 5px}
|
body pre p { display:block; padding:0px 5px}
|
||||||
body pre p b { font-weight: normal; color:#ccc; }
|
body pre p b { font-weight: normal; color:#ccc; }
|
||||||
body pre list { display:block; columns:3; }
|
body pre list { display:flex; flex-wrap: wrap; }
|
||||||
body pre list ln { display:block; padding-left:5px}
|
body pre list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
|
||||||
body pre list ln a:visited { color:#ccc;}
|
body pre list ln a:visited { color:#ccc;}
|
||||||
</style>
|
</style>
|
||||||
</body>
|
</body>
|
||||||
|
Loading…
Reference in New Issue
Block a user