View source for Template:Pipetten-Checklist-8step

<div style="display: inline-block; border: 1px solid #a2a9b1; border-radius: 2px; margin: 10px 0; max-width: fit-content; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.1);">
  <div style="background: #eaecf0; padding: 8px 12px; border-bottom: 1px solid #a2a9b1; font-weight: bold; color: #333; font-size: 14px;">
    <div>✓ {{{titel|Pipettierschema - Checklist}}}</div>
  </div>
  <div style="padding: 15px; color: #333; font-size: 13px;">
    <div>
      <table style="border: none; font-family: monospace; width: 100%;">
        <tr>
          <td style="border: none; padding: 3px 0; width: 25px;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt1|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge1|}}}</td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt2|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge2|}}}</td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt3|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge3|}}}</td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt4|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge4|}}}</td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt5|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge5|}}}</td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt6|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge6|}}}</td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt7|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge7|}}}</td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0;">{{{schritt8|}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #f0f8f0; padding: 2px 5px; border-radius: 3px;">{{{menge8|}}}</td>
        </tr>
        <tr>
          <td colspan="3" style="border: none; padding: 8px 0;">
            <div style="border-top: 1px solid #ddd; margin: 5px 0;"></div>
          </td>
        </tr>
        <tr>
          <td style="border: none; padding: 3px 0;">☐</td>
          <td style="border: none; padding: 3px 0; font-weight: bold;">{{{zusatz1|Mischen}}}</td>
          <td style="border: none; padding: 3px 0; text-align: right; background: #e8f4fd; padding: 2px 5px; border-radius: 3px; font-weight: bold;">{{{gesamt|}}}</td>
        </tr>
      </table>
    </div>
  </div>
</div>