accessibility.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. .my-cards-board-wrapper {
  2. border-radius: 0 0 4px 4px;
  3. min-width: 400px;
  4. margin-bottom: 2rem;
  5. margin-right: auto;
  6. margin-left: auto;
  7. border-width: 2px;
  8. border-style: solid;
  9. border-color: #a2a2a2;
  10. }
  11. .my-cards-board-title {
  12. font-size: 1.4rem;
  13. font-weight: bold;
  14. padding: 0.5rem;
  15. background-color: #808080;
  16. color: #fff;
  17. }
  18. .my-cards-swimlane-title {
  19. font-size: 1.1rem;
  20. font-weight: bold;
  21. padding: 0.5rem;
  22. padding-bottom: 0.4rem;
  23. margin-top: 0;
  24. margin-bottom: 0.5rem;
  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: 1.1rem;
  33. text-align: center;
  34. margin-bottom: 0.7rem;
  35. }
  36. .my-cards-list-wrapper {
  37. margin: 1rem;
  38. border-radius: 5px;
  39. display: inline-grid;
  40. min-width: 250px;
  41. max-width: 350px;
  42. }
  43. .my-cards-card-wrapper {
  44. margin-top: 0;
  45. margin-bottom: 10px;
  46. }
  47. .my-cards-dueat-list-wrapper {
  48. max-width: 500px;
  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. }