Team:Concordia

From 2014.igem.org

(Difference between revisions)
(Undo revision 363846 by Amitmalhotra (talk))
 
(118 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Template:Team:Concordia/CSS}}
 +
 
 +
<html id="landing">
<head>
<head>
-
 
-
 
<meta charset="utf-8"/>
<meta charset="utf-8"/>
-
<title>iGEM Concordia</title>
+
<title>iGEM Concordia 2014</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
-
<link href="css/default.css" rel="stylesheet" />
+
</head>
 +
<body>
 +
<div id="igemnavbar">
 +
      <div id="backtoigem"><p><a href="https://2014.igem.org/">Back to iGEM HQ <img src="https://static.igem.org/mediawiki/parts/4/49/Tiniestigemlogoconcordia.png"/></a></p></div>
 +
</div>
 +
</body>
 +
<div id="landingbg">
 +
  <img src="https://static.igem.org/mediawiki/parts/3/3d/Kjhglujfkgfkhgkhgfvlutgfky.png" alt="">
 +
</div>
 +
<div id="landinglogo">
 +
<h1><a href="https://2014.igem.org/Team:Concordia">iGEM Concordia 2014</a></h1>
 +
<p><a href="https://2014.igem.org/Team:Concordia">Clean Green Lipid Machines: Synthetic Biology Tools for Microalgae</a></p>
 +
</div>
 +
<div id="menu">
 +
  <ul class="outerul">
 +
      <li class="outerli"><a id="maintab" class="outera" href="https://2014.igem.org/Team:Concordia">Homepage</a></li>
 +
      <li class="outerli"><a class="outera" href="https://2014.igem.org/Team:Concordia/Project">The Project</a>
 +
        <ul class="innerul">
 +
        <li class="innerli"><a class="innera" href="https://2014.igem.org/Team:Concordia/Project/Sustainability">Sustainability</a></li>
 +
        <li class="innerli"><a class="innera" href="https://2014.igem.org/Team:Concordia/Project/Introduction">Introduction</a></li>
 +
        <li class="innerli"><a class="innera" href="https://2014.igem.org/Team:Concordia/Project/Microalgae">Microalgae</a></li>
 +
        <li class="innerli"><a class="innera" href="https://2014.igem.org/Team:Concordia/Project/Toolkit">Toolkit</a></li>
 +
        </ul>
 +
      </li>
 +
      <li class="outerli"><a class="outera" href="https://2014.igem.org/Team:Concordia/Parts">The Parts</a></li>
 +
      <li class="outerli"><a class="outera" href="https://2014.igem.org/Team:Concordia/Notebook">The Notebook</a></li>
 +
      <li class="outerli"><a class="outera" href="https://2014.igem.org/Team:Concordia/HumanPractices">Policy & Practice</a></li>
 +
      <li class="outerli"><a class="outera" href="https://2014.igem.org/Team:Concordia/Safety">Safety</a></li>
 +
      <li class="outerli"><a class="outera" href="https://2014.igem.org/Team:Concordia/Attributions">Attributions</a></li>
 +
      <li class="outerli"><a class="outera" href="https://2014.igem.org/Team:Concordia/Team">The Team</a>
 +
        <ul class="innerul">
 +
        <li class="innerli"><a class="innera" href="https://2014.igem.org/Team:Concordia/Team">Team Members</a></li>
 +
        <li class="innerli"><a class="innera" href="https://igem.org/Team.cgi?id=1547" target="_blank">iGEM Team Profile</a></li>
 +
        </ul>
 +
      </li>
 +
  </ul>
 +
</div>
Line 20: Line 56:
 +
<!--
 +
<img id="landing"
 +
style="background: no-repeat center center fixed !important;
 +
-webkit-background-size: cover !important;
 +
-moz-background-size: cover!important;
 +
-o-background-size: cover !important;
 +
background-size: cover !important;
 +
width: 100% !important;
 +
position: relative !important;
 +
top: -20px !important;
 +
z-index: -1 !important;"
 +
src="https://static.igem.org/mediawiki/parts/a/ac/Jkhkljkjground.png" />
 +
-->
-
 
+
</body>
-
 
+
-
 
+
-
<style type="text/css">
+
-
 
+
-
/*Fix Wiki Default CSS*/
+
-
 
+
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;};
+
-
 
+
-
#top-section {
+
-
border: 0 none;
+
-
height: 14px;
+
-
z-index: 100;
+
-
top: 0;
+
-
position: fixed;
+
-
width: 975px;
+
-
left: 50%;
+
-
margin-left: -487px;
+
-
}
+
-
 
+
-
#globalWrapper, #content {
+
-
width: 100%;
+
-
height: 100%;
+
-
border: 0px;
+
-
background-color: transparent;
+
-
margin: 0px;
+
-
padding: 0px;
+
-
}
+
-
 
+
-
html, body, .wrapper {
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: transparent;
+
-
}
+
-
 
+
-
/*Main Page and Generic Header + Body *****************************************/
+
-
 
+
-
body {
+
-
background: #3b8b5a;
+
-
font-family: 'Ubuntu', sans-serif;
+
-
font-size: 12pt;
+
-
color: rgba(0,0,0,0.55);
+
-
text-align: center;
+
-
}
+
-
 
+
-
h1, h2, h3 {
+
-
color: #414141;
+
-
}
+
-
 
+
-
p {
+
-
line-height: 180%;
+
-
}
+
-
 
+
-
ul {
+
-
list-style: none;
+
-
}
+
-
 
+
-
a {
+
-
color: #3b8b5a;
+
-
}
+
-
 
+
-
a:hover {
+
-
text-decoration: none;
+
-
}
+
-
+
-
#header {
+
-
overflow: hidden;
+
-
background: #3b8b5a;
+
-
background: -moz-radial-gradient(#3b8b5a,#002212);
+
-
background: -webkit-gradient(#3b8b5a,#002212);
+
-
background: radial-gradient(#3b8b5a,#002212);
+
-
text-align: center;
+
-
margin: 0px auto;
+
-
width: 100%;
+
-
display: block;
+
-
min-width: 60em;
+
-
}
+
-
 
+
-
#logo {
+
-
padding-top: 1em;
+
-
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+
-
}
+
-
 
+
-
#logo h1 {
+
-
padding-top: 0.50em;
+
-
font-size: 5em;
+
-
}
+
-
 
+
-
#logo a {
+
-
text-decoration: none;
+
-
color: #FFF;
+
-
}
+
-
 
+
-
#logo p {
+
-
color: #FFF;
+
-
font-size: 3em;
+
-
position: relative;
+
-
top: -0.5em;
+
-
}
+
-
 
+
-
#menu {
+
-
height: 70px;
+
-
min-width: 60em;
+
-
}
+
-
 
+
-
#menu ul {
+
-
display: inline-block;
+
-
text-align: center;
+
-
position: relative;
+
-
right: 1.3em;
+
-
}
+
-
 
+
-
#menu li {
+
-
display: inline-block;
+
-
padding: 0em 0.5em;
+
-
}
+
-
 
+
-
#menu li a {
+
-
display: inline-block;
+
-
text-transform: uppercase;
+
-
line-height: 60px;
+
-
color: #FFF;
+
-
padding: 0em 4.5em;
+
-
text-decoration: none;
+
-
font-size: 1em;
+
-
font-weight: 700;
+
-
}
+
-
 
+
-
#menu li:hover a, #menu li#maintab a {
+
-
background: #FFF;
+
-
border-radius: 7px 7px 0px 0px;
+
-
color: #3b8b5a;
+
-
}
+
-
 
+
-
#wrapper
+
-
{
+
-
overflow: hidden;
+
-
background: #FFF;
+
-
padding: 3em 150px 2em 150px;
+
-
min-width: 42em;
+
-
}
+
-
 
+
-
#mainbody {
+
-
margin-bottom: 3.5em;
+
-
}
+
-
+
-
#mainbody h2 {
+
-
font-size: 2.5em;
+
-
margin-bottom: 1em;
+
-
}
+
-
 
+
-
#mainbody p {
+
-
font-size: 1.3em;
+
-
}
+
-
 
+
-
#mainbody img {
+
-
max-height: 350px;
+
-
}
+
-
 
+
-
#social {
+
-
position: relative;
+
-
top: -2em;
+
-
}
+
-
 
+
-
#social span {
+
-
padding: 0em 1.8em;
+
-
}
+
-
 
+
-
/*Team Page *******************************************************************/
+
-
 
+
-
.biorow1 {
+
-
height: 300px;
+
-
}
+
-
 
+
-
.biorow1 img {
+
-
float: left;
+
-
border: 2px solid rgba(0,0,0,0.55);
+
-
border-radius: 999px;
+
-
height: 300px;
+
-
width: 300px;
+
-
margin-right: 1em;
+
-
}
+
-
 
+
-
.biorow1 p {
+
-
padding: 0em 0em;
+
-
margin: 0em 0em;
+
-
line-height: 120%;
+
-
position: relative;
+
-
bottom: 0.8em;
+
-
text-align: center;
+
-
}
+
-
 
+
-
.biorow2 {
+
-
height: 300px;
+
-
}
+
-
 
+
-
.biorow2 img {
+
-
float: right;
+
-
border: 2px solid rgba(0,0,0,0.55);
+
-
border-radius: 999px;
+
-
height: 300px;
+
-
width: 300px;
+
-
margin-left: 1em;
+
-
}
+
-
 
+
-
.biorow2 p {
+
-
padding: 0em 0em;
+
-
margin: 0em 0em;
+
-
line-height: 120%;
+
-
position: relative;
+
-
bottom: 0.8em;
+
-
text-align: center;
+
-
}
+
-
 
+
-
/*Project Page *******************************************************************/
+
-
.projectdescription {
+
-
text-align: justify;
+
-
}
+
-
 
+
-
.projectdescription img {
+
-
border: 2px solid rgba(0,0,0,0.55);
+
-
border-radius: 10px;
+
-
display: block;
+
-
margin:0 auto !important;
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
-
 
+
-
/* ==========================================================================
+
-
  HTML5 display definitions
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* Corrects `block` display not defined in IE 8/9.
+
-
*/
+
-
 
+
-
article,
+
-
aside,
+
-
details,
+
-
figcaption,
+
-
figure,
+
-
footer,
+
-
header,
+
-
hgroup,
+
-
nav,
+
-
section,
+
-
summary {
+
-
    display: block;
+
-
}
+
-
 
+
-
/*
+
-
* Corrects `inline-block` display not defined in IE 8/9.
+
-
*/
+
-
 
+
-
audio,
+
-
canvas,
+
-
video {
+
-
    display: inline-block;
+
-
}
+
-
 
+
-
/*
+
-
* Prevents modern browsers from displaying `audio` without controls.
+
-
* Remove excess height in iOS 5 devices.
+
-
*/
+
-
 
+
-
audio:not([controls]) {
+
-
    display: none;
+
-
    height: 0;
+
-
}
+
-
 
+
-
/*
+
-
* Addresses styling for `hidden` attribute not present in IE 8/9.
+
-
*/
+
-
 
+
-
[hidden] {
+
-
    display: none;
+
-
}
+
-
 
+
-
/* ==========================================================================
+
-
  Base
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* 1. Sets default font family to sans-serif.
+
-
* 2. Prevents iOS text size adjust after orientation change, without disabling
+
-
*    user zoom.
+
-
*/
+
-
 
+
-
html {
+
-
    font-family: sans-serif; /* 1 */
+
-
    -webkit-text-size-adjust: 100%; /* 2 */
+
-
    -ms-text-size-adjust: 100%; /* 2 */
+
-
}
+
-
 
+
-
/*
+
-
* Removes default margin.
+
-
*/
+
-
 
+
-
body {
+
-
    margin: 0;
+
-
}
+
-
 
+
-
/* ==========================================================================
+
-
  Links
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* Addresses `outline` inconsistency between Chrome and other browsers.
+
-
*/
+
-
 
+
-
a:focus {
+
-
    outline: thin dotted;
+
-
}
+
-
 
+
-
/*
+
-
* Improves readability when focused and also mouse hovered in all browsers.
+
-
*/
+
-
 
+
-
a:active,
+
-
a:hover {
+
-
    outline: 0;
+
-
}
+
-
 
+
-
/* ==========================================================================
+
-
  Typography
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+
-
* Safari 5, and Chrome.
+
-
*/
+
-
 
+
-
h1 {
+
-
    font-size: 2em;
+
-
}
+
-
 
+
-
/*
+
-
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+
-
*/
+
-
 
+
-
abbr[title] {
+
-
    border-bottom: 1px dotted;
+
-
}
+
-
 
+
-
/*
+
-
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+
-
*/
+
-
 
+
-
b,
+
-
strong {
+
-
    font-weight: bold;
+
-
}
+
-
 
+
-
/*
+
-
* Addresses styling not present in Safari 5 and Chrome.
+
-
*/
+
-
 
+
-
dfn {
+
-
    font-style: italic;
+
-
}
+
-
 
+
-
/*
+
-
* Addresses styling not present in IE 8/9.
+
-
*/
+
-
 
+
-
mark {
+
-
    background: #ff0;
+
-
    color: #000;
+
-
}
+
-
 
+
-
 
+
-
/*
+
-
* Corrects font family set oddly in Safari 5 and Chrome.
+
-
*/
+
-
 
+
-
code,
+
-
kbd,
+
-
pre,
+
-
samp {
+
-
    font-family: monospace, serif;
+
-
    font-size: 1em;
+
-
}
+
-
 
+
-
/*
+
-
* Improves readability of pre-formatted text in all browsers.
+
-
*/
+
-
 
+
-
pre {
+
-
    white-space: pre;
+
-
    white-space: pre-wrap;
+
-
    word-wrap: break-word;
+
-
}
+
-
 
+
-
/*
+
-
* Sets consistent quote types.
+
-
*/
+
-
 
+
-
q {
+
-
    quotes: "\201C" "\201D" "\2018" "\2019";
+
-
}
+
-
 
+
-
/*
+
-
* Addresses inconsistent and variable font size in all browsers.
+
-
*/
+
-
 
+
-
small {
+
-
    font-size: 80%;
+
-
}
+
-
 
+
-
/*
+
-
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
+
-
*/
+
-
 
+
-
sub,
+
-
sup {
+
-
    font-size: 75%;
+
-
    line-height: 0;
+
-
    position: relative;
+
-
    vertical-align: baseline;
+
-
}
+
-
 
+
-
sup {
+
-
    top: -0.5em;
+
-
}
+
-
 
+
-
sub {
+
-
    bottom: -0.25em;
+
-
}
+
-
 
+
-
/* ==========================================================================
+
-
  Embedded content
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* Removes border when inside `a` element in IE 8/9.
+
-
*/
+
-
 
+
-
img {
+
-
    border: 0;
+
-
}
+
-
 
+
-
/*
+
-
* Corrects overflow displayed oddly in IE 9.
+
-
*/
+
-
 
+
-
svg:not(:root) {
+
-
    overflow: hidden;
+
-
}
+
-
 
+
-
/* ==========================================================================
+
-
  Figures
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* Addresses margin not present in IE 8/9 and Safari 5.
+
-
*/
+
-
 
+
-
figure {
+
-
    margin: 0;
+
-
}
+
-
 
+
-
/* ==========================================================================
+
-
  Forms
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* Define consistent border, margin, and padding.
+
-
*/
+
-
 
+
-
fieldset {
+
-
    border: 1px solid #c0c0c0;
+
-
    margin: 0 2px;
+
-
    padding: 0.35em 0.625em 0.75em;
+
-
}
+
-
 
+
-
/*
+
-
* 1. Corrects color not being inherited in IE 8/9.
+
-
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
+
-
*/
+
-
 
+
-
legend {
+
-
    border: 0; /* 1 */
+
-
    padding: 0; /* 2 */
+
-
}
+
-
 
+
-
/*
+
-
* 1. Corrects font family not being inherited in all browsers.
+
-
* 2. Corrects font size not being inherited in all browsers.
+
-
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+
-
*/
+
-
 
+
-
button,
+
-
input,
+
-
select,
+
-
textarea {
+
-
    font-family: inherit; /* 1 */
+
-
    font-size: 100%; /* 2 */
+
-
    margin: 0; /* 3 */
+
-
}
+
-
 
+
-
/*
+
-
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+
-
* the UA stylesheet.
+
-
*/
+
-
 
+
-
button,
+
-
input {
+
-
    line-height: normal;
+
-
}
+
-
 
+
-
/*
+
-
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+
-
*    and `video` controls.
+
-
* 2. Corrects inability to style clickable `input` types in iOS.
+
-
* 3. Improves usability and consistency of cursor style between image-type
+
-
*    `input` and others.
+
-
*/
+
-
 
+
-
button,
+
-
html input[type="button"], /* 1 */
+
-
input[type="reset"],
+
-
input[type="submit"] {
+
-
    -webkit-appearance: button; /* 2 */
+
-
    cursor: pointer; /* 3 */
+
-
}
+
-
 
+
-
/*
+
-
* Re-set default cursor for disabled elements.
+
-
*/
+
-
 
+
-
button[disabled],
+
-
input[disabled] {
+
-
    cursor: default;
+
-
}
+
-
 
+
-
/*
+
-
* 1. Addresses box sizing set to `content-box` in IE 8/9.
+
-
* 2. Removes excess padding in IE 8/9.
+
-
*/
+
-
 
+
-
input[type="checkbox"],
+
-
input[type="radio"] {
+
-
    box-sizing: border-box; /* 1 */
+
-
    padding: 0; /* 2 */
+
-
}
+
-
 
+
-
/*
+
-
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+
-
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+
-
*    (include `-moz` to future-proof).
+
-
*/
+
-
 
+
-
input[type="search"] {
+
-
    -webkit-appearance: textfield; /* 1 */
+
-
    -moz-box-sizing: content-box;
+
-
    -webkit-box-sizing: content-box; /* 2 */
+
-
    box-sizing: content-box;
+
-
}
+
-
 
+
-
/*
+
-
* Removes inner padding and search cancel button in Safari 5 and Chrome
+
-
* on OS X.
+
-
*/
+
-
 
+
-
input[type="search"]::-webkit-search-cancel-button,
+
-
input[type="search"]::-webkit-search-decoration {
+
-
    -webkit-appearance: none;
+
-
}
+
-
 
+
-
/*
+
-
* Removes inner padding and border in Firefox 4+.
+
-
*/
+
-
 
+
-
button::-moz-focus-inner,
+
-
input::-moz-focus-inner {
+
-
    border: 0;
+
-
    padding: 0;
+
-
}
+
-
 
+
-
/*
+
-
* 1. Removes default vertical scrollbar in IE 8/9.
+
-
* 2. Improves readability and alignment in all browsers.
+
-
*/
+
-
 
+
-
textarea {
+
-
    overflow: auto; /* 1 */
+
-
    vertical-align: top; /* 2 */
+
-
}
+
-
 
+
-
/* ==========================================================================
+
-
  Tables
+
-
  ========================================================================== */
+
-
 
+
-
/*
+
-
* Remove most spacing between table cells.
+
-
*/
+
-
 
+
-
table {
+
-
    border-collapse: collapse;
+
-
    border-spacing: 0;
+
-
}
+
-
</style>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</head>
+
-
<body>
+
-
<div id="header">
+
-
<div id="logo">
+
-
<h1><a href="index.html">iGEM Concordia 2014</a></h1>
+
-
<p><a href="index.html">Clean Green Lipid Machine</a></p>
+
-
</div>
+
-
<div id="menu">
+
-
<ul>
+
-
<li id="maintab"><a href="index.html">Homepage</a></li>
+
-
<li><a href="Project/index.html">The Project</a></li>
+
-
<li><a href="Team/index.html">The Team</a></li>
+
-
</ul>
+
-
</div>
+
-
</div>
+
-
 
+
-
<div id="wrapper">
+
-
<div id="mainbody">
+
-
  <h2>iGEM Concordia's Finished Wiki is Coming Soon.</h2>
+
-
  <p>We're working on our awesome wiki at the moment, but in the meantime, make sure you learn about our <a href="Project/index.html">project</a> and our <a href="Team/index.html">hardworking team</a>.</p>
+
-
 
+
-
 
+
-
  <img src="img/logo.png">
+
-
  <br/>
+
-
 
+
-
  <p>Stay in touch with the iGEM Concordia 2014 team:</p>
+
-
</div>
+
-
<div id="social">
+
-
<span><a href="https://www.facebook.com/iGEMConcordia" target="_blank"><img src="img/facebook.png"></a></span>
+
-
<span><a href="https://twitter.com/iGEMConcordia" target="_blank"><img src="img/twitter.png"></a></span>
+
-
<span><a href="mailto:igem.concordia@gmail.com" target="_blank"><img src="img/email.png"></a></span>
+
-
</div>
+
-
</div>
+
</html>
</html>

Latest revision as of 22:57, 17 October 2014

iGEM Concordia 2014