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

From Sinfronteras
Jump to: navigation, search
Line 1: Line 1:
 
{{#css:
 
{{#css:
  .styled-table {
+
    .styled-table {
      border-collapse: collapse;
+
        border-collapse: collapse;
      margin: 25px 0;
+
        margin: 25px 0;
      font-size: 0.9em;
+
        font-size: 0.9em;
      font-family: sans-serif;
+
        font-family: sans-serif;
      min-width: 400px;
+
        min-width: 400px;
      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 {
 +
        background-color: #009879;
 +
        color: #ffffff;
 +
        text-align: left;
 +
    }
 +
    .styled-table th,
 +
    .styled-table td {
 +
        padding: 12px 15px;
 +
    }
 +
    .styled-table section tr {
 +
        border-bottom: 1px solid #dddddd;
 +
    }
  
  .head tr {
+
    .styled-table section tr:nth-of-type(even) {
      background-color: #009879;
+
        background-color: #f3f3f3;
      color: #ffffff;
+
    }
      text-align: left;
 
  }
 
  
  .styled-table th,
+
    .styled-table section tr:last-of-type {
  .styled-table td {
+
        border-bottom: 2px solid #009879;
      padding: 12px 15px;
+
    }
  }
+
    .styled-table section tr.active-row {
 
+
        font-weight: bold;
  .body tr {
+
        color: #009879;
      border-bottom: 1px solid #dddddd;
+
    }  
  }
 
 
 
  .body tr:nth-of-type(even) {
 
      background-color: #f3f3f3;
 
  }
 
 
 
  .body tr:last-of-type {
 
      border-bottom: 2px solid #009879;
 
  }
 
 
 
  .body tr.active-row {
 
      font-weight: bold;
 
      color: #009879;
 
  }
 
 
}}
 
}}
  
  
 
<table class="styled-table">
 
<table class="styled-table">
     <div class="head">
+
     <div>
 
         <tr>
 
         <tr>
 
             <th>Name</th>
 
             <th>Name</th>
Line 46: Line 42:
 
         </tr>
 
         </tr>
 
     </div>
 
     </div>
     <section class="body">
+
     <section>
 
         <tr>
 
         <tr>
 
             <td>Dom</td>
 
             <td>Dom</td>

Revision as of 20:20, 21 February 2021


Name Points