links/main.css · webring

git.iko.soy/webring

17 lines 1.5 kB history raw

1body { background:#f4f4f4; padding:0px; margin:0px; }

2body div { display:block; background: #ddd;min-height: calc(100vh - 60px);width: calc(100vw - 60px);margin: 15px;color: #555;padding: 15px;font-family:'input_mono_regular', 'Monospaced','Courier New',courier;font-size:11px; position: relative; border-radius: 2px }

3body div #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 }

4body div p { display:block; padding:0px 5px; line-height: 20px}

5body div p a { color:black; text-decoration: none; text-decoration: underline;}

6body div p a:hover { text-decoration: underline; }

7body div p b { font-weight: normal; color:#000; font-family: 'input_mono_medium' }

8body div p.readme { max-width:500px; }

9body div list { display:block; max-width: 800px; columns:3; border-bottom: 2px solid white;padding-bottom: 15px;margin-bottom:15px; overflow: hidden;}

10body div list ln { width: 22em; display:block; padding-left:5px; overflow: hidden; text-overflow: ellipsis; }

11body div list ln a { line-height: 20px; display: inline-block; color:#000; padding:0px 5px; text-decoration: none;}

12body div list ln a:visited { color:#999; text-decoration: none;}

13body div list ln a:hover { background:#ccc; color:#000; text-decoration: none; border-radius: 2px }

15@media (max-width: 950px) {

16 body div list { columns: 2 }

17}