on master help sign in
Updated style
18d4f6bDevine Lu Linvega
README.md+1−1
@@ -1,6 +1,6 @@
1# Webring
1# Webring
2
2
3−This [webring](http://wiki.xxiivv.com/webring) is an attempt to inspire artists & developers to create and maintain their own website and share traffic among each other. The webring's aim is to share personal websites such as diaries, wikis, bookmark lists, portfolios. To add yourself to the ring, submit an [edit](https://github.com/XXIIVV/webring/edit/master/index.html) to this repository.
3+This [webring](http://wiki.xxiivv.com/webring) is an attempt to inspire artists & developers to create and maintain their own website and share traffic among each other. The webring's aim is to share personal websites such as *diaries, wikis & portfolios*. To add yourself to the ring, submit an [edit](https://github.com/XXIIVV/webring/edit/master/index.html) to this repository.
4
4
5## Join the webring
5## Join the webring
6
6
index.html+4−4
@@ -56,14 +56,14 @@
56 portal.start();
56 portal.start();
57 </script>
57 </script>
58 <style>
58 <style>
59− body { background:#fff; padding:0px; margin:0px; }
59+ body { background:#f4f4f4; padding:0px; margin:0px; }
60− 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 { background: #111;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; border-radius: 2px }
61 body pre a { color:#fff; padding:0px 5px; line-height: 20px}
61 body pre a { color:#fff; padding:0px 5px; line-height: 20px}
62 body pre a:hover { color:#eee; background:#000; text-decoration: none; }
62 body pre a:hover { color:#eee; background:#000; text-decoration: none; }
63− 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 }
63+ body pre #icon { display: block;width: 30px;height: 30px;background-image: url(icon.white.svg);background-size: cover;background-repeat: no-repeat;position: absolute;bottom: 10px;right:10px;background-position: center;padding:0px }
64 body pre p { display:block; padding:0px 5px}
64 body pre p { display:block; padding:0px 5px}
65 body pre p b { font-weight: normal; color:#ccc; }
65 body pre p b { font-weight: normal; color:#ccc; }
66− body pre list { display:flex; flex-wrap: wrap; }
66+ body pre list { display:flex; flex-wrap: wrap; max-width: 800px}
67 body pre list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
67 body pre list ln { width: 16em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }
68 body pre list ln a:visited { color:#ccc;}
68 body pre list ln a:visited { color:#ccc;}
69 </style>
69 </style>