"

From 2014.igem.org

Revision as of 03:01, 20 August 2014 (view source) Evolver (Talk | contribs) ← Older edit		Revision as of 23:55, 19 September 2014 (view source) Lankrist (Talk | contribs) (changed css sheet) Newer edit →
Line 2:		Line 2:
-	{{CSS/Main}}	+	{{CSS/ProtoCat}}

---

Revision as of 23:55, 19 September 2014

/* Theme Name: 1stwebdesigner HTML5/CSS3 Layout Date: March 2013 Description: Basic HTML5/CSS3 layout built on a responsive framework Version: 1.0 Author: Christian Vasile Author URL: http://christianvasile.com

• /

/* ===========================

  ======= Body style ======== 
  =========================== */
  

body { background-image: url('img/bg.png'); color: black; font-size: 87.5%; /* Base font size: 14px */ font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; line-height: 1.429; margin: 0; padding: 0; text-align: left; }

.body { clear: both; margin: 0 auto; width: 70%; }

/* ===========================

  ========= Headings ======== 
  =========================== */

h2 {font-size: 1.571em} /* 22px */ h3 {font-size: 1.429em} /* 20px */ h4 {font-size: 1.286em} /* 18px */ h5 {font-size: 1.143em} /* 16px */ h6 {font-size: 1em} /* 14px */

h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; margin-bottom: .8em; color: black; }

/* ===========================

  ======= Anchor style ====== 
  =========================== */

a { outline: 0; }

a:link, a:visited { color: black; padding: 0 1px; text-decoration: none; }

a:hover, a:active { background-color: #B9D3E3; color: #fff; text-decoration: none; }

/* ===========================

  ===== Main Navigation ===== 
  =========================== */

.mainHeader h1 { font-size: 400%; text-align: center; float: none; margin: 3% 0 3% 0; color: #4682B4; }

.mainHeader nav { background: #4682B4; font-size: 1.143em; height: 40px; line-height: 30px; margin: 0 auto 30px auto; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.mainHeader nav ul { list-style: none; margin: 0 auto; }

.mainHeader nav ul li { float: left; display: inline; }

.mainHeader nav a:link, .mainHeader nav a:visited { text-transform: uppercase; color: #FFFFFF; display: inline-block; height: 30px; padding: 5px 23px; text-decoration: none; } .mainHeader nav a:hover, .mainHeader nav a:active, .mainHeader nav .active a:link, .mainHeader nav .active a:visited { background: #B9D3E3; color: #FFFFFF; text-shadow: none !important; }

.mainHeader nav li a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* ===========================

  ======= Content Area ====== 
  =========================== */

.mainContent { overflow: hidden; line-height: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; }

.mainContent img { border: 0px; text-decoration: none; float: left; width: 68%; height: auto; margin: 0 0 1% 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.topcontent { background-color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3% 5%; margin-bottom: 3%; float: left; }

.content { width: 68%; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* ===========================

  ======== Sidebar ========== 
  =========================== */

.top-sidebar { width: 22%; float: left; margin-left: 2%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; padding: 2% 3%; margin-bottom: 2%; }

.middle-sidebar { width: 22%; float: left; margin-left: 2%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; padding: 2% 3%; margin-bottom: 2%; }

.bottom-sidebar { width: 22%; float: left; margin-left: 2%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; padding: 2% 3%; }

/* ===========================

  ========= Footer ========== 
  =========================== */

.mainFooter { width: 100%; float: left; margin-top: 2%; margin-bottom: 2%; padding-left: 0; background-color: #4682B4; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; }

.mainFooter p { width: 91%; margin: 2% auto; }

/* ===========================

  ====== Media Queries ====== 
  =========================== */

@media only screen and (min-width : 150px) and (max-width : 780px) { .body { clear: both; margin: 0 auto; width: 90%; font-size: 90%; }

.mainHeader nav { background: #666; font-size: 1.143em; height: 160px; line-height: 30px; margin-bottom: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.mainHeader nav ul { list-style: none; margin: 0 auto; padding-left: 0; }

.mainHeader nav li { margin-left: 0 auto; width: 100%; }

.mainHeader nav a:link, .mainHeader nav a:visited { color: #FFF; display: block; height: 30px; padding: 5px 0; text-decoration: none; }

.mainHeader nav a:active, .mainHeader nav .active a:link, .mainHeader nav .active a:visited { background: #CF5C3F; color: #fff; text-shadow: none !important; }

.mainHeader nav li a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;

border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.mainHeader img { width: 68%; height: auto; }

.mainContent { overflow: hidden; line-height: 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top: 4%; margin-bottom: 2%; }

.topcontent { background-color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2% 5%; margin-bottom: 4%; }

.content { width: 100%; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.top-sidebar { width: 86%; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; margin-top: 4%; margin-left: 0; padding: 0 7%; margin-bottom: 0; }

.top-sidebar p { width: 90%; }

.middle-sidebar { width: 86%; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; margin-top: 4%; margin-left: 0; padding: 0 7%; margin-bottom: 0; }

.middle-sidebar p { width: 90%; }

.bottom-sidebar { width: 86%; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; margin-top: 4%; margin-left: 0%; padding: 0 7%; margin-bottom: 1%; }

.bottom-sidebar p { width: 90%; }

.mainFooter { width: 100%; float: left; margin: 2% 0; padding-left: 0; background-color: #B9D3E3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFF; }

.mainFooter p { width: 86%; margin: 2% auto; } }

WELCOME TO iGEM 2014! Your team has been approved and you are ready to start the iGEM season! On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! Click here to edit this page!
Home Team Official Team Profile Project Parts Modeling Notebook Safety Attributions
Project Description		Content
Choosing apt and reliable protocols for new experiments is a problem that productive wet labs routinely face. However, it is difficult to know in detail which protocols will produce the best results. Experimental practices may differ immensely across laboratories, and precise details of these practices may be lost or forgotten as skilled faculty or students leave the lab to pursue other endeavors. These two realities give rise to a vast number of experimental protocols of which many are left with undocumented experiential knowledge. Furthermore, no tool yet exists to allow wet lab investigators to measure and compare the efficacy of protocols before executing them forthright. Such fragmentation in protocol methods and their documentation may to some degree hamper scientific progress. From the immense number of protocols currently in use, there are few well-defined protocols that are generally agreed upon by the scientific community, in part due to the lack of a system that can supply a measure of a protocol’s acceptance compared to its variants. In turn, the lack of commonly accepted protocols and their inadequate documentation has the potential to affect experimental reproducibility through method inconsistencies across laboratories and across succession of investigators. In order to address these problems, we set out to build a database that integrates a crowdsourced ratings and comments system to clearly document, rate, elaborate, review, and organize variants of experimental protocols. Such a tool serves as a curator for protocol variants and enables wet lab investigators to compare protocol efficacies. Furthermore, the crowdsourced ratings system quantifies a protocol’s acceptance within the scientific community and can serve as a useful criterion to assist with finding and selecting from common protocols. In addition, a protocol comments system provides an avenue through which experiential knowledge can be passed along. As an extension to the protocol database, we will also develop a dynamic calculator that can run user-defined theoretical calculations for any protocol, such as limiting reagent, yield, or even the monetary cost of the materials used. The calculator further assists investigators in comparing and performing protocols. In all, these tools will help wet lab investigators to document, organize, and compare protocols to assist with scientific experimentation. References iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.		You can use these subtopics to further explain your project Overall project summary Project Details Materials and Methods The Experiments Results Data analysis Conclusions It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work. It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.