From d455eec1c4e03a7c78a44c99339b97b349ae7e1c Mon Sep 17 00:00:00 2001
From: Arina Filatova <a.filatova@student.maastrichtuniversity.nl>
Date: Sat, 28 Sep 2024 21:52:44 +0000
Subject: [PATCH] part col new table
---
docs/part-collection.md | 101 ++++++++++++++++------------------------
1 file changed, 41 insertions(+), 60 deletions(-)
diff --git a/docs/part-collection.md b/docs/part-collection.md
index 434fca1..ac58755 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) |
--
GitLab