|
|
| (16 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <html lang="en">
| |
| − | <head>
| |
| − | <script>
| |
| − | document.styleSheets[0].disabled = true
| |
| − | </script>
| |
| | | | |
| − | <meta charset="utf-8">
| |
| − | <title>DesignPortfolio</title>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − | <meta name="description" content="">
| |
| − | <meta name="author" content="">
| |
| − |
| |
| − | <!-- Styles -->
| |
| − | <link href='http://fonts.useso.com/css?family=Open+Sans:400,700' rel='stylesheet' >
| |
| − | <link href="https://2015.igem.org/Team:Nankai/Practices/responsive.bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <link href="https://2015.igem.org/Team:Nankai/Practices/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − |
| |
| − | <!--[if lt IE 9]>
| |
| − | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
| |
| − | <![endif]-->
| |
| − |
| |
| − | <!-- Faviocon and touch -->
| |
| − | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="#">
| |
| − | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="#">
| |
| − | <link rel="apple-touch-icon-precomposed" sizes="72x72" href="#">
| |
| − | <link rel="apple-touch-icon-precomposed" href="#">
| |
| − | <link rel="shortcut icon" href="img/favicon/favicon.ico">
| |
| − | <style type="text/CSS">
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*!
| |
| − | * Bootstrap v2.3.0
| |
| − | *
| |
| − | * Copyright 2012 Twitter, Inc
| |
| − | * Licensed under the Apache License v2.0
| |
| − | * http://www.apache.org/licenses/LICENSE-2.0
| |
| − | *
| |
| − | * Designed and built with all the love in the world @twitter by @mdo and @fat.
| |
| − | */
| |
| − | .clearfix {
| |
| − | *zoom: 1;
| |
| − | }
| |
| − | .clearfix:before,
| |
| − | .clearfix:after {
| |
| − | display: table;
| |
| − | content: "";
| |
| − | line-height: 0;
| |
| − | }
| |
| − | .clearfix:after {
| |
| − | clear: both;
| |
| − | }
| |
| − | .hide-text {
| |
| − | font: 0/0 a;
| |
| − | color: transparent;
| |
| − | text-shadow: none;
| |
| − | background-color: transparent;
| |
| − | border: 0;
| |
| − | }
| |
| − | .input-block-level {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | min-height: 27px;
| |
| − | -webkit-box-sizing: border-box;
| |
| − | -moz-box-sizing: border-box;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − | article,
| |
| − | aside,
| |
| − | details,
| |
| − | figcaption,
| |
| − | figure,
| |
| − | footer,
| |
| − | header,
| |
| − | hgroup,
| |
| − | nav,
| |
| − | section {
| |
| − | display: block;
| |
| − | }
| |
| − | audio,
| |
| − | canvas,
| |
| − | video {
| |
| − | display: inline-block;
| |
| − | *display: inline;
| |
| − | *zoom: 1;
| |
| − | }
| |
| − | audio:not([controls]) {
| |
| − | display: none;
| |
| − | }
| |
| − | html {
| |
| − | font-size: 100%;
| |
| − | -webkit-text-size-adjust: 100%;
| |
| − | -ms-text-size-adjust: 100%;
| |
| − | }
| |
| − | a:focus {
| |
| − | outline: thin dotted #333;
| |
| − | outline: 5px auto -webkit-focus-ring-color;
| |
| − | outline-offset: -2px;
| |
| − | }
| |
| − | a:hover,
| |
| − | a:active {
| |
| − | outline: 0;
| |
| − | }
| |
| − | sub,
| |
| − | sup {
| |
| − | position: relative;
| |
| − | font-size: 75%;
| |
| − | line-height: 0;
| |
| − | vertical-align: baseline;
| |
| − | }
| |
| − | sup {
| |
| − | top: -0.5em;
| |
| − | }
| |
| − | sub {
| |
| − | bottom: -0.25em;
| |
| − | }
| |
| − | img {
| |
| − | /* Responsive images (ensure images don't scale beyond their parents) */
| |
| − |
| |
| − | max-width: 100%;
| |
| − | /* Part 1: Set a maxium relative to the parent */
| |
| − |
| |
| − | width: auto\9;
| |
| − | /* IE7-8 need help adjusting responsive images */
| |
| − |
| |
| − | height: auto;
| |
| − | /* Part 2: Scale the height according to the width, otherwise you get stretching */
| |
| − |
| |
| − | vertical-align: middle;
| |
| − | border: 0;
| |
| − | -ms-interpolation-mode: bicubic;
| |
| − | }
| |
| − | #map_canvas img,
| |
| − | .google-maps img {
| |
| − | max-width: none;
| |
| − | }
| |
| − | button,
| |
| − | input,
| |
| − | select,
| |
| − | textarea {
| |
| − | margin: 0;
| |
| − | font-size: 100%;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | button,
| |
| − | input {
| |
| − | *overflow: visible;
| |
| − | line-height: normal;
| |
| − | }
| |
| − | button::-moz-focus-inner,
| |
| − | input::-moz-focus-inner {
| |
| − | padding: 0;
| |
| − | border: 0;
| |
| − | }
| |
| − | button,
| |
| − | html input[type="button"],
| |
| − | input[type="reset"],
| |
| − | input[type="submit"] {
| |
| − | -webkit-appearance: button;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | label,
| |
| − | select,
| |
| − | button,
| |
| − | input[type="button"],
| |
| − | input[type="reset"],
| |
| − | input[type="submit"],
| |
| − | input[type="radio"],
| |
| − | input[type="checkbox"] {
| |
| − | cursor: pointer;
| |
| − | }
| |
| − | input[type="search"] {
| |
| − | -webkit-box-sizing: content-box;
| |
| − | -moz-box-sizing: content-box;
| |
| − | box-sizing: content-box;
| |
| − | -webkit-appearance: textfield;
| |
| − | }
| |
| − | input[type="search"]::-webkit-search-decoration,
| |
| − | input[type="search"]::-webkit-search-cancel-button {
| |
| − | -webkit-appearance: none;
| |
| − | }
| |
| − | textarea {
| |
| − | overflow: auto;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − | @media print {
| |
| − | * {
| |
| − | text-shadow: none !important;
| |
| − | color: #000 !important;
| |
| − | background: transparent !important;
| |
| − | box-shadow: none !important;
| |
| − | }
| |
| − | a,
| |
| − | a:visited {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | a[href]:after {
| |
| − | content: " (" attr(href) ")";
| |
| − | }
| |
| − | abbr[title]:after {
| |
| − | content: " (" attr(title) ")";
| |
| − | }
| |
| − | .ir a:after,
| |
| − | a[href^="javascript:"]:after,
| |
| − | a[href^="#"]:after {
| |
| − | content: "";
| |
| − | }
| |
| − | pre,
| |
| − | blockquote {
| |
| − | border: 1px solid #999;
| |
| − | page-break-inside: avoid;
| |
| − | }
| |
| − | thead {
| |
| − | display: table-header-group;
| |
| − | }
| |
| − | tr,
| |
| − | img {
| |
| − | page-break-inside: avoid;
| |
| − | }
| |
| − | img {
| |
| − | max-width: 100% !important;
| |
| − | }
| |
| − | @page {
| |
| − | margin: 0.5cm;
| |
| − | }
| |
| − | p,
| |
| − | h2,
| |
| − | h3 {
| |
| − | orphans: 3;
| |
| − | widows: 3;
| |
| − | }
| |
| − | h2,
| |
| − | h3 {
| |
| − | page-break-after: avoid;
| |
| − | }
| |
| − | }
| |
| − | body {
| |
| − | margin: 0;
| |
| − | font-family: "Open Sans", Helvetica, Arial, sans-serif;
| |
| − | font-size: 1.3rem;
| |
| − | line-height: 18px;
| |
| − | color: #333333;
| |
| − | background-color: #ffffff;
| |
| − | }
| |
| − | a {
| |
| − | color: #000000;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | a:hover,
| |
| − | a:focus {
| |
| − | color: #555555;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − | .img-rounded {
| |
| − | -webkit-border-radius: 6px;
| |
| − | -moz-border-radius: 6px;
| |
| − | border-radius: 6px;
| |
| − | }
| |
| − | .img-polaroid {
| |
| − | padding: 4px;
| |
| − | background-color: #fff;
| |
| − | border: 1px solid #ccc;
| |
| − | border: 1px solid rgba(0, 0, 0, 0.2);
| |
| − | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
| |
| − | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
| |
| − | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
| |
| − | }
| |
| − | .img-circle {
| |
| − | -webkit-border-radius: 500px;
| |
| − | -moz-border-radius: 500px;
| |
| − | border-radius: 500px;
| |
| − | }
| |
| − | .row {
| |
| − | margin-left: -20px;
| |
| − | *zoom: 1;
| |
| − | }
| |
| − | .row:before,
| |
| − | .row:after {
| |
| − | display: table;
| |
| − | content: "";
| |
| − | line-height: 0;
| |
| − | }
| |
| − | .row:after {
| |
| − | clear: both;
| |
| − | }
| |
| − | [class*="span"] {
| |
| − | float: left;
| |
| − | min-height: 1px;
| |
| − | margin-left: 20px;
| |
| − | }
| |
| − | .container,
| |
| − | .navbar-static-top .container,
| |
| − | .navbar-fixed-top .container,
| |
| − | .navbar-fixed-bottom .container {
| |
| − | width: 940px;
| |
| − | }
| |
| − | .span12 {
| |
| − | width: 940px;
| |
| − | }
| |
| − | .span11 {
| |
| − | width: 860px;
| |
| − | }
| |
| − | .span10 {
| |
| − | width: 780px;
| |
| − | }
| |
| − | .span9 {
| |
| − | width: 700px;
| |
| − | }
| |
| − | .span8 {
| |
| − | width: 620px;
| |
| − | }
| |
| − | .span7 {
| |
| − | width: 540px;
| |
| − | }
| |
| − | .span6 {
| |
| − | width: 460px;
| |
| − | }
| |
| − | .span5 {
| |
| − | width: 380px;
| |
| − | }
| |
| − | .span4 {
| |
| − | width: 300px;
| |
| − | }
| |
| − | .span3 {
| |
| − | width: 220px;
| |
| − | }
| |
| − | .span2 {
| |
| − | width: 140px;
| |
| − | }
| |
| − | .span1 {
| |
| − | width: 60px;
| |
| − | }
| |
| − | .offset12 {
| |
| − | margin-left: 980px;
| |
| − | }
| |
| − | .offset11 {
| |
| − | margin-left: 900px;
| |
| − | }
| |
| − | .offset10 {
| |
| − | margin-left: 820px;
| |
| − | }
| |
| − | .offset9 {
| |
| − | margin-left: 740px;
| |
| − | }
| |
| − | .offset8 {
| |
| − | margin-left: 660px;
| |
| − | }
| |
| − | .offset7 {
| |
| − | margin-left: 580px;
| |
| − | }
| |
| − | .offset6 {
| |
| − | margin-left: 500px;
| |
| − | }
| |
| − | .offset5 {
| |
| − | margin-left: 420px;
| |
| − | }
| |
| − | .offset4 {
| |
| − | margin-left: 340px;
| |
| − | }
| |
| − | .offset3 {
| |
| − | margin-left: 260px;
| |
| − | }
| |
| − | .offset2 {
| |
| − | margin-left: 180px;
| |
| − | }
| |
| − | .offset1 {
| |
| − | margin-left: 100px;
| |
| − | }
| |
| − | .row-fluid {
| |
| − | width: 100%;
| |
| − | *zoom: 1;
| |
| − | }
| |
| − | .row-fluid:before,
| |
| − | .row-fluid:after {
| |
| − | display: table;
| |
| − | content: "";
| |
| − | line-height: 0;
| |
| − | }
| |
| − | .row-fluid:after {
| |
| − | clear: both;
| |
| − | }
| |
| − | .row-fluid [class*="span"] {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | min-height: 27px;
| |
| − | -webkit-box-sizing: border-box;
| |
| − | -moz-box-sizing: border-box;
| |
| − | box-sizing: border-box;
| |
| − | float: left;
| |
| − | margin-left: 2.127659574468085%;
| |
| − | *margin-left: 2.074468085106383%;
| |
| − | }
| |
| − | .row-fluid [class*="span"]:first-child {
| |
| − | margin-left: 0;
| |
| − | }
| |
| − | .row-fluid .controls-row [class*="span"] + [class*="span"] {
| |
| − | margin-left: 2.127659574468085%;
| |
| − | }
| |
| − | .row-fluid .span12 {
| |
| − | width: 100%;
| |
| − | *width: 99.94680851063829%;
| |
| − | }
| |
| − | .row-fluid .span11 {
| |
| − | width: 91.48936170212765%;
| |
| − | *width: 91.43617021276594%;
| |
| − | }
| |
| − | .row-fluid .span10 {
| |
| − | width: 82.97872340425532%;
| |
| − | *width: 82.92553191489361%;
| |
| − | }
| |
| − | .row-fluid .span9 {
| |
| − | width: 74.46808510638297%;
| |
| − | *width: 74.41489361702126%;
| |
| − | }
| |
| − | .row-fluid .span8 {
| |
| − | width: 65.95744680851064%;
| |
| − | *width: 65.90425531914893%;
| |
| − | }
| |
| − | .row-fluid .span7 {
| |
| − | width: 57.44680851063829%;
| |
| − | *width: 57.39361702127659%;
| |
| − | }
| |
| − | .row-fluid .span6 {
| |
| − | width: 48.93617021276595%;
| |
| − | *width: 48.88297872340425%;
| |
| − | }
| |
| − | .row-fluid .span5 {
| |
| − | width: 40.42553191489362%;
| |
| − | *width: 40.37234042553192%;
| |
| − | }
| |
| − | .row-fluid .span4 {
| |
| − | width: 31.914893617021278%;
| |
| − | *width: 31.861702127659576%;
| |
| − | }
| |
| − | .row-fluid .span3 {
| |
| − | width: 23.404255319148934%;
| |
| − | *width: 23.351063829787233%;
| |
| − | }
| |
| − | .row-fluid .span2 {
| |
| − | width: 14.893617021276595%;
| |
| − | *width: 14.840425531914894%;
| |
| − | }
| |
| − | .row-fluid .span1 {
| |
| − | width: 6.382978723404255%;
| |
| − | *width: 6.329787234042553%;
| |
| − | }
| |
| − | .row-fluid .offset12 {
| |
| − | margin-left: 104.25531914893617%;
| |
| − | *margin-left: 104.14893617021275%;
| |
| − | }
| |
| − | .row-fluid .offset12:first-child {
| |
| − | margin-left: 102.12765957446808%;
| |
| − | *margin-left: 102.02127659574467%;
| |
| − | }
| |
| − | .row-fluid .offset11 {
| |
| − | margin-left: 95.74468085106382%;
| |
| − | *margin-left: 95.6382978723404%;
| |
| − | }
| |
| − | .row-fluid .offset11:first-child {
| |
| − | margin-left: 93.61702127659574%;
| |
| − | *margin-left: 93.51063829787232%;
| |
| − | }
| |
| − | .row-fluid .offset10 {
| |
| − | margin-left: 87.23404255319149%;
| |
| − | *margin-left: 87.12765957446807%;
| |
| − | }
| |
| − | .row-fluid .offset10:first-child {
| |
| − | margin-left: 85.1063829787234%;
| |
| − | *margin-left: 84.99999999999999%;
| |
| − | }
| |
| − | .row-fluid .offset9 {
| |
| − | margin-left: 78.72340425531914%;
| |
| − | *margin-left: 78.61702127659572%;
| |
| − | }
| |
| − | .row-fluid .offset9:first-child {
| |
| − | margin-left: 76.59574468085106%;
| |
| − | *margin-left: 76.48936170212764%;
| |
| − | }
| |
| − | .row-fluid .offset8 {
| |
| − | margin-left: 70.2127659574468%;
| |
| − | *margin-left: 70.10638297872339%;
| |
| − | }
| |
| − | .row-fluid .offset8:first-child {
| |
| − | margin-left: 68.08510638297872%;
| |
| − | *margin-left: 67.9787234042553%;
| |
| − | }
| |
| − | .row-fluid .offset7 {
| |
| − | margin-left: 61.70212765957446%;
| |
| − | *margin-left: 61.59574468085106%;
| |
| − | }
| |
| − | .row-fluid .offset7:first-child {
| |
| − | margin-left: 59.574468085106375%;
| |
| − | *margin-left: 59.46808510638297%;
| |
| − | }
| |
| − | .row-fluid .offset6 {
| |
| − | margin-left: 53.191489361702125%;
| |
| − | *margin-left: 53.085106382978715%;
| |
| − | }
| |
| − | .row-fluid .offset6:first-child {
| |
| − | margin-left: 51.063829787234035%;
| |
| − | *margin-left: 50.95744680851063%;
| |
| − | }
| |
| − | .row-fluid .offset5 {
| |
| − | margin-left: 44.68085106382979%;
| |
| − | *margin-left: 44.57446808510638%;
| |
| − | }
| |
| − | .row-fluid .offset5:first-child {
| |
| − | margin-left: 42.5531914893617%;
| |
| − | *margin-left: 42.4468085106383%;
| |
| − | }
| |
| − | .row-fluid .offset4 {
| |
| − | margin-left: 36.170212765957444%;
| |
| − | *margin-left: 36.06382978723405%;
| |
| − | }
| |
| − | .row-fluid .offset4:first-child {
| |
| − | margin-left: 34.04255319148936%;
| |
| − | *margin-left: 33.93617021276596%;
| |
| − | }
| |
| − | .row-fluid .offset3 {
| |
| − | margin-left: 27.659574468085104%;
| |
| − | *margin-left: 27.5531914893617%;
| |
| − | }
| |
| − | .row-fluid .offset3:first-child {
| |
| − | margin-left: 25.53191489361702%;
| |
| − | *margin-left: 25.425531914893618%;
| |
| − | }
| |
| − | .row-fluid .offset2 {
| |
| − | margin-left: 19.148936170212764%;
| |
| − | *margin-left: 19.04255319148936%;
| |
| − | }
| |
| − | .row-fluid .offset2:first-child {
| |
| − | margin-left: 17.02127659574468%;
| |
| − | *margin-left: 16.914893617021278%;
| |
| − | }
| |
| − | .row-fluid .offset1 {
| |
| − | margin-left: 10.638297872340425%;
| |
| − | *margin-left: 10.53191489361702%;
| |
| − | }
| |
| − | .row-fluid .offset1:first-child {
| |
| − | margin-left: 8.51063829787234%;
| |
| − | *margin-left: 8.404255319148938%;
| |
| − | }
| |
| − | [class*="span"].hide,
| |
| − | .row-fluid [class*="span"].hide {
| |
| − | display: none;
| |
| − | }
| |
| − | [class*="span"].pull-right,
| |
| − | .row-fluid [class*="span"].pull-right {
| |
| − | float: right;
| |
| − | }
| |
| − | .container {
| |
| − | margin-right: auto;
| |
| − | margin-left: auto;
| |
| − | *zoom: 1;
| |
| − | }
| |
| − | .container:before,
| |
| − | .container:after {
| |
| − | display: table;
| |
| − | content: "";
| |
| − | line-height: 0;
| |
| − | }
| |
| − | .container:after {
| |
| − | clear: both;
| |
| − | }
| |
| − | .container-fluid {
| |
| − | padding-right: 20px;
| |
| − | padding-left: 20px;
| |
| − | *zoom: 1;
| |
| − | }
| |
| − | .container-fluid:before,
| |
| − | .container-fluid:after {
| |
| − | display: table;
| |
| − | content: "";
| |
| − | line-height: 0;
| |
| − | }
| |
| − | .container-fluid:after {
| |
| − | clear: both;
| |
| − | }
| |
| − | .close {
| |
| − | float: right;
| |
| − | font-size: 20px;
| |
| − | font-weight: bold;
| |
| − | line-height: 18px;
| |
| − | color: #000000;
| |
| − | text-shadow: 0 1px 0 #ffffff;
| |
| − | opacity: 0.2;
| |
| − | filter: alpha(opacity=20);
| |
| − | }
| |
| − | .close:hover,
| |
| − | .close:focus {
| |
| − | color: #000000;
| |
| − | text-decoration: none;
| |
| − | cursor: pointer;
| |
| − | opacity: 0.4;
| |
| − | filter: alpha(opacity=40);
| |
| − | }
| |
| − | button.close {
| |
| − | padding: 0;
| |
| − | cursor: pointer;
| |
| − | background: transparent;
| |
| − | border: 0;
| |
| − | -webkit-appearance: none;
| |
| − | }
| |
| − | .fade {
| |
| − | opacity: 0;
| |
| − | -webkit-transition: opacity 0.15s linear;
| |
| − | -moz-transition: opacity 0.15s linear;
| |
| − | -o-transition: opacity 0.15s linear;
| |
| − | transition: opacity 0.15s linear;
| |
| − | }
| |
| − | .fade.in {
| |
| − | opacity: 1;
| |
| − | }
| |
| − | .collapse {
| |
| − | position: relative;
| |
| − | height: 0;
| |
| − | overflow: hidden;
| |
| − | -webkit-transition: height 0.35s ease;
| |
| − | -moz-transition: height 0.35s ease;
| |
| − | -o-transition: height 0.35s ease;
| |
| − | transition: height 0.35s ease;
| |
| − | }
| |
| − | .collapse.in {
| |
| − | height: auto;
| |
| − | }
| |
| − | .carousel {
| |
| − | position: relative;
| |
| − | margin-bottom: 18px;
| |
| − | line-height: 1;
| |
| − | }
| |
| − | .carousel-inner {
| |
| − | overflow: hidden;
| |
| − | width: 100%;
| |
| − | position: relative;
| |
| − | }
| |
| − | .carousel-inner > .item {
| |
| − | display: none;
| |
| − | position: relative;
| |
| − | -webkit-transition: 0.6s ease-in-out left;
| |
| − | -moz-transition: 0.6s ease-in-out left;
| |
| − | -o-transition: 0.6s ease-in-out left;
| |
| − | transition: 0.6s ease-in-out left;
| |
| − | }
| |
| − | .carousel-inner > .item > img,
| |
| − | .carousel-inner > .item > a > img {
| |
| − | display: block;
| |
| − | line-height: 1;
| |
| − | }
| |
| − | .carousel-inner > .active,
| |
| − | .carousel-inner > .next,
| |
| − | .carousel-inner > .prev {
| |
| − | display: block;
| |
| − | }
| |
| − | .carousel-inner > .active {
| |
| − | left: 0;
| |
| − | }
| |
| − | .carousel-inner > .next,
| |
| − | .carousel-inner > .prev {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .carousel-inner > .next {
| |
| − | left: 100%;
| |
| − | }
| |
| − | .carousel-inner > .prev {
| |
| − | left: -100%;
| |
| − | }
| |
| − | .carousel-inner > .next.left,
| |
| − | .carousel-inner > .prev.right {
| |
| − | left: 0;
| |
| − | }
| |
| − | .carousel-inner > .active.left {
| |
| − | left: -100%;
| |
| − | }
| |
| − | .carousel-inner > .active.right {
| |
| − | left: 100%;
| |
| − | }
| |
| − | .carousel-control {
| |
| − | position: absolute;
| |
| − | top: 40%;
| |
| − | left: 15px;
| |
| − | width: 40px;
| |
| − | height: 40px;
| |
| − | margin-top: -20px;
| |
| − | font-size: 60px;
| |
| − | font-weight: 100;
| |
| − | line-height: 30px;
| |
| − | color: #ffffff;
| |
| − | text-align: center;
| |
| − | background: #222222;
| |
| − | border: 3px solid #ffffff;
| |
| − | -webkit-border-radius: 23px;
| |
| − | -moz-border-radius: 23px;
| |
| − | border-radius: 23px;
| |
| − | opacity: 0.5;
| |
| − | filter: alpha(opacity=50);
| |
| − | }
| |
| − | .carousel-control.right {
| |
| − | left: auto;
| |
| − | right: 15px;
| |
| − | }
| |
| − | .carousel-control:hover,
| |
| − | .carousel-control:focus {
| |
| − | color: #ffffff;
| |
| − | text-decoration: none;
| |
| − | opacity: 0.9;
| |
| − | filter: alpha(opacity=90);
| |
| − | }
| |
| − | .carousel-indicators {
| |
| − | position: absolute;
| |
| − | top: 15px;
| |
| − | right: 15px;
| |
| − | z-index: 5;
| |
| − | margin: 0;
| |
| − | list-style: none;
| |
| − | }
| |
| − | .carousel-indicators li {
| |
| − | display: block;
| |
| − | float: left;
| |
| − | width: 10px;
| |
| − | height: 10px;
| |
| − | margin-left: 5px;
| |
| − | text-indent: -999px;
| |
| − | background-color: #ccc;
| |
| − | background-color: rgba(255, 255, 255, 0.25);
| |
| − | border-radius: 5px;
| |
| − | }
| |
| − | .carousel-indicators .active {
| |
| − | background-color: #fff;
| |
| − | }
| |
| − | .carousel-caption {
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | bottom: 0;
| |
| − | padding: 15px;
| |
| − | background: #333333;
| |
| − | background: rgba(0, 0, 0, 0.75);
| |
| − | }
| |
| − | .carousel-caption h4,
| |
| − | .carousel-caption p {
| |
| − | color: #ffffff;
| |
| − | line-height: 18px;
| |
| − | }
| |
| − | .carousel-caption h4 {
| |
| − | margin: 0 0 5px;
| |
| − | }
| |
| − | .carousel-caption p {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − | .pull-right {
| |
| − | float: right;
| |
| − | }
| |
| − | .pull-left {
| |
| − | float: left;
| |
| − | }
| |
| − | .hide {
| |
| − | display: none;
| |
| − | }
| |
| − | .show {
| |
| − | display: block;
| |
| − | }
| |
| − | .invisible {
| |
| − | visibility: hidden;
| |
| − | }
| |
| − | .affix {
| |
| − | position: fixed;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /*Clear existing style*/
| |
| − |
| |
| − |
| |
| − | #contentSub, #menubar, #footer-box, #siteSub, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | html, body {
| |
| − | width: auto !important;
| |
| − | /*overflow-x: hidden !important;*/
| |
| − | height: 100% !important;
| |
| − |
| |
| − | }
| |
| − | /*End claer*/
| |
| − | .navTop ul li a:hover {
| |
| − | background-color: #FFFFFF !important;
| |
| − | }
| |
| − | .mainNav {
| |
| − | min-height: 126px;
| |
| − | background: #FFFFFF;
| |
| − | }
| |
| − | .menu {
| |
| − | padding: 50px 0;
| |
| − | background: white;
| |
| − | }
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <link href="https://2015.igem.org/Team:Nankai/Practices/screen.css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − |
| |
| − | <!-- START SETTINGS BOX -->
| |
| − | <div class="customPanel customPanelClosed">
| |
| − | <div class="customPanelOptions">
| |
| − | Site Color<br />
| |
| − | <div class="customPanelOptionsPickerButton customPanelOptionsPickerButtonSite"></div>
| |
| − | <div style="clear:both;"></div>
| |
| − | </div>
| |
| − | <div class="customPanelOptionsPicker customPanelOptionsPickerBackground"></div>
| |
| − | <div class="customPanelOptionsPicker customPanelOptionsPickerSite"></div>
| |
| − | <div class="customPanelButton"></div>
| |
| − | </div>
| |
| − | <!-- END SETTINGS BOX -->
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!-- Fix html5 sematic on silder
| |
| − | ####################################### -->
| |
| − | <div class="container-fluid bigSlider">
| |
| − | <div class="rs_mainslider">
| |
| − | <ul class="rs_mainslider_items unstyled">
| |
| − | <li class="rs_mainslider_items_active">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/a/af/Nankai_HP_slide1.jpg" alt="slide1" class="rs_mainslider_items_image">
| |
| − | <div class="rs_mainslider_items_text container">
| |
| − | <h2>Lorem ipsum dolor sit amet, consectetur</h2>
| |
| − | <h2>Donec mattis, magna nec lacinia </h2>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="rs_mainslider_items_active">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/c/c3/Nankai_HP_slide2.jpg" alt="slide2" class="rs_mainslider_items_image">
| |
| − | <div class="rs_mainslider_items_text container">
| |
| − | <h2>Lorem ipsum dolor sit amet, consectetur</h2>
| |
| − | <h2>Donec mattis, magna nec lacinia </h2>
| |
| − | </div>
| |
| − | </li>
| |
| − | <li class="rs_mainslider_items_active">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/2/2c/Nankai_HP_slide3.jpg" alt="slide3" class="rs_mainslider_items_image">
| |
| − | <div class="rs_mainslider_items_text container">
| |
| − | <h2>Lorem ipsum dolor sit amet, consectetur</h2>
| |
| − | <h2>Donec mattis, magna nec lacinia </h2>
| |
| − | </div>
| |
| − | </li>
| |
| − | </ul>
| |
| − |
| |
| − | <div class="rs_mainslider_left_container rs_center_vertical_container">
| |
| − | <div class="rs_mainslider_left rs_center_vertical"></div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="rs_mainslider_right_container rs_center_vertical_container">
| |
| − | <div class="rs_mainslider_right rs_center_vertical"></div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="rs_mainslider_dots_container rs_center_horizontal_container">
| |
| − | <ul class="rs_mainslider_dots rs_center_horizontal clearfix"></ul>
| |
| − | </div>
| |
| − |
| |
| − | </div><!-- / -->
| |
| − | </div><!-- /.container-fluid [bigSlider] -->
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="span12 welcomeMessage">
| |
| − | <h1>welcome to our website</h1>
| |
| − | <p>
| |
| − | Nunc luctus pretium neque ac faucibus. Sed odio purus, dignissim eu posuere at, luctus in metus. Morbi vulputate molestie consectetur. Mauris urna neque, blandit at ultrices at, accumsan in magna. Maecenas volutpat justo sed nisi varius in ullamcorper nunc sodales.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div><!-- /.container [welcomeMessage] -->
| |
| − |
| |
| − | <div class="coloredSection featureSite">
| |
| − | <div class="container">
| |
| − | <ul class="row">
| |
| − | <li class="span4">
| |
| − | <h3>OUR PORTFOLIO</h3>
| |
| − | <figure>
| |
| − | <a href="#">
| |
| − | <img src="img/large_icons/portfolio.png" alt="our portfolio">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span4">
| |
| − | <h3>OUR PORTFOLIO</h3>
| |
| − | <figure>
| |
| − | <a href="#">
| |
| − | <img src="img/large_icons/settings.png" alt="our portfolio">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span4">
| |
| − | <h3>OUR PORTFOLIO</h3>
| |
| − | <figure>
| |
| − | <a href="#">
| |
| − | <img src="img/large_icons/mess.png" alt="our portfolio">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque laoreet auctor purus in accumsan.
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | </ul><!-- /.row [featureSite] -->
| |
| − | </div><!-- /.container -->
| |
| − | </div><!-- /.colorBg -->
| |
| − |
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="span12 viewProjects">
| |
| − | <a href="#">VIEW ALL PROJECT →</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <ul class="row portfolioItems">
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item1.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">Photo of morning grass</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/d/d8/Nankai_HP_item2.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">Stylish coffee cup</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/a/a1/Nankai_HP_item3.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">Burlesque</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/c/cc/Nankai_HP_item4.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">Daredevil</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/e/e0/Nankai_HP_item5.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">Illuminary creatives</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/0/05/Nankai_HP_item6.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">Haselbled</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/5/53/Nankai_HP_item7.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">Sandwich</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | <li class="span3">
| |
| − | <figure>
| |
| − | <a href="single_project.html" class="thumbnail">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/1/16/Nankai_HP_item8.jpg" alt="project">
| |
| − | </a>
| |
| − | <figcaption>
| |
| − | <h3><a href="single_project.html">London office</a></h3>
| |
| − | <p>
| |
| − | Class aptent taciti sociosqu ad litora torque
| |
| − | </p>
| |
| − | </figcaption>
| |
| − | </figure>
| |
| − | </li>
| |
| − | </ul><!-- /.portfolioItems -->
| |
| − | </div><!-- /.container [] -->
| |
| − |
| |
| − |
| |
| − |
| |
| − | <div class="footerWidgets">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="span4">
| |
| − | <a href="#" class="brand">DesignPortfolio</a>
| |
| − | <p>
| |
| − | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc sollicitudin massa vel odio gravida placerat. Suspendisse porta, nulla non eleifend vehicula, libero sapien luctus sapien, ut sodales augue velit vitae lacus.
| |
| − | </p>
| |
| − | </div><!-- [footerMessage] -->
| |
| − | <div class="span4">
| |
| − | <h2>FLICKR PHOTOSTREAM</h2>
| |
| − | <ul class="inline flickrImages" data-userid="30233972@N02" data-items="8">
| |
| − |
| |
| − | </ul><!-- /.row-fluid [flickrimages] -->
| |
| − | </div><!-- [flickr] -->
| |
| − | <div class="span4">
| |
| − | <h2>RECENT POSTS</h2>
| |
| − | <ul class="recentPosts">
| |
| − | <li>
| |
| − | <p>
| |
| − | <a href="#">
| |
| − | Pellentesque rhoncus nibh id nibh mollis Etiam aliquam, eros id facilisis
| |
| − | </a>
| |
| − | </p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p>
| |
| − | <a href="#">
| |
| − | Donec volutpat, nisl quis luctu dap
| |
| − | </a>
| |
| − | </p>
| |
| − | </li>
| |
| − | <li>
| |
| − | <p>
| |
| − | <a href="#">
| |
| − | Etiam faucibus, ligula nec blandit ornare, massa enim ultricies leo, eget porta dolor elit.
| |
| − | </a>
| |
| − | </p>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div><!-- [recent posts] -->
| |
| − | </div><!-- /.row -->
| |
| − | </div><!-- /.container -->
| |
| − | </div><!-- /.footerWidgets -->
| |
| − |
| |
| − | <div class="copyRight">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="span7">
| |
| − | <p>
| |
| − | © Copyright 2013. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
| |
| − | </p>
| |
| − | </div>
| |
| − | <div class="span5 text-right">
| |
| − | <p>
| |
| − | Designed by Theme Designer. Developed by 960 Development
| |
| − | </p>
| |
| − | </div>
| |
| − | </div><!-- /.row -->
| |
| − | </div><!-- /.container -->
| |
| − | </div><!-- /.copyright -->
| |
| − | </footer><!-- /.footer [mainFooter] -->
| |
| − |
| |
| − | <!-- Scripts -->
| |
| − | <script src="http://code.jquery.com/jquery-1.7.2.js"></script>
| |
| − | <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Practices/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Practices/settingsbox.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Practices/farbtastic.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Practices/jquery.prettyPhoto.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Practices/izotope.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:Nankai/Practices/option.js?action=raw&ctype=text/javascript"></script>
| |
| − | </body>
| |
| − | </html>
| |
| − | {{Nankai}}
| |