"
  • Page
  • Discussion
  • View source
  • History
  • teams
  • Log in
 

Team:Sheffield/aaa

From 2014.igem.org

(Difference between revisions)
Revision as of 13:44, 22 September 2014 (view source)
JayChin (Talk | contribs)
← Older edit
Revision as of 13:48, 22 September 2014 (view source)
JayChin (Talk | contribs)
Newer edit →
Line 4: Line 4:
<head>
<head>
<title></title>
<title></title>
-
<link href="./css/style.css" rel='stylesheet' type='text/css' />
+
<style type="text/css">
 +
/* reset */
 +
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
 +
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
 +
ol,ul{list-style:none;margin:0px;padding:0px;}
 +
blockquote,q{quotes:none;}
 +
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
 +
table{border-collapse:collapse;border-spacing:0;}
 +
/* start editing from here */
 +
a{text-decoration:none;}
 +
.txt-rt{text-align:right;}/* text align right */
 +
.txt-lt{text-align:left;}/* text align left */
 +
.txt-center{text-align:center;}/* text align center */
 +
.float-rt{float:right;}/* float right */
 +
.float-lt{float:left;}/* float left */
 +
.clear{clear:both;}/* clear float */
 +
.pos-relative{position:relative;}/* Position Relative */
 +
.pos-absolute{position:absolute;}/* Position Absolute */
 +
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
 +
.vertical-top{ vertical-align:top;}/* vertical align top */
 +
nav.vertical ul li{ display:block;}/* vertical menu */
 +
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
 +
img{max-width:100%;}
 +
/*end reset*/
 +
body{
 +
font-family: 'Open Sans', sans-serif;
 +
background:#F0EFEE;
 +
}
 +
/*---start-wrap----*/
 +
.wrap{
 +
width:80%;
 +
margin:0 auto;
 +
}
 +
/*---start-header----*/
 +
.header{
 +
background:url(../images/border.png) repeat-x 0px 0px #FFF;
 +
padding: 1.5em 0 1.2em;
 +
border-bottom: 1px solid rgba(214, 213, 212, 0.64);
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
z-index: 999;
 +
}
 +
.logo{
 +
float:left;
 +
}
 +
.logo img{
 +
display:inline-block;
 +
}
 +
.nav-icon{
 +
float: left;
 +
margin: 0.6% 2% 0 8%;
 +
width: 4.55%;
 +
}
 +
.nav-icon a span{
 +
width:48px;
 +
height:34px;
 +
display:block;
 +
background:url(../images/nav-icon.png) no-repeat 0px 0px;
 +
}
 +
.top-searchbar {
 +
float: left;
 +
width: 46%;
 +
position: relative;
 +
margin-left: 2em;
 +
}
 +
.top-searchbar input[type="text"]{
 +
margin-top: 0.55em;
 +
width: 100%;
 +
padding: 0.58em 1em;
 +
border: 1px solid #E7E7E7;
 +
transition: border-color 0.3s all;
 +
-webkit-transition: border-color 0.3s all;
 +
-moz-transition: border-color 0.3s all;
 +
-o-transition: border-color 0.3s all;
 +
outline: none;
 +
border-radius: 0.3em;
 +
-webkit-border-radius: 0.3em;
 +
-moz-border-radius: 0.3em;
 +
-o-border-radius: 0.3em;
 +
-webkit-appearance: none;
 +
font-family: 'Open Sans', sans-serif;
 +
color:#777;
 +
position:relative;
 +
}
 +
.top-searchbar input[type="text"]{
 +
background:#F7F6F6;
 +
}
 +
.top-searchbar input[type="text"]:hover{
 +
border:1px solid #DDDDDD;
 +
}
 +
.top-searchbar input[type="submit"]{
 +
position: absolute;
 +
background: url(../images/search-icon.png) no-repeat 0px 0px;
 +
height: 26px;
 +
width: 26px;
 +
display: inline-block;
 +
border: none;
 +
top: 12px;
 +
right: -22px;
 +
outline:none;
 +
cursor:pointer;
 +
}
 +
.box{
 +
position:absolute;
 +
top:-100px;
 +
width:100%;
 +
color:#7F7F7F;
 +
margin:auto;
 +
padding:0px;
 +
z-index:999999;
 +
text-align:center;
 +
left:0px;
 +
}
 +
.box_content_center{
 +
background: rgba(240, 239, 238, 0.74);
 +
}
 +
a.boxclose{
 +
cursor: pointer;
 +
text-align: center;
 +
display: block;
 +
position: absolute;
 +
top: 1.9em;
 +
right: 15em;
 +
}
 +
#activator {
 +
}
 +
.menu_box_list{
 +
display:inline-block;
 +
padding: 2.1em 0;
 +
}
 +
.menu_box_list ul li {
 +
display: inline-block;
 +
}
 +
.menu_box_list li a{
 +
display: block;
 +
color: #363636;
 +
font-size: 0.875em;
 +
margin: 0.44em 2em;
 +
font-weight: 900;
 +
text-transform: uppercase;
 +
text-align: left;
 +
-webkit-transition: all 0.5s ease-in-out;
 +
-moz-transition: all 0.5s ease-in-out;
 +
-o-transition: all 0.5s ease-in-out;
 +
transition: all 0.5s ease-in-out;
 +
}
 +
.menu_box_list li a:hover{
 +
color:#B9CB41;
 +
}
 +
.menu_box_list li a > i > img{
 +
vertical-align:middle;
 +
padding-right:10px;
 +
}
 +
.boxclose span{
 +
width:35px;
 +
height:35px;
 +
display:inline-block;
 +
background:url(../images/close2.png) no-repeat 0px 0px;
 +
}
 +
.boxclose span:hover{
 +
background:url(../images/close2h.png) no-repeat 0px 0px;
 +
}
 +
/*--userinfo--*/
 +
.userinfo{
 +
float: right;
 +
width: 15%;
 +
margin-top: 0.3em;
 +
}
 +
.user ul li{
 +
display:inline-block;
 +
}
 +
.user ul li a span{
 +
vertical-align: middle;
 +
margin-left: 0.8em;
 +
font-size: 1em;
 +
}
 +
.user ul li a{
 +
color:#8C8C8C;
 +
transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
}
 +
.user ul li a:hover{
 +
color:#B9CB41;
 +
}
 +
.user ul li a img{
 +
border-radius:30em;
 +
-webkit-border-radius:30em;
 +
-moz-border-radius:30em;
 +
-o-border-radius:30em;
 +
vertical-align:middle;
 +
 +
}
 +
/*--//userinfo--*/
 +
/*----start-post-grids----*/
 +
.post-share span{
 +
background:url(../images/facebook.png) no-repeat 0px 0px;
 +
height:26px;
 +
width:26px;
 +
display:inline-block;
 +
border-radius:30em;
 +
-webkit-border-radius:30em;
 +
-moz-border-radius:30em;
 +
-o-border-radius:30em;
 +
}
 +
.post-share span:hover{
 +
background:url(../images/facebookh.png) no-repeat 0px 0px;
 +
}
 +
.rateit span{
 +
height:18px;
 +
width:76px;
 +
background:url(../images/start-rate.png) no-repeat 0px 0px;
 +
display:inline-block;
 +
}
 +
.rateit span:hover{
 +
background:url(../images/start-rateh.png) no-repeat 0px 0px;
 +
}
 +
.post-basic-info{
 +
padding: 7% 7% 5% 7%;
 +
}
 +
.post-basic-info h3 a{
 +
color: #717171;
 +
font-size: 1.2em;
 +
margin-bottom: 0.2em;
 +
display: block;
 +
transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
}
 +
.post-basic-info h3 a:hover{
 +
color:#B9CB41;
 +
}
 +
.post-basic-info span a{
 +
color:#ACAAAA;
 +
font-size:0.9em;
 +
}
 +
.post-basic-info span a label{
 +
height:12px;
 +
width:12px;
 +
display:inline-block;
 +
background:url(../images/map-pin.png) no-repeat 0px 0px;
 +
margin-right: 0.4em;
 +
transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
}
 +
.post-basic-info span a:hover{
 +
color:#B9CB41;
 +
}
 +
.post-basic-info p{
 +
font-size: 0.875em;
 +
color: #B7B5B5;
 +
margin: 0.6em 0;
 +
line-height: 1.5em;
 +
}
 +
/*--post-info-rate-share--*/
 +
.post-info-rate-share{
 +
border-top: 1px solid rgba(183, 181, 181, 0.36);
 +
padding: 4% 0 2%;
 +
}
 +
.rateit{
 +
float:left;
 +
margin: 0.18em 0 0 1em;
 +
}
 +
.post-share{
 +
float:right;
 +
margin-right:1.5em;
 +
}
 +
/*--footer--*/
 +
.footer{
 +
position:fixed;
 +
bottom:10px;
 +
right:15px;
 +
}
 +
.footer p{
 +
color:#8C8C8C;
 +
font-size:0.9em;
 +
}
 +
.footer p a{
 +
color:#B9CB41;
 +
transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
}
 +
.footer p a:hover{
 +
color:#8C8C8C;
 +
}
 +
/*----start-single-page----*/
 +
.artical-content h3 a{
 +
font: 400 28px/28px 'Open Sans', sans-serif;
 +
color: #626262;
 +
text-align: left;
 +
font-weight: 400;
 +
padding: 0.9em 0 0;
 +
display: block;
 +
}
 +
.artical-content p{
 +
font: normal 16px/26px 'Open Sans', sans-serif,Helvetica,sans-serif;
 +
color: #9b9b9b;
 +
padding: 17px 0px;
 +
font-weight: 400;
 +
}
 +
.artical-content img{
 +
width:100%;
 +
}
 +
/*----share-artical----*/
 +
.share-artical ul li{
 +
display:inline-block;
 +
padding-right:10px;
 +
}
 +
.share-artical ul li img{
 +
vertical-align: text-top;
 +
padding-right:7px;
 +
}
 +
.share-artical ul li a{
 +
font: 400 14px/22px  'Open Sans', sans-serif;
 +
color: #cbcbc3;
 +
padding-left: 20px;
 +
font-weight: 400;
 +
}
 +
.share-artical ul li a:hover{
 +
color:#B9CB41;
 +
}
 +
/*---comment-box----*/
 +
.single-page {
 +
margin-top: 8em;
 +
background: #fff;
 +
padding:2%;
 +
}
 +
/*----artical-links---*/
 +
.artical-links{
 +
padding: 10px 0px;
 +
float: left;
 +
}
 +
.share-artical {
 +
float: right;
 +
padding: 10px;
 +
}
 +
.artical-links ul li{
 +
display:inline-block;
 +
}
 +
.artical-links ul li img{
 +
vertical-align:middle;
 +
padding-right:10px;
 +
}
 +
.artical-links ul li a{
 +
font: 400 14px/22px  'Open Sans', sans-serif;
 +
color: #cbcbc3;
 +
padding-left: 20px;
 +
font-weight: 400;
 +
}
 +
.artical-links ul li a:hover{
 +
color:#B9CB41;
 +
}
 +
/*----start-comment-section---*/
 +
h4.style1 a {
 +
font: 400 20px/28px 'Open Sans', sans-serif;
 +
color: #363636;
 +
text-transform: uppercase;
 +
padding: 1em 0;
 +
-webkit-transition: all 0.3s ease-out;
 +
-moz-transition: all 0.3s ease-out;
 +
-ms-transition: all 0.3s ease-out;
 +
-o-transition: all 0.3s ease-out;
 +
transition: all 0.3s ease-out;
 +
}
 +
h3.style {
 +
font: 400 13px/28px 'Open Sans', sans-serif;
 +
color: #363636;
 +
text-align: left;
 +
text-transform: uppercase;
 +
padding: 0.8em 0 0;
 +
}
 +
p.para {
 +
font-size:0.875em;
 +
color: #B7B5B5;
 +
margin: 0.6em 0;
 +
line-height: 1.8em;
 +
font-weight: 400;
 +
}
 +
.grids_of_2 h2 {
 +
font:400 30px/28px 'Open Sans', sans-serif;
 +
color: #363636;
 +
text-align: left;
 +
padding: 1em 0 0.5em;
 +
}
 +
.grid1_of_2{
 +
margin-top: 0.8em;
 +
}
 +
.grid_img{
 +
float: left;
 +
width: 8.33333%;
 +
margin-right: 2%;
 +
}
 +
.grid_text{
 +
float: left;
 +
width:88.33333%
 +
}
 +
.grid_text h3{
 +
text-align:left;
 +
}
 +
.btn1{
 +
display: inline-block;
 +
text-align: left;
 +
font-size: 0.875em;
 +
color:#363636;
 +
line-height: 1.8em;
 +
padding: 2px 0;
 +
font-family: 'Open Sans', sans-serif;
 +
transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
font-weight: 400;
 +
}
 +
.btn1:before{
 +
content:url('../images/reply.png');
 +
float:left;
 +
}
 +
.btn1:hover{
 +
zoom: 1;
 +
color:#B9CB41;
 +
}
 +
.grid1_of_2.left{
 +
margin-left: 14%;
 +
}
 +
/*---comment-box----*/
 +
.artical-commentbox {
 +
margin: 1em 0;
 +
}
 +
.table-form{
 +
margin: 0em auto;
 +
}
 +
.table-form form input[type="text"]{
 +
font-family: 'Open Sans', sans-serif;
 +
border: 1px solid rgba(192, 192, 192, 0.61);
 +
outline: none;
 +
padding: 12px;
 +
color: #333333;
 +
overflow: hidden;
 +
width: 30%;
 +
display: block;
 +
border-radius: 4px;
 +
-webkit-border-radius: 4px;
 +
-moz-border-radius: 4px;
 +
-o-border-radius: 4px;
 +
transition: border-color 0.3s;
 +
-o-transition: border-color 0.3s;
 +
-ms-transition: border-color 0.3s;
 +
-moz-transition: border-color 0.3s;
 +
-webkit-transition: border-color 0.3s;
 +
-webkit-appearance: none;
 +
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
}
 +
.table-form textarea{
 +
font-family: 'Open Sans', sans-serif;
 +
padding: 8px;
 +
outline:none;
 +
color: #333333;
 +
border: 1px solid rgba(192, 192, 192, 0.61);
 +
width:60%;
 +
height:180px;
 +
resize: none;
 +
border-radius: 4px;
 +
-webkit-border-radius: 4px;
 +
-moz-border-radius: 4px;
 +
-o-border-radius: 4px;
 +
transition: border-color 0.3s;
 +
-o-transition: border-color 0.3s;
 +
-ms-transition: border-color 0.3s;
 +
-moz-transition: border-color 0.3s;
 +
-webkit-transition: border-color 0.3s;
 +
-webkit-appearance: none;
 +
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
}
 +
.table-form form input[type="text"]:hover,.table-form textarea:hover{
 +
border: 1px solid #B9CB41;
 +
}
 +
.table-form input[type="submit"]{
 +
font-family: 'Open Sans', sans-serif;
 +
color: #5a5a5a;
 +
padding: 0.8em 1.5em;
 +
background: #fff;
 +
text-decoration: none;
 +
text-shadow: none;
 +
border: 1px solid rgba(192, 192, 192, 0.61);
 +
display: block;
 +
-webkit-transition: all 0.3s ease-out;
 +
-moz-transition: all 0.3s ease-out;
 +
-ms-transition: all 0.3s ease-out;
 +
-o-transition: all 0.3s ease-out;
 +
transition: all 0.3s ease-out;
 +
border-radius: 4px;
 +
-webkit-border-radius: 4px;
 +
-moz-border-radius: 4px;
 +
-o-border-radius: 4px;
 +
cursor:pointer;
 +
font-size: 1em;
 +
outline:none;
 +
}
 +
.table-form input[type="submit"]:hover{
 +
color:#B9CB41;
 +
border: 1px solid #B9CB41;
 +
}
 +
.table-form label{
 +
display: block;
 +
margin: 0.4em 0 0.5em;
 +
font-family: 'Open Sans', sans-serif;
 +
color:#363636;
 +
font-weight:100;
 +
}
 +
.table-form div{
 +
margin:0.5em 0;
 +
}
 +
.table-form div {
 +
margin: 1em 0;
 +
}
 +
/*----//End-comment-section---*/
 +
/*  Contact Form  */
 +
.contact-info {
 +
margin-top: 8em;
 +
padding: 2% 2% 3% 2%;
 +
background: #fff;
 +
}
 +
.contact form{
 +
font-family: 'Open Sans', sans-serif;
 +
}
 +
.map{
 +
margin-bottom:30px;
 +
}
 +
.list3 li>img {
 +
float: left;
 +
margin-right:10px;
 +
}
 +
.extra-wrap {
 +
overflow: hidden;
 +
}
 +
.extra-wrap p {
 +
color: #626262;
 +
line-height: 1.8em;
 +
font-size: 0.85em;
 +
margin-bottom: 5px;
 +
font-family: 'Open Sans', sans-serif;
 +
}
 +
span.mail a {
 +
color:#B9CB41;
 +
}
 +
span.mail a:hover{
 +
color:#626262;
 +
}
 +
.contact-to input[type="text"] {
 +
padding: 12px 10px;
 +
width: 30.66%;
 +
font-family: 'Open Sans', sans-serif;
 +
margin: 12px 0;
 +
border: 1px solid rgba(192, 192, 192, 0.61);
 +
color: #626262;
 +
background: #FFF;
 +
float: left;
 +
outline: none;
 +
font-size: 0.85em;
 +
transition: border-color 0.3s;
 +
-o-transition: border-color 0.3s;
 +
-ms-transition: border-color 0.3s;
 +
-moz-transition: border-color 0.3s;
 +
-webkit-transition: border-color 0.3s;
 +
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
border-radius: 4px;
 +
-webkit-border-radius: 4px;
 +
-moz-border-radius: 4px;
 +
-o-border-radius: 4px;
 +
}
 +
.contact-to input[type="text"]:nth-child(2),.contact-to input[type="text"]:nth-child(3){
 +
margin-left:10px;
 +
}
 +
.text2 input[type="text"], .text2 textarea {
 +
width: 97.7%;
 +
margin: 12px 0;
 +
border: 1px solid rgba(192, 192, 192, 0.61);
 +
color: #626262;
 +
font-family: 'Open Sans', sans-serif;
 +
outline: none;
 +
margin-bottom: 25px;
 +
height: 100px;
 +
padding: 12px 10px;
 +
font-size: 0.85em;
 +
transition: border-color 0.3s;
 +
-o-transition: border-color 0.3s;
 +
-ms-transition: border-color 0.3s;
 +
-moz-transition: border-color 0.3s;
 +
-webkit-transition: border-color 0.3s;
 +
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
 +
border-radius: 4px;
 +
-webkit-border-radius: 4px;
 +
-moz-border-radius: 4px;
 +
-o-border-radius: 4px;
 +
}
 +
.text2 textarea{
 +
height:180px;
 +
}
 +
.text2 input[type="text"]:hover,.text2 textarea:hover,.contact-to input[type="text"]:hover{
 +
border: 1px solid #B9CB41;
 +
}
 +
.contact-form input[type="submit"] {
 +
font-family: 'Open Sans', sans-serif;
 +
color: #5a5a5a;
 +
padding: 0.8em 1.5em;
 +
background: #fff;
 +
text-decoration: none;
 +
text-shadow: none;
 +
border: 1px solid rgba(192, 192, 192, 0.61);
 +
display: block;
 +
-webkit-transition: all 0.3s ease-out;
 +
-moz-transition: all 0.3s ease-out;
 +
-ms-transition: all 0.3s ease-out;
 +
-o-transition: all 0.3s ease-out;
 +
transition: all 0.3s ease-out;
 +
border-radius: 4px;
 +
-webkit-border-radius: 4px;
 +
-moz-border-radius: 4px;
 +
-o-border-radius: 4px;
 +
cursor: pointer;
 +
font-size: 1em;
 +
outline: none;
 +
}
 +
.contact-form input[type="submit"]:hover{
 +
color: #B9CB41;
 +
border: 1px solid #B9CB41;
 +
}
 +
.span_1_of_first1 h5{
 +
color: #363636;
 +
text-transform: uppercase;
 +
font-size: 1.2em;
 +
transition: 0.5s all;
 +
-webkit-transition: 0.5s all;
 +
-moz-transition: 0.5s all;
 +
-o-transition: 0.5s all;
 +
font-family: 'Open Sans', sans-serif;
 +
margin-bottom: 0.6em;
 +
}
 +
.span_1_of_first1 {
 +
width: 29.5%;
 +
}
 +
.col_1_of_bottom:first-child {
 +
margin-left: 0;
 +
}
 +
.col_1_of_bottom {
 +
display: block;
 +
float: left;
 +
margin: 1% 0 1% 3.6%;
 +
}
 +
.contact-grids {
 +
margin-bottom: 1em;
 +
}
 +
/*----//End-contact----*/
 +
/*---//End-wrap----*/
 +
/*--media Quries for 1440px-monitors-*/
 +
@media only screen and (max-width:1440px) and (min-width:1366px) {
 +
.wrap{
 +
width:85%;
 +
}
 +
}
 +
/*--//End-media Quries for 1440px-monitors-*/
 +
/*--media Quries for 1366px-monitors-*/
 +
@media only screen and (max-width:1366px) and (min-width:1280px) {
 +
.wrap{
 +
width:90%;
 +
}
 +
.footer {
 +
bottom: 0px;
 +
right: 0px;
 +
background: #fff;
 +
padding: 10px;
 +
}
 +
}
 +
/*--//End-media Quries for 1366px-monitors-*/
 +
/*--media Quries for 1280px-monitors-*/
 +
@media only screen and (max-width:1280px) and (min-width:1024px) {
 +
.wrap{
 +
width:80%;
 +
}
 +
.footer {
 +
bottom: 0px;
 +
right: 0px;
 +
background: #fff;
 +
padding: 10px;
 +
}
 +
.contact-to input[type="text"] {
 +
width: 30.2%;
 +
}
 +
}
 +
/*--//End-media Quries for 1280px-monitors-*/
 +
/*--media Quries for 1024px-monitors-*/
 +
@media only screen and (max-width:1024px) and (min-width:768px) {
 +
.wrap{
 +
width:90%;
 +
}
 +
.footer {
 +
bottom: 0px;
 +
right: 0px;
 +
background: #fff;
 +
padding: 10px;
 +
}
 +
.contact-to input[type="text"] {
 +
width: 30%;
 +
}
 +
.text2 input[type="text"], .text2 textarea {
 +
width: 97.3%;
 +
}
 +
.top-searchbar {
 +
width: 40%;
 +
}
 +
a.boxclose {
 +
right: 6em;
 +
top: 2em;
 +
}
 +
}
 +
/*--//End-media Quries for 1024px-monitors-*/
 +
/*--media Quries for 768px-monitors-*/
 +
@media only screen and (max-width:768px) and (min-width:640px) {
 +
.wrap{
 +
width:90%;
 +
}
 +
.footer {
 +
bottom: 0px;
 +
right: 0px;
 +
background: #fff;
 +
padding: 10px;
 +
}
 +
.contact-to input[type="text"] {
 +
width: 28.91%;
 +
}
 +
.text2 input[type="text"], .text2 textarea {
 +
width: 96.4%;
 +
margin-bottom: 16px;
 +
resize:none;
 +
}
 +
.contact-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.top-searchbar {
 +
width: 29%;
 +
}
 +
a.boxclose {
 +
right: 1em;
 +
top: 2em;
 +
}
 +
.para1{
 +
display:none;
 +
}
 +
.nav-icon {
 +
margin: 1.2% 2% 0 6%;
 +
}
 +
.artical-content h3 a {
 +
font: 400 24px/36px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0;
 +
}
 +
.artical-content p:nth-child(1){
 +
display:none;
 +
}
 +
.userinfo {
 +
width: 17%;
 +
}
 +
.artical-content p {
 +
font: normal 14px/22px 'Open Sans', sans-serif,Helvetica,sans-serif;
 +
padding: 8px 0px;
 +
}
 +
.artical-links {
 +
float:none;
 +
}
 +
.share-artical{
 +
float:none;
 +
margin:0em 0 0 0;
 +
padding:0;
 +
}
 +
.share-artical ul li a ,.artical-links ul li a{
 +
padding-right: 20px;
 +
padding-left:0;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 26px/28px 'Open Sans', sans-serif;
 +
padding: 0.8em 0 0.5em;
 +
}
 +
h4.style1 a {
 +
font: 400 17px/14px 'Open Sans', sans-serif;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 24px/14px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0.2em;
 +
}
 +
.table-form form input[type="text"] {
 +
width: 46%;
 +
padding: 10px;
 +
}
 +
.table-form textarea {
 +
width: 85%;
 +
padding: 10px;
 +
}
 +
.table-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.menu_box_list li a {
 +
margin: 0.44em 1.5em;
 +
}
 +
}
 +
/*--//End-media Quries for 768px-monitors-*/
 +
/*--media Quries for 640px-monitors-*/
 +
@media only screen and (max-width:640px) and (min-width:480px) {
 +
.wrap{
 +
width:90%;
 +
}
 +
.footer {
 +
bottom: 0px;
 +
right: 0px;
 +
background: #fff;
 +
padding: 10px;
 +
}
 +
.contact-to input[type="text"] {
 +
width: 96%;
 +
}
 +
.contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) {
 +
margin-left:0px;
 +
}
 +
.text2 input[type="text"], .text2 textarea {
 +
width: 96.4%;
 +
margin-bottom: 16px;
 +
resize:none;
 +
}
 +
.contact-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.top-searchbar {
 +
width: 47%;
 +
}
 +
a.boxclose {
 +
right: 1em;
 +
top: 2em;
 +
}
 +
.para1{
 +
display:none;
 +
}
 +
.nav-icon {
 +
margin: 1.2% 2% 0 6%;
 +
}
 +
.artical-content h3 a {
 +
font: 400 24px/36px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0;
 +
}
 +
.artical-content p:nth-child(1){
 +
display:none;
 +
}
 +
.userinfo {
 +
display:none;
 +
}
 +
.artical-content p {
 +
font: normal 14px/22px 'Open Sans', sans-serif,Helvetica,sans-serif;
 +
padding: 8px 0px;
 +
}
 +
.artical-links {
 +
float:none;
 +
}
 +
.share-artical{
 +
float:none;
 +
margin:0em 0 0 0;
 +
padding:0;
 +
}
 +
.share-artical ul li a ,.artical-links ul li a{
 +
padding-right: 20px;
 +
padding-left:0;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 26px/28px 'Open Sans', sans-serif;
 +
padding: 0.8em 0 0.5em;
 +
}
 +
h4.style1 a {
 +
font: 400 17px/14px 'Open Sans', sans-serif;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 24px/14px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0.2em;
 +
}
 +
.table-form form input[type="text"] {
 +
width: 46%;
 +
padding: 10px;
 +
}
 +
.table-form textarea {
 +
width: 85%;
 +
padding: 10px;
 +
}
 +
.table-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.menu_box_list li a {
 +
margin: 0.44em 1.5em;
 +
}
 +
.header {
 +
padding: 1em 0 0.6em;
 +
}
 +
.menu_box_list ul li {
 +
display:block;
 +
}
 +
.box {
 +
top: -12px;
 +
}
 +
.map{
 +
display:none;
 +
}
 +
.col_1_of_bottom {
 +
float: none;
 +
margin: 1% 0 1% 0%;
 +
}
 +
.span_1_of_first1 {
 +
width:100%;
 +
}
 +
.single-page,.contact-info{
 +
margin-top: 7em;
 +
padding: 4% 4% 5% 4%;
 +
}
 +
}
 +
/*--//End-media Quries for 640px-monitors-*/
 +
/*--media Quries for 480px-monitors-*/
 +
@media only screen and (max-width:480px) and (min-width:320px) {
 +
.wrap{
 +
width:90%;
 +
}
 +
.footer {
 +
bottom: 0px;
 +
right: 0px;
 +
background: #fff;
 +
padding: 10px;
 +
}
 +
.contact-to input[type="text"] {
 +
width: 94.5%;
 +
}
 +
.contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) {
 +
margin-left:0px;
 +
}
 +
.text2 input[type="text"], .text2 textarea {
 +
width: 94.5%;
 +
margin-bottom: 16px;
 +
resize:none;
 +
}
 +
.contact-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.top-searchbar {
 +
width: 94%;
 +
float: none;
 +
margin: 0;
 +
clear:both;
 +
}
 +
a.boxclose {
 +
right: 1em;
 +
top: 2em;
 +
}
 +
.para1,.para2{
 +
display:none;
 +
}
 +
.nav-icon {
 +
margin: 2.5% 6.8% 0 0%;
 +
float: right;
 +
}
 +
.artical-content h3 a {
 +
font: 400 20px/31px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0;
 +
}
 +
.artical-links ul li {
 +
display:block;
 +
}
 +
.share-artical ul li {
 +
display:block;
 +
}
 +
.artical-content p:nth-child(1){
 +
display:none;
 +
}
 +
.userinfo {
 +
display:none;
 +
}
 +
.artical-content p {
 +
font: normal 14px/22px 'Open Sans', sans-serif,Helvetica,sans-serif;
 +
padding: 8px 0px;
 +
}
 +
.artical-links {
 +
float:none;
 +
}
 +
.share-artical{
 +
float:none;
 +
margin:0em 0 0 0;
 +
padding:0;
 +
}
 +
.share-artical ul li a ,.artical-links ul li a{
 +
padding-right: 20px;
 +
padding-left:0;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 26px/28px 'Open Sans', sans-serif;
 +
padding: 0.8em 0 0.5em;
 +
}
 +
h4.style1 a {
 +
font: 400 17px/14px 'Open Sans', sans-serif;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 24px/14px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0.2em;
 +
}
 +
.table-form form input[type="text"] {
 +
width:94.8%;
 +
padding: 10px;
 +
}
 +
.table-form textarea {
 +
width: 94.5%;
 +
padding: 10px;
 +
}
 +
.table-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.menu_box_list li a {
 +
margin: 0.44em 1.5em;
 +
}
 +
.header {
 +
padding: 1em 0 0.6em;
 +
}
 +
.menu_box_list ul li {
 +
display:block;
 +
}
 +
.box {
 +
top: -12px;
 +
}
 +
.map{
 +
display:none;
 +
}
 +
.col_1_of_bottom {
 +
float: none;
 +
margin: 1% 0 1% 0%;
 +
}
 +
.span_1_of_first1 {
 +
width:100%;
 +
}
 +
.single-page,.contact-info{
 +
margin-top: 9.5em;
 +
padding: 4% 4% 5% 4%;
 +
}
 +
.span_1_of_first1 h5 {
 +
font-size: 1em;
 +
}
 +
}
 +
/*--//End-media Quries for 480px-monitors-*/
 +
/*--media Quries for 320px-monitors-*/
 +
@media only screen and (max-width:320px) and (min-width:240px) {
 +
.wrap{
 +
width: 90%;
 +
}
 +
.footer {
 +
bottom: 0px;
 +
right: 0px;
 +
background: #fff;
 +
padding: 5px 10px;
 +
}
 +
.contact-to input[type="text"] {
 +
width: 91.5%;
 +
padding: 9px 10px
 +
}
 +
.contact-to input[type="text"]:nth-child(2), .contact-to input[type="text"]:nth-child(3) {
 +
margin-left:0px;
 +
}
 +
.text2 input[type="text"], .text2 textarea {
 +
width: 91.5%;
 +
margin-bottom: 16px;
 +
resize:none;
 +
-webkit-appearance:none;
 +
}
 +
.text2 textarea{
 +
height:100px;
 +
-webkit-appearance:none;
 +
}
 +
.contact-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.top-searchbar {
 +
width: 90%;
 +
float: none;
 +
margin: 0;
 +
clear:both;
 +
}
 +
a.boxclose {
 +
right: 1em;
 +
top: 2em;
 +
}
 +
.para1,.para2{
 +
display:none;
 +
}
 +
.nav-icon {
 +
margin: 2.5% 12.8% 0 0%;
 +
float: right;
 +
}
 +
.artical-content h3 a {
 +
font: 400 16px/23px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0;
 +
}
 +
.artical-links ul li {
 +
display:block;
 +
}
 +
.share-artical ul li {
 +
display:block;
 +
}
 +
.artical-content p:nth-child(1){
 +
display:none;
 +
}
 +
.userinfo {
 +
display:none;
 +
}
 +
.artical-content p {
 +
font: normal 14px/22px 'Open Sans', sans-serif,Helvetica,sans-serif;
 +
padding: 8px 0px;
 +
}
 +
.artical-links {
 +
float:none;
 +
}
 +
.share-artical{
 +
float:none;
 +
margin:0em 0 0 0;
 +
padding:0;
 +
}
 +
.share-artical ul li a ,.artical-links ul li a{
 +
padding-right: 20px;
 +
padding-left:0;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 26px/28px 'Open Sans', sans-serif;
 +
padding: 0.8em 0 0.5em;
 +
}
 +
h4.style1 a {
 +
font: 400 17px/14px 'Open Sans', sans-serif;
 +
}
 +
.grids_of_2 h2 {
 +
font: 400 24px/14px 'Open Sans', sans-serif;
 +
padding: 0.5em 0 0.2em;
 +
}
 +
.table-form form input[type="text"] {
 +
width: 91.8%;
 +
padding: 10px;
 +
}
 +
.table-form textarea {
 +
width: 92%;
 +
padding: 10px;
 +
height:100px;
 +
}
 +
.table-form input[type="submit"] {
 +
padding: 0.6em 1.2em;
 +
}
 +
.menu_box_list li a {
 +
margin: 0.44em 1.5em;
 +
}
 +
.header {
 +
padding: 1em 0 0.6em;
 +
}
 +
.menu_box_list ul li {
 +
display:block;
 +
}
 +
.box {
 +
top: -12px;
 +
}
 +
.map{
 +
display:none;
 +
}
 +
.col_1_of_bottom {
 +
float: none;
 +
margin: 1% 0 1% 0%;
 +
}
 +
.span_1_of_first1 {
 +
width:100%;
 +
}
 +
.single-page,.contact-info{
 +
margin-top: 9em;
 +
padding: 4% 4% 5% 4%;
 +
}
 +
.span_1_of_first1 h5 {
 +
font-size: 1em;
 +
}
 +
}
 +
/*--//End-media Quries for 320px-monitors-*/
 +
 
 +
 
 +
/**
 +
* Grid container
 +
*/
 +
#main {
 +
margin-top: 9em;
 +
}
 +
#tiles {
 +
  list-style-type: none;
 +
  position: relative; /** Needed to ensure items are laid out relative to this container **/
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#tiles li:hover img{
 +
opacity:0.8;
 +
}
 +
/**
 +
* Grid items
 +
*/
 +
#tiles li {
 +
width: 280px;
 +
background-color: #ffffff;
 +
border: 1px solid #dedede;
 +
border-radius: 2px;
 +
-moz-border-radius: 2px;
 +
-webkit-border-radius: 2px;
 +
display: none;
 +
cursor: pointer;
 +
border-radius: 0.2em;
 +
}
 +
#tiles li img{
 +
border-top-left-radius:0.2em;
 +
border-top-right-radius:0.2em;
 +
}
 +
#tiles li.inactive {
 +
  visibility: hidden;
 +
  opacity: 0;
 +
}
 +
 
 +
#tiles li img {
 +
display: block;
 +
width: 100%;
 +
}
 +
 
 +
/**
 +
* Grid item text
 +
*/
 +
 
 +
footer {
 +
  text-align: center;
 +
 
 +
}
 +
 
 +
footer a {
 +
  color: #435DC5;
 +
  text-decoration: none;
 +
}
 +
 
 +
/**
 +
* Progress bar for imagesLoaded
 +
*/
 +
.progress-bar {
 +
  background-color: #0BC20B;
 +
  height: 2px;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  right: 0;
 +
  width: 0;
 +
  box-shadow: 0 1px 3px rgba(11, 194, 11, 0.2);
 +
  -webkit-transition: width 0.3s ease-out;
 +
    -moz-transition: width 0.3s ease-out;
 +
      -o-transition: width 0.3s ease-out;
 +
          transition: width 0.3s ease-out;
 +
}
 +
 
 +
/**
 +
* Placerholder css
 +
*/
 +
.wookmark-placeholder {
 +
          border-radius: 2px;
 +
    -moz-border-radius: 2px;
 +
  -webkit-border-radius: 2px;
 +
  background-color: #eee;
 +
  border: 1px solid #dedede;
 +
  z-index: -1;
 +
}
 +
 
 +
.example-tiles {
 +
  position: relative; /** Needed to ensure items are laid out relative to this container **/
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
.example-tiles li {
 +
  display: block;
 +
  list-style-type: none;
 +
  float: left;
 +
  margin: 5px;
 +
  -webkit-transition: all 0.3s ease-out;
 +
    -moz-transition: all 0.3s ease-out;
 +
      -o-transition: all 0.3s ease-out;
 +
          transition: all 0.3s ease-out;
 +
}
 +
 
 +
.example-tiles a,
 +
.example-tiles a:hover {
 +
  color: #555;
 +
  background-color: #eee;
 +
  text-align: center;
 +
  display: table-cell;
 +
  vertical-align: middle;
 +
  width: 200px;
 +
  height: 200px;
 +
  font-size: 2em;
 +
  font-weight: bold;
 +
  text-decoration: none;
 +
  border: 1px solid #ddd;
 +
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
 +
  padding: 5px 8px;
 +
  border-radius: 3px;
 +
}
 +
 
 +
.example-tiles a:hover {
 +
  background-color: #ddd;
 +
}
 +
/*--media Quries for 640px-monitors-*/
 +
@media only screen and (max-width:640px) and (min-width:480px) {
 +
#main {
 +
margin-top: 7em;
 +
}
 +
}
 +
/*--media Quries for 480px-monitors-*/
 +
@media only screen and (max-width:480px) and (min-width:320px) {
 +
#main {
 +
margin-top: 9.5em;
 +
}
 +
}
 +
/*--media Quries for 320px-monitors-*/
 +
@media only screen and (max-width:320px) and (min-width:240px) {
 +
#main {
 +
margin-top: 9em;
 +
}
 +
#tiles li {
 +
width: 266px;
 +
}
 +
}
 +
 
 +
 
 +
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="./images/fav-icon.png" />
<link rel="shortcut icon" type="image/x-icon" href="./images/fav-icon.png" />
Line 13: Line 1,361:
<!----//webfonts---->
<!----//webfonts---->
<!-- Global CSS for the page and tiles -->
<!-- Global CSS for the page and tiles -->
-
  <link rel="stylesheet" href="./css/main.css">
 
   <!-- //Global CSS for the page and tiles -->
   <!-- //Global CSS for the page and tiles -->
<!---start-click-drop-down-menu----->
<!---start-click-drop-down-menu----->

Revision as of 13:48, 22 September 2014

<!DOCTYPE HTML>

  • name

    student

    -----------

  • name

    student

    L------------------

  • name

    student

    -----------------------

  • name

    student

    -------------------------------

  • name

    student

    -----------------------

  • name

    advisor

    --------------------------------

  • name

    advisor

    ----------------------------

  • name

    advisor

    ----------------------------------------

  • name

    advisor

    ---------------------------------------

  • name

    advisor

    --------------------------------------

  • name

    advisor

    -----------------------------

  • name

    advisor

    -------------------------------

Retrieved from "http://2014.igem.org/Team:Sheffield/aaa"
Powered by MediaWiki
Attribution 3.0 Unported
  • Recent changes
  • What links here
  • Related changes
  • Special pages
  • My preferences
  • Printable version
  • Permanent link
  • Privacy policy
  • Disclaimers