Difference between revisions of "Página de pruebas 4"
Adelo Vieira (talk | contribs) |
Adelo Vieira (talk | contribs) |
||
(149 intermediate revisions by the same user not shown) | |||
Line 8: | Line 8: | ||
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); | box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); | ||
} | } | ||
− | . | + | .tablehead { |
− | background-color: #009879 | + | font-size: 1.2em; |
+ | background-color: #007bff !important; <!-- #009879 --> | ||
color: #ffffff; | color: #ffffff; | ||
text-align: left; | text-align: left; | ||
Line 17: | Line 18: | ||
padding: 12px 15px; | padding: 12px 15px; | ||
} | } | ||
− | . | + | .tablebody { |
border-bottom: 1px solid #dddddd; | border-bottom: 1px solid #dddddd; | ||
} | } | ||
− | . | + | .tablebody:nth-of-type(even) { |
background-color: #f3f3f3; | background-color: #f3f3f3; | ||
} | } | ||
− | . | + | .tablebody:last-of-type { |
border-bottom: 2px solid #009879; | border-bottom: 2px solid #009879; | ||
} | } | ||
− | + | tr.active-row { | |
font-weight: bold; | font-weight: bold; | ||
color: #009879; | color: #009879; | ||
− | } | + | } |
+ | |||
+ | tr { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | th { | ||
+ | background-color: transparent !important; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | td { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | <!-- | ||
+ | tr:nth-child(odd) { | ||
+ | background: rgba(199, 187, 187, 0.5) !important; | ||
+ | } | ||
+ | --> | ||
+ | |||
+ | tr:nth-child(even) { | ||
+ | background: rgba(153, 143, 143, 0.5) !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | tr:hover:nth-child(odd) { | ||
+ | background: rgba(56, 139, 253, 0.2) !important; /* rgba(87, 95, 78, 0.9) */ | ||
+ | } | ||
+ | |||
+ | |||
+ | tr:hover:nth-child(even) { | ||
+ | background: rgba(56, 139, 253, 0.2) !important; /* rgba(87, 95, 78, 0.9) */ | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | overflow: hidden !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | td, | ||
+ | th { | ||
+ | position: relative !important; | ||
+ | } | ||
+ | |||
+ | td:hover::after, | ||
+ | th:hover::after { | ||
+ | color: red !important; | ||
+ | content: "" !important; | ||
+ | position: absolute !important; | ||
+ | background-color: rgba(56, 139, 253, 0.3) !important; /* rgb(81, 97, 63) */ | ||
+ | left: 0 !important; | ||
+ | top: -5000px !important; | ||
+ | height: 10000px !important; | ||
+ | width: 100% !important; | ||
+ | z-index: -1 !important; | ||
+ | } | ||
}} | }} | ||
+ | |||
<table class="styled-table"> | <table class="styled-table"> | ||
− | < | + | <tr class="tablehead"> |
− | < | + | <th>Name</th> |
− | + | <th>Points</th> | |
− | + | <th>Otro</th> | |
− | </tr> | + | <th>Ahora</th> |
− | </ | + | <th>Aver</th> |
− | < | + | </tr> |
− | <tr> | + | <tr class="tablebody"> |
− | + | <td>Dom</td> | |
− | + | <td>6000</td> | |
− | </tr> | + | <td>4000</td> |
− | <tr class="active-row"> | + | <td>3000</td> |
− | + | <td>8000</td> | |
− | + | </tr> | |
− | </tr> | + | <tr class="active-row tablebody"> |
− | </ | + | <td>Melissa</td> |
+ | <td>5150</td> | ||
+ | <td>3150</td> | ||
+ | <td>9150</td> | ||
+ | <td>4150</td> | ||
+ | </tr> | ||
+ | <tr class="active-row tablebody"> | ||
+ | <td>Melissa</td> | ||
+ | <td>5150</td> | ||
+ | <td>3150</td> | ||
+ | <td>9150</td> | ||
+ | <td>4150</td> | ||
+ | </tr> | ||
+ | <tr class="active-row tablebody"> | ||
+ | <td>Melissa</td> | ||
+ | <td>5150</td> | ||
+ | <td>3150</td> | ||
+ | <td>9150</td> | ||
+ | <td>4150</td> | ||
+ | </tr> | ||
+ | <tr class="active-row tablebody"> | ||
+ | <td>Melissa</td> | ||
+ | <td>5150</td> | ||
+ | <td>3150</td> | ||
+ | <td>9150</td> | ||
+ | <td>4150</td> | ||
+ | </tr> | ||
+ | <tr class="active-row tablebody"> | ||
+ | <td>Melissa</td> | ||
+ | <td>5150</td> | ||
+ | <td>3150</td> | ||
+ | <td>9150</td> | ||
+ | <td>4150</td> | ||
+ | </tr> | ||
+ | <tr class="active-row tablebody"> | ||
+ | <td>Melissa</td> | ||
+ | <td>5150</td> | ||
+ | <td>3150</td> | ||
+ | <td>9150</td> | ||
+ | <td>4150</td> | ||
+ | </tr> | ||
</table> | </table> |
Latest revision as of 17:12, 24 March 2021
Name | Points | Otro | Ahora | Aver |
---|---|---|---|---|
Dom | 6000 | 4000 | 3000 | 8000 |
Melissa | 5150 | 3150 | 9150 | 4150 |
Melissa | 5150 | 3150 | 9150 | 4150 |
Melissa | 5150 | 3150 | 9150 | 4150 |
Melissa | 5150 | 3150 | 9150 | 4150 |
Melissa | 5150 | 3150 | 9150 | 4150 |
Melissa | 5150 | 3150 | 9150 | 4150 |