logo

lanodan.eu

Unnamed repository; edit this file 'description' to name the repository. git clone https://hacktivis.me/git/lanodan.eu.git

style.css (1452B)


  1. :root {
  2. font-family: serif;
  3. text-rendering: optimizelegibility;
  4. font-kerning: normal;
  5. color-scheme: light dark;
  6. }
  7. /* <https://github.com/whatwg/html/issues/5426#issuecomment-607286557> */
  8. @supports (color-scheme: light dark) {
  9. @media (prefers-color-scheme: dark) {
  10. a { color: violet; }
  11. }
  12. }
  13. .p-family-name,
  14. .address
  15. { font-variant: small-caps }
  16. nav li { list-style: none }
  17. main {
  18. margin: 0 auto;
  19. display: table;
  20. }
  21. code { font-family: monospace }
  22. .p-nickname::before { content:"(" }
  23. .p-nickname { font-family: monospace }
  24. .p-nickname::after { content:")" }
  25. .h-event .p-summary { display: inline-table }
  26. h1,h2,h3,h4,h5,h6 {
  27. font-family: sans;
  28. font-kerning: auto;
  29. }
  30. h1,h2 {
  31. display: table;
  32. padding: 0.25ex 0.5em;
  33. }
  34. h1 { border-bottom: 2pt solid }
  35. h2 { border-bottom: 1pt solid }
  36. @supports (display: grid) {
  37. #background dl {
  38. display: grid;
  39. grid-template-columns: auto 1fr;
  40. grid-row-gap: 1ch;
  41. }
  42. #background dd {
  43. margin: 0;
  44. margin-inline-start: 1em;
  45. }
  46. }
  47. @media screen {
  48. main { max-width: 90em }
  49. }
  50. @media print {
  51. :root { font-size: 10pt; }
  52. nav, footer { display: none }
  53. a.showurl::before {
  54. content: attr(href);
  55. margin-right: 1ch;
  56. @support (margin-inline-end) {
  57. margin-inline-end: 1ch;
  58. margin-right: reset;
  59. }
  60. font-family: monospace;
  61. text-decoration: underline;
  62. color: blue;
  63. }
  64. a.showurl {
  65. color: inherit;
  66. text-decoration: none;
  67. }
  68. section { page-break-inside: avoid }
  69. }
  70. @page {
  71. margin: 1cm;
  72. }