|
|
(2 intermediate revisions by one other user not shown) |
Line 1: |
Line 1: |
− | <html>
| |
− | <style type="text/css">
| |
− | /*
| |
− | body {background-color: white;}
| |
− | #globalWrapper {visibility: hidden; background-color: white;}
| |
− | #menubar, right-menu {visibility: visible;}
| |
− | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover {
| |
− | color: #727272; text-decoration: none; background-color: transparent;
| |
− | }
| |
− | #extein {
| |
− | visibility: visible; width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px;
| |
− | }
| |
− | #content, #contentSub, #catlinks, .printfooter, .visualClear, .wrapper {visibility: hidden;}
| |
− | #footer-box a:link, #footer-box a:active, #footer-box a:visited {
| |
− | visibility:visible; border: none; color: #727272; text-decoration: none; background-color: transparent;
| |
− | }*/
| |
| | | |
− | #column-one, #top, .firstHeading, #contentSub, #p-logo, #search-controls{
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #top-section {
| |
− | position: relative;
| |
− | margin: 0 auto 0 auto;
| |
− | border:0;
| |
− | overflow:visible;
| |
− | }
| |
− |
| |
− |
| |
− | #footer-box {
| |
− | padding-right: 15px;
| |
− | padding-left: 15px;
| |
− | margin-right: auto;
| |
− | margin-left: auto;
| |
− | border:none;
| |
− | width: 100%;
| |
− | }
| |
− |
| |
− | @media (min-width: 768px) {
| |
− | #top-section {
| |
− | width: 750px;
| |
− | }
| |
− | #footer-box {
| |
− | width: 750px;
| |
− | }
| |
− | }
| |
− |
| |
− |
| |
− | @media (min-width: 992px) {
| |
− | #top-section {
| |
− | width: 970px;
| |
− | }
| |
− | #footer-box {
| |
− | width: 970px;
| |
− | }
| |
− | }
| |
− |
| |
− | @media (min-width: 1200px) {
| |
− | #top-section {
| |
− | width: 1170px;
| |
− | }
| |
− | #footer-box {
| |
− | width: 1170px;
| |
− | }
| |
− | }
| |
− |
| |
− | #menubar {
| |
− | position: absolute;
| |
− | white-space: nowrap;
| |
− | top: -6px;
| |
− | z-index: 1035;
| |
− | font-family: sans-serif;
| |
− | font-size: 95%;
| |
− | line-height: 1em;
| |
− | }
| |
− |
| |
− | #menubar ul {
| |
− | margin-bottom: 0;
| |
− | }
| |
− |
| |
− | .left-menu, .left-menu a {
| |
− | left: 0px;
| |
− | text-align: left;
| |
− | color:transparent;
| |
− | text-transform: lowercase;
| |
− | }
| |
− |
| |
− | .left-menu li {
| |
− | color:transparent !important;
| |
− | }
| |
− |
| |
− | .left-menu:hover li {
| |
− | color: white !important;
| |
− | }
| |
− |
| |
− | .left-menu:hover {
| |
− | color: white;
| |
− | background-color: #555555
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .left-menu:hover a {
| |
− | color: white;
| |
− | }
| |
− |
| |
− | .right-menu, .right-menu a {
| |
− | right: 0px;
| |
− | text-align: right;
| |
− | color: white;
| |
− | }
| |
− | .right-menu a {
| |
− | background-color: #606060;
| |
− | }
| |
− |
| |
− | .right-menu li a {
| |
− | padding: 0px 15px 0px 0px;
| |
− | color: white;
| |
− | background-color: #606060;
| |
− | }
| |
− | .right-menu li a:hover {
| |
− | color: #aaaaff;
| |
− | text-decoration: underline;
| |
− | }
| |
− |
| |
− | #menubar ul {
| |
− | color: #555555;
| |
− | list-style: none;
| |
− | margin-top:10px;
| |
− | }
| |
− |
| |
− | #menubar li {
| |
− | display: inline;
| |
− | position: relative;
| |
− | cursor: pointer;
| |
− | padding-left: 0px;
| |
− | padding-right: 0px;
| |
− | }
| |
− |
| |
− | .left-menu li a {
| |
− | padding: 0px 10px 0px 0px;
| |
− | }
| |
− |
| |
− |
| |
− | #content {
| |
− | border:none;
| |
− | margin:0;
| |
− | padding:0;
| |
− | z-index:0;
| |
− | width:auto;
| |
− | }
| |
− |
| |
− |
| |
− | #top-section {
| |
− | height: auto;
| |
− | border:0;
| |
− | }
| |
− |
| |
− | #bodyContent > p {
| |
− | display:none;
| |
− | /* Workaround wrapping of template includes */
| |
− | }
| |
− |
| |
− | #column-content {
| |
− | margin:0;
| |
− | padding:0;
| |
− | float:none;
| |
− | }
| |
− |
| |
− | #siteSub {
| |
− | display:none;
| |
− | }
| |
− |
| |
− | #jump-to-nav {
| |
− | display:none;
| |
− | }
| |
− |
| |
− | #catlinks {
| |
− | display:none;
| |
− | }
| |
− |
| |
− | .printfooter {
| |
− | display:none;
| |
− | }
| |
− |
| |
− | body {
| |
− | background:none;
| |
− | }
| |
− |
| |
− |
| |
− | #footer-box *{
| |
− | position:relative;
| |
− | margin-top:10px;
| |
− | }
| |
− |
| |
− | #footer-box a {
| |
− | color: #BFBFBF;
| |
− | }
| |
− |
| |
− | #footer-box a:hover {
| |
− | color: #515151;
| |
− | }
| |
− |
| |
− | #footer{
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | #f-copyrightico {
| |
− | float: left;
| |
− | }
| |
− |
| |
− | #f-poweredbyico {
| |
− | float: right;
| |
− | }
| |
− |
| |
− | head:first-child+body #footer li {
| |
− | white-space: nowrap;
| |
− | }
| |
− |
| |
− | #footer li {
| |
− | display: inline;
| |
− | margin: 0 1.3em;
| |
− | }
| |
− |
| |
− | </style>
| |
− |
| |
− |
| |
− | <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/css/bootstrapcss&action=raw&ctype=text/css">
| |
− |
| |
− |
| |
− | <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/css/bootstraptheme&action=raw&ctype=text/css">
| |
− |
| |
− |
| |
− | <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/css/overrides&action=raw&ctype=text/css">
| |
− |
| |
− |
| |
− | <link rel="stylesheet" href="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/css/fancybox&action=raw&ctype=text/css">
| |
− |
| |
− |
| |
− | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/js/jquery&action=raw&ctype=text/javascript"></script>
| |
− |
| |
− |
| |
− | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/js/bootstrapjs&action=raw&ctype=text/javascript"></script>
| |
− |
| |
− |
| |
− | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/js/fancybox&action=raw&ctype=text/javascript"></script>
| |
− |
| |
− |
| |
− | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/js/wikipage&action=raw&ctype=text/javascript"></script>
| |
− |
| |
− |
| |
− | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/js/gunzip.min.js&action=raw&ctype=text/javascript"></script>
| |
− |
| |
− |
| |
− | <style type="text/css">
| |
− |
| |
− |
| |
− | body {
| |
− | {{{body-style}}}
| |
− | }
| |
− |
| |
− |
| |
− | #footer-box{
| |
− | {{{body-style}}}
| |
− | }
| |
− |
| |
− | </style>
| |
− | <div class="container" style="padding:0;background-color:white;">
| |
− | <div class="col-lg-12 notebook-awesomesheet">
| |
− | <p>
| |
− |
| |
− |
| |
− | </p>
| |
− | </div>
| |
− |
| |
− | <style type="text/css">
| |
− | .notebook-awesomesheet {
| |
− | overflow-x: auto;
| |
− | }
| |
− | </style>
| |
− | <script type='text/javascript'>
| |
− | /**
| |
− | * Converts an array buffer to a string
| |
− | *
| |
− | * @private
| |
− | * @param {ArrayBuffer} buf The buffer to convert
| |
− | * @param {Function} callback The function to call when conversion is complete
| |
− | * NOTE: Quite inefficient for small data...
| |
− | */
| |
− | function _arrayBufferToString(buf, callback) {
| |
− | var bb = new Blob([new Uint8Array(buf)]);
| |
− | var f = new FileReader();
| |
− | f.onload = function(e) {
| |
− | callback(e.target.result);
| |
− | };
| |
− | f.readAsText(bb);
| |
− | }
| |
− |
| |
− | var _load_unzip_format_and_insert = function(src, id) {
| |
− | // load zip file from src, unzip and format it to text
| |
− | // and insert content into DOM element referenced by id
| |
− |
| |
− | var oReq = new XMLHttpRequest();
| |
− | oReq.open("GET", src, true);
| |
− | oReq.responseType = "arraybuffer";
| |
− |
| |
− | oReq.onload = function (oEvent) {
| |
− | var arrayBuffer = oReq.response; // Note: not oReq.responseText
| |
− | if (arrayBuffer) {
| |
− | var byteArray = new Uint8Array(arrayBuffer);
| |
− | var gunzip = new Zlib.Gunzip(byteArray);
| |
− | var plain = gunzip.decompress();
| |
− | _arrayBufferToString(plain, function(r){$(id).append(r)});
| |
− | }
| |
− | };
| |
− | oReq.send();
| |
− | };
| |
− |
| |
− | //_load_unzip_format_and_insert("PlateReader.zip", ".notebook-awesomesheet");
| |
− | </script>
| |
− |
| |
− |
| |
− | </div>
| |
− |
| |
− |
| |
− | <script type='text/javascript'>
| |
− | _load_unzip_format_and_insert("https://static.igem.org/mediawiki/2017/1/12/T--Heidelberg--2017_notebook_database_culture.zip", ".notebook-awesomesheet");
| |
− | </script>
| |
− |
| |
− | </p>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | </html>
| |