Difference between revisions of "Página de pruebas 4"

From Sinfronteras
Jump to: navigation, search
 
(153 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);
 
     }
 
     }
−
     .styled-table div tr {
+
     .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;
 
     }
 
     }
−
     .styled-table ins tr {
+
     .tablebody {
 
         border-bottom: 1px solid #dddddd;
 
         border-bottom: 1px solid #dddddd;
 
     }
 
     }
  
−
     .styled-table ins tr:nth-of-type(even) {
+
     .tablebody:nth-of-type(even) {
 
         background-color: #f3f3f3;
 
         background-color: #f3f3f3;
 
     }
 
     }
  
−
     .styled-table ins tr:last-of-type {
+
     .tablebody:last-of-type {
 
         border-bottom: 2px solid #009879;
 
         border-bottom: 2px solid #009879;
 
     }
 
     }
−
     .styled-table ins tr.active-row {
+
     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">
−
     <div>
+
     <tr class="tablehead">
−
         <tr>
+
        <th>Name</th>
−
            <th>Name</th>
+
         <th>Points</th>
−
            <th>Points</th>
+
        <th>Otro</th>
−
         </tr>
+
        <th>Ahora</th>
−
     </div>
+
         <th>Aver</th>
−
     <ins>
+
    </tr>
−
         <tr>
+
    <tr class="tablebody">
−
            <td>Dom</td>
+
        <td>Dom</td>
−
            <td>6000</td>
+
        <td>6000</td>
−
         </tr>
+
        <td>4000</td>
−
         <tr class="active-row">
+
        <td>3000</td>
−
            <td>Melissa</td>
+
        <td>8000</td>
−
            <td>5150</td>
+
    </tr>
−
         </tr>
+
    <tr class="active-row tablebody">
−
     </ins>
+
        <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
Retrieved from "http://wiki.sinfronteras.ws/index.php?title=Página_de_pruebas_4&oldid=23225"