accessibility.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .my-cards-board-wrapper {
  2. border-radius: 0 0 0.5vw 0.5vw;
  3. min-width: min(400px, 52vw);
  4. margin-bottom: 2.5vh;
  5. margin-right: auto;
  6. margin-left: auto;
  7. border-width: 0.3vw;
  8. border-style: solid;
  9. border-color: #a2a2a2;
  10. }
  11. .my-cards-board-title {
  12. font-size: clamp(1.2rem, 3vw, 1.6rem);
  13. font-weight: bold;
  14. padding: 0.7vh 0.7vw;
  15. background-color: #808080;
  16. color: #fff;
  17. }
  18. .my-cards-swimlane-title {
  19. font-size: clamp(1rem, 2.5vw, 1.3rem);
  20. font-weight: bold;
  21. padding: 0.7vh 0.7vw;
  22. padding-bottom: 0.5vh;
  23. margin-top: 0;
  24. margin-bottom: 0.7vh;
  25. text-align: center;
  26. }
  27. .swimlane-default-color {
  28. background-color: #d3d3d3;
  29. }
  30. .my-cards-list-title {
  31. font-weight: bold;
  32. font-size: clamp(1rem, 2.5vw, 1.3rem);
  33. text-align: center;
  34. margin-bottom: 0.9vh;
  35. }
  36. .my-cards-list-wrapper {
  37. margin: 1.3vh 1.3vw;
  38. border-radius: 0.7vw;
  39. display: inline-grid;
  40. min-width: min(250px, 32vw);
  41. max-width: min(350px, 45vw);
  42. }
  43. .my-cards-card-wrapper {
  44. margin-top: 0;
  45. margin-bottom: 1.3vh;
  46. }
  47. .my-cards-dueat-list-wrapper {
  48. max-width: min(500px, 65vw);
  49. margin-right: auto;
  50. margin-left: auto;
  51. }
  52. .my-cards-board-table thead {
  53. border-bottom: 3px solid #4d4d4d;
  54. background-color: transparent;
  55. }
  56. .my-cards-board-table th,
  57. .my-cards-board-table td {
  58. border: 0;
  59. }
  60. .my-cards-board-table tr {
  61. border-bottom: 2px solid #a2a2a2;
  62. }
  63. .my-cards-card-title-table {
  64. font-weight: bold;
  65. padding-left: 2px;
  66. max-width: 243px;
  67. }
  68. .my-cards-board-badge {
  69. width: 36px;
  70. height: 24px;
  71. float: left;
  72. border-radius: 5px;
  73. margin-right: 5px;
  74. }
  75. /* Accessibility page styles */
  76. .accessibility-page {
  77. padding: 20px;
  78. max-width: 800px;
  79. margin: 0 auto;
  80. }
  81. .accessibility-page h2 {
  82. font-size: 24px;
  83. margin-bottom: 20px;
  84. color: #4d4d4d;
  85. }
  86. .accessibility-page-content {
  87. background-color: #fff;
  88. padding: 20px;
  89. border-radius: 3px;
  90. box-shadow: 0 1px 2px rgba(0,0,0,0.15);
  91. }
  92. .accessibility-page-content p {
  93. margin-bottom: 16px;
  94. line-height: 1.6;
  95. }