species.component.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. .title {
  2. text-align: center;
  3. font-size: 2.5em;
  4. font-weight: bold;
  5. margin: 0 0 2rem 0;
  6. }
  7. .entry {
  8. padding: 0 1rem;
  9. border-radius: 10px;
  10. }
  11. .abilities {
  12. margin-top: 1.5rem;
  13. position: relative;
  14. }
  15. .ability {
  16. position: relative;
  17. }
  18. .ability-name {
  19. font-size: 1.125rem;
  20. font-weight: bold;
  21. margin-bottom: 1rem;
  22. margin-left: 1rem;
  23. }
  24. .feature-button {
  25. position: absolute;
  26. right: 0;
  27. top: 1.5rem;
  28. }
  29. .feature-description {
  30. padding: 0 2rem 0 3rem;
  31. }
  32. .title-row {
  33. display: flex;
  34. justify-content: space-between;
  35. align-items: center;
  36. }
  37. .hidden-title-row {
  38. background-color: rgba(211, 211, 211, 0.3);
  39. border-radius: 15px;
  40. display: flex;
  41. justify-content: space-between;
  42. align-items: center;
  43. padding: 1rem;
  44. }
  45. .hidden-title {
  46. font-size: 0.875rem;
  47. font-weight: 600;
  48. color: darkgrey;
  49. }
  50. :host ::ng-deep h3,
  51. :host ::ng-deep h4 {
  52. margin-top: 1rem;
  53. }
  54. ::ng-deep .table {
  55. --bs-table-bg: transparent !important;
  56. }
  57. // /* Style the table header */
  58. // th {
  59. // background-color: #f2f2f2;
  60. // text-align: left;
  61. // padding: 8px;
  62. // }
  63. // /* Style the table cells */
  64. // td {
  65. // border: 1px solid #ddd;
  66. // padding: 8px;
  67. // }
  68. // /* Style the table rows */
  69. // tr:nth-child(even) {
  70. // background-color: #f2f2f2;
  71. // }