Le site Web d'Antopie https://antopie.org
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
1.4 KiB

  1. .grid {
  2. display: grid;
  3. grid-template-columns: 1fr 1fr 1fr 1fr;
  4. grid-gap: 30px;
  5. @media (min-width: 2500px) {
  6. grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  7. }
  8. @media (min-width: 3000px) {
  9. grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  10. }
  11. @media (max-width: 1500px) {
  12. grid-template-columns: 1fr 1fr 1fr;
  13. }
  14. @media (max-width: 1000px) {
  15. grid-template-columns: 1fr 1fr;
  16. }
  17. @media (max-width: 600px) {
  18. grid-template-columns: 1fr;
  19. }
  20. }
  21. .action::before {
  22. content: "➡ ";
  23. }
  24. .metaService {
  25. margin: 6px;
  26. margin-bottom: 0px;
  27. }
  28. .descService {
  29. text-align: left;
  30. }
  31. .domService {
  32. font-size: 0.8em;
  33. }
  34. .domService code, .domService em {
  35. font-size: inherit;
  36. }
  37. .domService, .domService code {
  38. overflow-wrap: anywhere;
  39. @media @light {
  40. color: @darkerColor;
  41. }
  42. @media @dark {
  43. color: @lightlessColor;
  44. }
  45. }
  46. footer.antopie {
  47. display: flex;
  48. flex-direction: column;
  49. }
  50. .interlude {
  51. display: flex;
  52. justify-content: center;
  53. margin-top: 20px;
  54. margin-bottom: 10px;
  55. }
  56. .interlude > hr {
  57. border: 0;
  58. border-top: 2px gray dashed;
  59. width: 520px;
  60. }
  61. .row {
  62. .centered();
  63. display: flex;
  64. flex-direction: row;
  65. flex-wrap: wrap;
  66. }
  67. .row > a.button {
  68. margin: 10px;
  69. }
  70. .padRow {
  71. padding: 10px;
  72. }
  73. small.row a {
  74. font-size: 0.8em;
  75. }
  76. h1.titreService {
  77. font-size: 1.3em;
  78. text-align: center;
  79. margin: 0px;
  80. padding-bottom: 0px;
  81. padding-top: 0px;
  82. }
  83. .red {
  84. color: red;
  85. }