|
|
| Line 4: |
Line 4: |
| | <!--delete in wiki--> | | <!--delete in wiki--> |
| | <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | <style> | + | <style id="media query"> |
| − | /*media query*/
| + | |
| | @media all and (max-width: 480px) { | | @media all and (max-width: 480px) { |
| | } | | } |
| Line 17: |
Line 16: |
| | @media all and (min-width: 1601px) { | | @media all and (min-width: 1601px) { |
| | } | | } |
| − | | + | </style> |
| − | /*main*/
| + | <style id="main"> |
| | main { | | main { |
| − | padding:8px; | + | padding: 5px; |
| | } | | } |
| | + | |
| | + | |
| | | | |
| | @media all and (min-width: 1024px) and (max-width: 1600px) { | | @media all and (min-width: 1024px) and (max-width: 1600px) { |
| Line 28: |
Line 29: |
| | } | | } |
| | } | | } |
| − | | + | </style> |
| − | | + | <style id="group description"> |
| − | /*group-description*/
| + | |
| | #group-description { | | #group-description { |
| − | | + | padding-bottom: 5px; |
| | } | | } |
| | | | |
| | #group-description > h1 { | | #group-description > h1 { |
| − | | + | text-align: center; |
| | + | column-span: all; |
| | margin: 5px; | | margin: 5px; |
| | } | | } |
| Line 44: |
Line 45: |
| | margin: auto; | | margin: auto; |
| | vertical-align: top; | | vertical-align: top; |
| − | font-size :16px; | + | font-size: 100%; |
| − | text-align:left; | + | text-align: left; |
| | + | } |
| | + | |
| | + | #group-description > p::before { |
| | } | | } |
| | | | |
| Line 56: |
Line 60: |
| | @media all and (min-width: 481px) and (max-width: 1023px) { | | @media all and (min-width: 481px) and (max-width: 1023px) { |
| | #group-description > p { | | #group-description > p { |
| − | width: 49%; | + | column-count: 2; |
| | } | | } |
| | | | |
| | #group-description > p:nth-child(4) { | | #group-description > p:nth-child(4) { |
| − | width: 98%;
| |
| | } | | } |
| | } | | } |
| Line 66: |
Line 69: |
| | @media all and (min-width: 1024px) { | | @media all and (min-width: 1024px) { |
| | #group-description > p { | | #group-description > p { |
| − | width: 31%; | + | column-count: 3; |
| | } | | } |
| | } | | } |
| | | | |
| − | @media all and (min-width: 1600px) {
| + | @media all and (min-width: 1600px) { |
| | #group-description > p { | | #group-description > p { |
| − | font-size: 20px; | + | font-size: 125%; |
| | } | | } |
| | } | | } |
| − | | + | </style> |
| − | /*group-gallery*/
| + | <style id="group gallery"> |
| | #group-gallery { | | #group-gallery { |
| | position: relative; | | position: relative; |
| Line 90: |
Line 93: |
| | height: 100%; | | height: 100%; |
| | } | | } |
| − | | + | </style> |
| − |
| + | <style id="tab"> |
| − | /*tab CSS table*/
| + | #tab { |
| − | #tab-table { | + | |
| | display: table; | | display: table; |
| | border-spacing: 5px; | | border-spacing: 5px; |
| Line 101: |
Line 103: |
| | } | | } |
| | | | |
| − | .tab-row { | + | #tab li { |
| − | display: table-row; | + | display:inline-block; |
| − | }
| + | |
| − | | + | |
| − | .tab-row > div {
| + | |
| − | display: table-cell;
| + | |
| − | padding: 5px;
| + | |
| | } | | } |
| | | | |
| Line 132: |
Line 129: |
| | .student:hover { | | .student:hover { |
| | background-color: coral; | | background-color: coral; |
| | + | } |
| | + | </style> |
| | + | <style id="personal gallery"> |
| | + | #gallery-wrapper { |
| | + | position: relative; |
| | } | | } |
| | | | |
| | + | .gallery { |
| | + | display: table; |
| | + | border-spacing: 10px; |
| | + | background-color: aquamarine; |
| | + | position: absolute; |
| | + | top: 0px; |
| | + | left: 0px; |
| | + | width: auto; |
| | + | } |
| | | | |
| − | /*gallery*/ | + | .gallery-row { |
| | + | display: table-row; |
| | + | } |
| | + | |
| | + | |
| | + | .gallery-row > div { |
| | + | display: table-cell; |
| | + | vertical-align: middle; |
| | + | } |
| | + | |
| | + | .person-description > h1 { |
| | + | text-align: center; |
| | + | } |
| | + | </style> |
| | + | <style> |
| | | | |
| | </style> | | </style> |
| Line 178: |
Line 203: |
| | load_img($('#group-gallery img:first-child'), 'image/whole-group.jpg', 'https://static.igem.org/mediawiki/2016/3/39/T--NKU_China--whole-group.jpg') | | load_img($('#group-gallery img:first-child'), 'image/whole-group.jpg', 'https://static.igem.org/mediawiki/2016/3/39/T--NKU_China--whole-group.jpg') |
| | | | |
| − | })
| + | alert($('#member1-tab li').length) |
| − | | + | }) |
| − | | + | |
| | </script> | | </script> |
| | <script> | | <script> |
| Line 193: |
Line 217: |
| | </h1> | | </h1> |
| | <p> | | <p> |
| − | Team NKU_China consists of faculty members and students from Nankai University, Tianjin. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation. | + | Team NKU_China consists of faculty members and students from Nankai University, Tianjin. Located in the east coast of Asia and one of the most developed and prosperous cities in mainland China, Nankai University is making groundbreaking progress in both natural and social sciences while holding fast to the orthodox beliefs that inspire us to dedicate to the interest of the public and the nation.<br> |
| − | </p>
| + | 17 undergraduate students from College of Life Science consist of the absolute main force of Team NKU_China. Sharing “iGEMer” as our common title, the team members work closely together from brainstorming solutions for experimental problems to discussing the future prospect of synthetic biology with great enthusiasm and creation. In the meantime, we frequently adjust the project design and experiment plans under the advice and instructions of three experienced graduate instructors and three distinguished PIs.<br> |
| − | <p>
| + | All of the team members are looking forward to presenting our project and sharing the story of the great science adventure of Team NKU_China to iGEMers all over the globe at Giant Jamboree. Do meet us at our presentation and poster stand!<br> |
| − | 17 undergraduate students from College of Life Science consist of the absolute main force of Team NKU_China. Sharing “iGEMer” as our common title, the team members work closely together from brainstorming solutions for experimental problems to discussing the future prospect of synthetic biology with great enthusiasm and creation. In the meantime, we frequently adjust the project design and experiment plans under the advice and instructions of three experienced graduate instructors and three distinguished PIs. | + | |
| − | </p>
| + | |
| − | <p>
| + | |
| − | All of the team members are looking forward to presenting our project and sharing the story of the great science adventure of Team NKU_China to iGEMers all over the globe at Giant Jamboree. Do meet us at our presentation and poster stand! | + | |
| | </p> | | </p> |
| | </article> | | </article> |
| Line 231: |
Line 251: |
| | <li>Zhao xianglin</li> | | <li>Zhao xianglin</li> |
| | <li>Chen Chen</li> | | <li>Chen Chen</li> |
| − | </ul> | + | <!--</ul> |
| − | <ul id="member2-tab"> | + | <ul id="member2-tab">--> |
| | <li>Zhaoran Zhang</li> | | <li>Zhaoran Zhang</li> |
| | <li>Zhao Yujie</li> | | <li>Zhao Yujie</li> |
| Line 239: |
Line 259: |
| | <li>Zhang Mengxian</li> | | <li>Zhang Mengxian</li> |
| | <li>Jindi Zhou</li> | | <li>Jindi Zhou</li> |
| | + | <li>Annie Kong</li> |
| | <li>Ke Ziying</li> | | <li>Ke Ziying</li> |
| − | <li>Annie Kong</li>
| |
| | <li>Jeff Bae</li> | | <li>Jeff Bae</li> |
| | + | <li>Hanchenxi Zhang</li> |
| | </ul> | | </ul> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div id="gallery"> | + | <div id="personal-gallery"> |
| − |
| + | |
| | <div class="gallery" id="Haosheng Shen"> | | <div class="gallery" id="Haosheng Shen"> |
| | <div class="gallery-row"> | | <div class="gallery-row"> |
