Team:Concordia

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
-
<style type="text/css">
 
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-
 
-
logo, .printfooter, .firstHeading,.visualClear {display:
+
<meta charset="utf-8"/>
 +
<title>iGEM Concordia</title>
 +
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
 +
<link href="css/default.css" rel="stylesheet" />
-
none;} /*-- hides default wiki settings --*/
 
-
#top-section { /*-- styling for default menu bar (edit, page,
 
-
history, etc.) --*/
+
 
-
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<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;
border: 0 none;
height: 14px;
height: 14px;
Line 22: Line 41:
}
}
-
#globalWrapper, #content { /*-- changes default wiki settings
+
#globalWrapper, #content {
-
 
+
-
--*/
+
width: 100%;  
width: 100%;  
height: 100%;
height: 100%;
Line 33: Line 50:
}
}
-
html, body, .wrapper { /*-- changes default wiki settings --
+
html, body, .wrapper {
-
 
+
-
*/
+
width: 100%;  
width: 100%;  
height: 100%;  
height: 100%;  
background-color: transparent;
background-color: transparent;
}
}
-
</style>
 
-
<!--  here ends the section that changes the default wiki
 
-
template to a white full width background -->
+
/*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;
 +
}
-
<!-- beginning of your page -->
+
h1, h2, h3 {
 +
color: #414141;
 +
}
-
<div id="contentcontainer">
+
p {
 +
line-height: 180%;
 +
}
 +
ul {
 +
list-style: none;
 +
}
-
<!-- this table contains the navigation bar -->
+
a {
-
<table  width="975px" align="center">
+
color: #3b8b5a;
-
<tr> <td colspan="10" heigth="155px"> </td></tr>
+
}
-
<br>
+
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;
 +
}
-
<tr>
+
#logo {
-
<!--  
+
padding-top: 1em;
-
<!-- beginning of your page -->
+
text-shadow: 4px 4px 10px #46a76b, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
 +
}
-
<div id="contentcontainer">
+
#logo h1 {
 +
padding-top: 0.50em;
 +
font-size: 5em;
 +
}
 +
#logo a {
 +
text-decoration: none;
 +
color: #FFF;
 +
}
-
<!-- this table contains the navigation bar -->
+
#logo p {
-
<table  width="975px" align="center">
+
color: #FFF;
-
<tr> <td colspan="10" heigth="155px"> </td></tr>
+
font-size: 3em;
 +
position: relative;
 +
top: -0.5em;
 +
}
-
<br>
+
#menu {
 +
height: 70px;
 +
min-width: 60em;
 +
}
-
<tr>
+
#menu ul {
-
<!--  
+
display: inline-block;
-
**************Navigation bar**************
+
text-align: center;
-
Each cell represents a button,
+
position: relative;
-
1.-  first row defines the borders outside each box, how the
+
right: 1.3em;
 +
}
-
text is aligned and the height
+
#menu li {
-
2.- second row defines the color, here you can change the
+
display: inline-block;
 +
padding: 0em 0.5em;
 +
}
-
color by modifying the hex code
+
#menu li a {
-
3.- third row is where you place the link to where you want
+
display: inline-block;
 +
text-transform: uppercase;
 +
line-height: 60px;
 +
color: #FFF;
 +
padding: 0em 4.5em;
 +
text-decoration: none;
 +
font-size: 1em;
 +
font-weight: 700;
 +
}
-
that button to take you
+
#menu li:hover a, #menu li#maintab a {
-
4.- fourth row you define the color of the text inside the
+
background: #FFF;
 +
border-radius: 7px 7px 0px 0px;
 +
color: #3b8b5a;
 +
}
-
button and the content of it
+
#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;
 +
}
-
<td style="border:1px solid black;" align="center" height
+
#mainbody p {
 +
font-size: 1.3em;
 +
}
-
="45px"
+
#mainbody img {
-
onMouseOver="this.bgColor='#d3d3d3'"
+
max-height: 350px;
 +
}
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#social {
-
<a href="https://2014.igem.org/WikitemplateA_home"
+
position: relative;
-
style="color:#000000">Home </a> </td>
+
top: -2em;
 +
}
-
<td style="border:1px solid black;" align="center" height
+
#social span {
 +
padding: 0em 1.8em;
 +
}
-
="45px"
+
/*Team Page *******************************************************************/
-
onMouseOver="this.bgColor='#d3d3d3'"
+
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.biorow1 {
-
<a href="https://2014.igem.org/WikitemplateA_team"
+
height: 300px;
-
style="color:#000000"> Team </a> </td>
+
}
 +
 
 +
.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>
-
<td style="border:1px solid black;" align="center"  height
 
-
="45px" 
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style="color:#000000"> Official Team Profile </a></td>
 
-
<td style="border:1px solid black" align="center"  height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/WikitemplateA_project"
 
-
style="color:#000000"> Project</a></td>
 
-
<td style="border:1px solid black;" align="center"  height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/WikitemplateA_parts"
 
-
style="color:#000000"> Parts</a></td>
 
-
<td style="border:1px solid black;" align="center" height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style="color:#000000"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href=""
 
-
style="color:#000000"> Notebook</a></td>
 
-
<td style="border:1px solid black;" align="center"  height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style=" color:#000000"> Safety </a></td>
 
-
<td style="border:1px solid black;" align="center"  height
 
-
="45px"
 
-
onMouseOver="this.bgColor='#d3d3d3'"
 
-
onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href=""
 
-
style="color:#000000"> Attributions </a></td>
 
Line 174: Line 670:
-
<head>
 
-
<meta charset="utf-8"/>
 
-
<title>iGEM Concordia</title>
 
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
 
-
<link href="https://2014.igem.org/Team:Concordia/css.default.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 
</head>
</head>
<body>
<body>
Line 212: Line 703:
</div>
</div>
</div>
</div>
 +
</html>

Revision as of 17:44, 12 August 2014

iGEM Concordia

iGEM Concordia's Finished Wiki is Coming Soon.

We're working on our awesome wiki at the moment, but in the meantime, make sure you learn about our project and our hardworking team.


Stay in touch with the iGEM Concordia 2014 team:

Retrieved from "http://2014.igem.org/Team:Concordia"