diff --git a/docs/part-collection.md b/docs/part-collection.md index 434fca134d6c70ef65b663d76b81b939df48faef..ac587556fad607f5b4a60753006665049362bf4b 100644 --- a/docs/part-collection.md +++ b/docs/part-collection.md @@ -2,66 +2,47 @@ title: Our Part Collection --- -<style> -.scrollable-table { - width: 100%; /* Full width of the container */ - overflow-x: auto; /* Enable horizontal scrolling */ -} - -table { - width: 100%; /* Table takes full width of the container */ - border-collapse: collapse; - margin: auto; - border-radius: 10px; /* Rounded corners for the table */ - overflow: hidden; /* Ensures the corners stay rounded */ - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow */ -} - -th { - background-color: #00b4c5; /* Header background color */ - color: white; /* Header text color */ - padding: 10px; /* Padding for header */ -} - -td { - padding: 10px; /* Padding for table cells */ - text-align: center; /* Center-align text */ -} - -tr:nth-child(even) { - background-color: #b3c7f7; /* Light blue for even rows */ -} - -tr:nth-child(odd) { - background-color: #8babf1; /* Light blue for odd rows */ -} - -a { - color: #0073e6; /* Link color */ - text-decoration: none; /* Remove underline from links */ -} - -a:hover { - text-decoration: underline; /* Underline on hover */ -} - -.bubble { - background-color: #00bf7d; /* Bubble background color */ - color: white; /* Bubble text color */ - padding: 5px 10px; /* Padding for bubble */ - border-radius: 15px; /* Rounded corners for bubble */ - display: inline-block; /* Make bubble inline */ - margin: 2px; /* Space between bubbles */ - font-size: 0.9em; /* Smaller font size */ -} -</style> - # Parts Collection -<div class="scrollable-table"> -| BioBrick Part | Short Description | Part Type | Sequence | Assembly Compatibility | Designed By | Module | References | -|---------------|-------------------|-----------|----------|-----------------------|--------------|--------|------------| -| [Part 1](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">21</span> <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) | -| [Part 2](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">21</span> <span style="background-color: #00bf7d; color: white; padding: 5px; border-radius: 5px;">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) | +<style> + table { + width: 100%; + border-collapse: collapse; + border-radius: 10px; + overflow: hidden; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + } + + th, td { + padding: 10px; + text-align: left; + } + + thead { + background-color: #00b4c5; + color: white; + } + + tbody tr:nth-child(odd) { + background-color: #b3c7f7; + } + + tbody tr:nth-child(even) { + background-color: #8babf1; + } + + .bubble { + display: inline-block; + background-color: #00bf7d; + color: white; + padding: 5px 10px; + border-radius: 15px; + margin: 0 2px; + font-size: 0.9em; + } +</style> -</div> +| BioBrick Part | Short Description | Part Type | Sequence | Assembly Compatibility | Designed By | Module | References | +|---------------|-------------------|-----------|----------|----------------------------------------------|--------------|--------|------------| +| [Part 1](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | <span class="bubble">21</span> <span class="bubble">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) | +| [Part 2](http://parts.igem.org/Part:BBa_XXXXXXXX) | Part Name | Type | AGA | <span class="bubble">21</span> <span class="bubble">1000</span> | Iulia Beres | Module | [Hui, C. et al. (April 9, 2018)](https://doi.org/10.1038/s41598-018-24134-3) |