(Prototype team page) |
|||
(13 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
{{RDFZ-China}} | {{RDFZ-China}} | ||
+ | |||
<html> | <html> | ||
+ | <style> | ||
+ | body { | ||
+ | width: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #body { | ||
+ | width: 1263px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: aliceblue; | ||
+ | } | ||
+ | |||
+ | #comic p { | ||
+ | background-color:aliceblue; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | #comic img { | ||
+ | margin-top: 50px; | ||
+ | width: 1263px; | ||
+ | height: 620px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | /*just to eliminate any margin */ | ||
+ | #basic_description { | ||
+ | margin: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | /*also eliminate any margin*/ | ||
+ | #basic_description p { | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | /*put footer in the center!*/ | ||
+ | #_footer p { | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .description { | ||
+ | width: 1000px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | font-family: Avenir; | ||
+ | font-size: large; | ||
+ | padding-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | .description li, .description p { | ||
+ | color: #404040; | ||
+ | } | ||
+ | |||
+ | .description h3 { | ||
+ | font-family:'Avenir'; | ||
+ | font-size:23px; | ||
+ | } | ||
+ | |||
+ | .description p { | ||
+ | text-indent: 25px !important; | ||
+ | font-family: Avenir !important; | ||
+ | font-size: 23px !important; | ||
+ | } | ||
+ | |||
+ | .description #ref li { | ||
+ | font-style: italic; | ||
+ | font-size: x-small; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | .description table { | ||
+ | margin-top: 20px; | ||
+ | margin-left: 20px; | ||
+ | margin-right: 20px; | ||
+ | border: thin solid black; | ||
+ | caption-side: top; | ||
+ | border-spacing: 0px; | ||
+ | } | ||
+ | |||
+ | .description td, .description th { | ||
+ | border: thin dotted gray; | ||
+ | padding: 5px; | ||
+ | background-color: aliceblue; | ||
+ | font-weight: 200; | ||
+ | line-height: 22px; | ||
+ | } | ||
+ | |||
+ | .description #pricetable table { | ||
+ | text-align: center; | ||
+ | margin-left: 200px; | ||
+ | width: 600px; | ||
+ | } | ||
− | + | .basic_description .description #price th { | |
+ | padding: 10px; | ||
+ | } | ||
− | + | .description #price caption { | |
− | + | padding-top: 8px; | |
+ | } | ||
− | + | .insert { | |
+ | text-align: center; | ||
+ | background-color: aliceblue; | ||
+ | } | ||
− | + | .insert p img { | |
+ | width: 1200px; | ||
+ | margin-left: -100px; | ||
+ | } | ||
+ | /* 左侧列表 */ | ||
+ | .paper-sidenav { | ||
+ | position: fixed; | ||
+ | left: 0.1em; | ||
+ | top: 15em; | ||
+ | text-align: left; | ||
+ | width: 20em; | ||
+ | font-family: Avenir; | ||
+ | background-color: rgba(8,8,8,0); | ||
+ | } | ||
− | + | .paper-sidenav ul { | |
− | + | list-style-type: none; | |
+ | list-style: none; | ||
+ | padding-inline-start: 1em; | ||
+ | } | ||
− | + | .paper-sidenav ul p { | |
+ | color: black; | ||
+ | font-size: 1.6em !important; | ||
+ | font-weight: 500; | ||
+ | } | ||
− | + | .paper-sidenav ul a:link { | |
− | + | text-decoration: none; | |
− | + | color: black; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .paper-sidenav ul a:visited { | |
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | } | ||
− | + | .paper-sidenav ul a:hover { | |
− | + | text-decoration: none; | |
+ | color: blue; | ||
+ | background-color: #f9f9f9; | ||
+ | font-size: larger; | ||
+ | } | ||
− | + | .paper-sidenav ul a:active { | |
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | } | ||
+ | .description .topic-title { | ||
+ | padding-top: 50px; | ||
+ | } | ||
+ | .description img { | ||
+ | border-radius: 20px; | ||
+ | } | ||
+ | </style> | ||
+ | <body style="width:1263px; margin-left:auto;margin-right:auto;background-color:white"> | ||
+ | <div id="body"> | ||
+ | <!--default for floating navigation--> | ||
+ | <div id="comic"> | ||
+ | <p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/59/T--RDFZ-China--SafetyCover.jpeg" alt="safetycomic" /> | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="description"> | ||
− | < | + | <div class="topic-title" id="section1"> |
+ | <p>Our team is highly concerned of lab safety which is strictly regulated by the following rules:</p> | ||
+ | <ol> | ||
+ | <li>All students, before participating in lab activities, must receive safety training.</li> | ||
+ | <li>A teacher MUST be present when one or more than one students are in the lab.</li> | ||
+ | <li>Food and water MUST not be brought into the lab.</li> | ||
+ | <li>Wear lab coat and gloves at all times when necessary.</li> | ||
+ | <li>Sign on the equipment usage record sheet before using any equipment.</li> | ||
+ | <li>Corrosive wastes must go to the corresponding bins. Do not throw solid wastes into the sink. Biological wastes containing microorganism must be autoclaved.</li> | ||
+ | <li>Do not bring any reagents, disposables, or other equipments outside the lab.</li> | ||
+ | <li>Wash hands after each lab session.</li> | ||
+ | </ol> | ||
+ | </div> | ||
+ | <div class="topic-title" id="session2"> | ||
+ | <p>Besides, our labs have safety signs, posters as reminders to team members who participates lab activities.</p> | ||
− | <p> | + | <img src="https://static.igem.org/mediawiki/2018/9/90/T--RDFZ-China--safety1.1.png" alt="signs" style="display: inline-block; vertical-align:middle; width: 35%"> |
− | + | <p style="display: inline-block; width: 64%">We have signs which remind team members to remove their gloves before leaving the lab.</p> | |
+ | <p></p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c7/T--RDFZ-China--safety2.1.png" alt="rules" style="display: inline-block; vertical-align:middle; width: 35%"> | ||
+ | <p style="display: inline-block; width: 64%">Our lab in Tsinghua University has stricter rules concerning emergency evacuation, lab safety coordination, and biosafety levels. ⬅️↙️⬇️</p> | ||
+ | <p></p> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/07/T--RDFZ-China--safety4.1.png" style="display: inline-block; width: 35%"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/21/T--RDFZ-China--safety3.1.png" style="display: inline-block; width: 64%"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{RDFZ-China/footer}} |
Latest revision as of 03:14, 18 October 2018
Our team is highly concerned of lab safety which is strictly regulated by the following rules:
- All students, before participating in lab activities, must receive safety training.
- A teacher MUST be present when one or more than one students are in the lab.
- Food and water MUST not be brought into the lab.
- Wear lab coat and gloves at all times when necessary.
- Sign on the equipment usage record sheet before using any equipment.
- Corrosive wastes must go to the corresponding bins. Do not throw solid wastes into the sink. Biological wastes containing microorganism must be autoclaved.
- Do not bring any reagents, disposables, or other equipments outside the lab.
- Wash hands after each lab session.
Besides, our labs have safety signs, posters as reminders to team members who participates lab activities.
We have signs which remind team members to remove their gloves before leaving the lab.
Our lab in Tsinghua University has stricter rules concerning emergency evacuation, lab safety coordination, and biosafety levels. ⬅️↙️⬇️