links/main2.css · webring

git.iko.soy/webring

25 lines 1.7 kB history raw

1* { margin:0;padding:0;border:0;outline:0;text-decoration:none;font-weight:inherit;font-style:inherit;color:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;list-style:none;border-collapse:collapse;border-spacing:0; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

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

4body > div { background: #111; min-height: calc(100vh - 60px); width: calc(100vw - 60px); margin: 15px; padding: 15px; font-family:'input_mono_regular', 'Monospaced','Courier New',courier; font-size:11px; color:white; position: relative; }

5body > div > ul { padding-bottom: 15px; margin-bottom:15px; }

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

7body footer { border-top: 2px solid white; padding-top: 15px; margin-top: 15px;}

8body footer a { text-decoration: underline; }

10/* portal */

11body #portal main,

12body #portal footer { max-width: 800px; }

13body #portal #icon { display: block; width: 30px; height: 30px; background-image: url(../icon.white.svg); background-size: cover; background-repeat: no-repeat; position: absolute; bottom: 15px; right:15px; background-position: center; padding:0px }

14body #portal ul { columns:1; }

15body #portal ul li { display:block; padding-left:5px; text-overflow: ellipsis; text-transform: lowercase;}

16body #portal ul li:before { content: attr(id) ")"; }

17body #portal ul li[data-type]::after { content:"<" attr(data-type) ">"; color:#555; }

18body #portal ul li a { line-height: 20px; padding:0px 5px; text-decoration: none;}

19body #portal ul li a:visited { color:#ccc; text-decoration: none;}

20body #portal ul li a:hover { text-decoration: underline; }

22@media (min-width: 630px) {

23 body #portal ul { columns: 3;}

24}