Team:York

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html><head>
<html><head>
-
 
+
<link href="https://2014.igem.org/Team:York/Template.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet">
-
<style>
+
<link href="https://2014.igem.org/Team:York/ImageGallery.css?action=raw&amp;ctype=text/css" type="text/css" rel="stylesheet">
-
/***
+
</head>
-
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
+
-
 
+
-
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code!
+
-
Check out their wikis at:
+
-
https://2011.igem.org/Team:Brown-Stanford,https://2012.igem.org/Team:Lethbridge
+
-
***/
+
-
 
+
-
#globalWrapper {
+
-
        background-color: #42A7EA;
+
-
}
+
-
 
+
-
#content {
+
-
        background-color: #42A7EA;
+
-
}
+
-
 
+
-
 
+
-
#content h1.firstHeading {
+
-
visibility:hidden;
+
-
}
+
-
 
+
-
#content{
+
-
border-left: 0px solid rgb(68, 68, 68);
+
-
border-right: 0px solid rgb(68, 68, 68);
+
-
        width: 1000px;
+
-
}
+
-
 
+
-
#bodyContent{
+
-
        margin: 0 auto;
+
-
margin-top: 0px;
+
-
        width: 1000px;
+
-
        font-size: 14px;
+
-
        -webkit-font-smoothing: antialiased !important;
+
-
}
+
-
 
+
-
#p-logo {
+
-
display: none;
+
-
}
+
-
#searchform {
+
-
    display: none;
+
-
}
+
-
 
+
-
.left-menu {
+
-
background-color: #555;
+
-
+
-
}
+
-
.left-menu a {
+
-
    color: #000;
+
-
}
+
-
 
+
-
#top-section{ /*the div containing the entire top bar*/
+
-
height: 20px;
+
-
margin-bottom: 0px !important;
+
-
border: none;
+
-
        width: 1277px;
+
-
}
+
-
 
+
-
 
+
-
#container{
+
-
margin-top: 0px;
+
-
        height: inherit;
+
-
}
+
-
 
+
-
#search-controls {
+
-
overflow:hidden;
+
-
display:none;
+
-
background: none;
+
-
position: absolute;
+
-
top: 170px;
+
-
right: 40px;
+
-
}
+
-
 
+
-
 
+
-
#header {
+
-
width: 1277px;
+
-
text-align: left;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
    margin-top: 5px;
+
-
margin-bottom: 0px !important;
+
-
}
+
-
 
+
-
#global-banner {
+
-
margin-bottom: 1px;
+
-
}
+
-
 
+
-
#menubar {
+
-
position: absolute;
+
-
background: none;
+
-
color: black;
+
-
}
+
-
 
+
-
.left-menu, .right-menu{
+
-
position: absolute;
+
-
background: none;
+
-
color: black;
+
-
}
+
-
 
+
-
.left-menu li a, .right-menu li a {
+
-
color: #000 !important;
+
-
}
+
-
 
+
-
 
+
-
.left-menu ul li, .right-menu ul li a{
+
-
background: none;
+
-
color: #000 !important;
+
-
}
+
-
 
+
-
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
+
-
    color: #000 !important;
+
-
}
+
-
 
+
-
#catlinks{
+
-
display:none;
+
-
}
+
-
 
+
-
/*important for background colours*/
+
-
.mediawiki{
+
-
background: #ffffff;
+
-
}
+
-
 
+
-
#footer-box {
+
-
        width: 1000px;
+
-
        margin-top: 20px;
+
-
        border-color: lightgrey;
+
-
}
+
-
     
+
-
#footer-box a {
+
-
        color: lightgrey;
+
-
      }
+
-
     
+
-
#footer-box img {
+
-
        opacity: 0.6;
+
-
      }
+
-
/* END MINIMAL HEADER */
+
-
#container {
+
-
width: 1000px;
+
-
height: inherit;
+
-
background-color: #42A7EA;
+
-
}
+
-
 
+
-
#header {
+
-
border: 0px solid;
+
-
border-color: black;
+
-
border-top-left-radius: 0px;      /*To be changed later. Logo background is white and not transparent which causes an overlap. Was 25px earlier */
+
-
border-top-right-radius: 0px;
+
-
width: 1000px;
+
-
height: 30px;
+
-
}
+
-
 
+
-
#navmenu {
+
-
margin-top: 23px;
+
-
margin-left: 75px;
+
-
width: 1000px;
+
-
height: 21px;
+
-
background-color: DarkBlue;
+
-
border: 2px solid;
+
-
border-top-right-radius: 11px;
+
-
border-bottom-right-radius: 10px;
+
-
}
+
-
 
+
-
ul.yorknav {
+
-
list-style-type: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
li.yorknav {
+
-
float: right;
+
-
display: block;
+
-
margin-left: auto;
+
-
margin-right: auto;
+
-
width: 170px;
+
-
text-align: center;
+
-
background-color: DarkBlue;
+
-
}
+
-
 
+
-
a.yorknav {
+
-
width: 111px;
+
-
}
+
-
 
+
-
a.yorknav:link{
+
-
font-weight: bold;
+
-
color: White;
+
-
padding: 0px;
+
-
text-transform: uppercase;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
a.yorknav:visited{
+
-
font-weight: bold;
+
-
color: White;
+
-
padding: 0px;
+
-
text-transform: uppercase;
+
-
}
+
-
 
+
-
li.yorknav{
+
-
border-top-right-radius: 5px;
+
-
border-top-left-radius: 5px;
+
-
border-bottom-right-radius: 5px;
+
-
border-bottom-left-radius: 5px;
+
-
}
+
-
 
+
-
#Sponsors:hover {
+
-
background-color: darkred;
+
-
}
+
-
#HumanPractice:hover {
+
-
background-color: purple;
+
-
}
+
-
#Project:hover {
+
-
background-color: #477519;
+
-
}
+
-
#Team:hover {
+
-
background-color: orangered;
+
-
}
+
-
#Home:hover {
+
-
background-color: teal;
+
-
}
+
-
 
+
-
#contently {
+
-
border: 2px solid;
+
-
border-color: black;
+
-
border-bottom-left-radius: 25px;
+
-
border-bottom-right-radius: 25px;
+
-
border-top-left-radius: 25px;
+
-
border-top-right-radius: 25px;
+
-
width: 1000px;
+
-
background-color: #FCFCE0;
+
-
}
+
-
 
+
-
#actualcontent {
+
-
width: 900px;
+
-
padding: 50px;
+
-
font-size: 16px;
+
-
}
+
-
 
+
-
</style>
+
-
<style>
+
-
.css-slideshow {
+
-
position: relative;
+
-
max-width: 495px;
+
-
height: 370px;
+
-
margin-left: 100px;
+
-
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
font-weight: 300;
+
-
}
+
-
.css-slideshow figure {
+
-
margin: 0;
+
-
max-width: 495px;
+
-
background: #fff;
+
-
position: absolute;
+
-
}
+
-
.css-slideshow img {
+
-
-webkit-box-shadow: 0 0 2px #666;
+
-
box-shadow: 0 0 2px #666;
+
-
}
+
-
.css-slideshow figcaption {
+
-
position: absolute;
+
-
top: 5px;
+
-
color: #fff;
+
-
background: rgba(0,0,0, .3);
+
-
font-size: .8em;
+
-
padding: 8px 12px;
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
-webkit-transition: opacity .5s;
+
-
-moz-transition: opacity .5s;
+
-
-o-transition: opacity .5s;
+
-
-ms-transition: opacity .5s;
+
-
transition: opacity .5s;
+
-
}
+
-
.css-slideshow:hover figure figcaption {
+
-
-webkit-transition: opacity .5s;
+
-
-moz-transition: opacity .5s;
+
-
-o-transition: opacity .5s;
+
-
-ms-transition: opacity .5s;
+
-
transition: opacity .5s;
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
.css-slideshow-attr {
+
-
max-width: 530px;
+
-
text-align: right;
+
-
font-size: .7em;
+
-
font-style: italic;
+
-
}
+
-
.css-slideshow-attr a {
+
-
color: #666;
+
-
}
+
-
.css-slideshow figure:nth-child(1),.css-slideshow figure:nth-child(2),.css-slideshow figure:nth-child(3),.css-slideshow figure:nth-child(4),.css-slideshow figure:nth-child(5),.css-slideshow figure:nth-child(6),.css-slideshow figure:nth-child(7) {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
.css-slideshow figure:nth-child(1) {
+
-
-webkit-animation: xfade 48s 42s 5;
+
-
-moz-animation: xfade 48s 42s 5;
+
-
-ms-animation: xfade 48s 42s infinite;
+
-
-o-animation: xfade 48s 42s infinite;
+
-
animation: xfade 48s 42s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(2) {
+
-
-webkit-animation: xfade 48s 36s infinite;
+
-
-moz-animation: xfade 48s 36s infinite;
+
-
-ms-animation: xfade 48s 36s infinite;
+
-
-o-animation: xfade 48s 36s infinite;
+
-
animation: xfade 48s 36s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(3) {
+
-
-webkit-animation: xfade 48s 30s infinite;
+
-
-moz-animation: xfade 48s 30s infinite;
+
-
-ms-animation: xfade 48s 30s infinite;
+
-
-o-animation: xfade 48s 30s infinite;
+
-
animation: xfade 48s 30s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(4) {
+
-
-webkit-animation: xfade 48s 24s infinite;
+
-
-moz-animation: xfade 48s 24s infinite;
+
-
-ms-animation: xfade 48s 24s infinite;
+
-
-o-animation: xfade 48s 24s infinite;
+
-
animation: xfade 48s 24s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(5) {
+
-
-webkit-animation: xfade 48s 18s infinite;
+
-
-moz-animation: xfade 48s 18s infinite;
+
-
-ms-animation: xfade 48s 18s infinite;
+
-
-o-animation: xfade 48s 18s infinite;
+
-
animation: xfade 48s 18s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(6) {
+
-
-webkit-animation: xfade 48s 12s infinite;
+
-
-moz-animation: xfade 48s 12s infinite;
+
-
-ms-animation: xfade 48s 12s infinite;
+
-
-o-animation: xfade 48s 12s infinite;
+
-
animation: xfade 48s 12s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(7) {
+
-
-webkit-animation: xfade 48s 6s infinite;
+
-
-moz-animation: xfade 48s 6s infinite;
+
-
-ms-animation: xfade 48s 6s infinite;
+
-
-o-animation: xfade 48s 6s infinite;
+
-
animation: xfade 48s 6s infinite;
+
-
}
+
-
.css-slideshow figure:nth-child(8) {
+
-
-webkit-animation: xfade 48s 0s infinite;
+
-
-moz-animation: xfade 48s 0s infinite;
+
-
-ms-animation: xfade 48s 0s infinite;
+
-
-o-animation: xfade 48s 0s infinite;
+
-
animation: xfade 48s 0s infinite;
+
-
}
+
-
@keyframes "xfade" {
+
-
0% {
+
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-moz-keyframes xfade {
+
-
0% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-webkit-keyframes "xfade" {
+
-
0% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-ms-keyframes "xfade" {
+
-
0% {
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
@-o-keyframes "xfade" {
+
-
0% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
14.67% {
+
-
filter: alpha(opacity=100);
+
-
opacity: 1;
+
-
}
+
-
16.67% {
+
-
filter: alpha(opacity=0);
+
-
opacity: 0;
+
-
}
+
-
98% {
+
-
  filter: alpha(opacity=0);
+
-
  opacity: 0;
+
-
}
+
-
100% {
+
-
  filter: alpha(opacity=100);
+
-
  opacity: 1;
+
-
}
+
-
}
+
-
</style></head>
+
<body>
<body>

Revision as of 10:38, 28 August 2014

class-header-css3
The York iGEM Team in Labs
class-header-semantics
class-header-offline
class-header-device
class-header-connectivity
class-header-multimedia
class-header-3d
class-header-performance

Hello there! We're the 2014 iGEM team for the University of York, UK. In just 50 years, the University has become one of the top in the UK. We think this is because of its passion and dedication towards each of its subjects; something we share! Our team is made up of 20 undergraduates from a range of disciplines, as well as our two supervisors.

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