12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485 |
- .title {
- text-align: center;
- font-size: 2.5em;
- font-weight: bold;
- margin: 0 0 2rem 0;
- }
- .entry {
- padding: 0 1rem;
- border-radius: 10px;
- }
- .abilities {
- margin-top: 1.5rem;
- position: relative;
- }
- .ability {
- position: relative;
- }
- .ability-name {
- font-size: 1.125rem;
- font-weight: bold;
- margin-bottom: 1rem;
- margin-left: 1rem;
- }
- .feature-button {
- position: absolute;
- right: 0;
- top: 1.5rem;
- }
- .feature-description {
- padding: 0 2rem 0 3rem;
- }
- .title-row {
- display: flex;
- justify-content: space-between;
- align-items: center;
- }
- .hidden-title-row {
- background-color: rgba(211, 211, 211, 0.3);
- border-radius: 15px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- padding: 1rem;
- }
- .hidden-title {
- font-size: 0.875rem;
- font-weight: 600;
- color: darkgrey;
- }
- :host ::ng-deep h3,
- :host ::ng-deep h4 {
- margin-top: 1rem;
- }
- ::ng-deep .table {
- --bs-table-bg: transparent !important;
- }
- // /* Style the table header */
- // th {
- // background-color: #f2f2f2;
- // text-align: left;
- // padding: 8px;
- // }
- // /* Style the table cells */
- // td {
- // border: 1px solid #ddd;
- // padding: 8px;
- // }
- // /* Style the table rows */
- // tr:nth-child(even) {
- // background-color: #f2f2f2;
- // }
|