Team:UCLondon/Templates/Header
From 2012e.igem.org
(Difference between revisions)
(54 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{:Team:UCLondon/Templates/ | + | {{:Team:UCLondon/Templates/Navigationv4}} |
<html> | <html> | ||
+ | |||
+ | <div id="shadow" style="display:none;" > | ||
+ | <div id="close-box" style="background:url(http://db.tt/N9CUKlnO) no-repeat 0 0; height:35px; width:35px; cursor:pointer;"></div> | ||
+ | |||
+ | <div id="box-content" style="width:95%; height:95%; margin:auto;"> | ||
+ | <div id="load" style="background:url(http://db.tt/UTRvh0fQ) no-repeat center center; height:100px; width:100px; margin:auto;"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
<div id="logo"><h1>Morph<img src="https://dl.dropbox.com/u/45600819/Morph%20Logo-bright.png" height="55"/>Bioinformatics</h1></div> | <div id="logo"><h1>Morph<img src="https://dl.dropbox.com/u/45600819/Morph%20Logo-bright.png" height="55"/>Bioinformatics</h1></div> | ||
Line 15: | Line 25: | ||
<style type="text/css"> | <style type="text/css"> | ||
body { | body { | ||
- | + | background-color: rgb(242, 242, 242); | |
- | + | background-image: url(http://db.tt/A6rAg7D9); | |
- | background-image: url(http://db.tt/A6rAg7D9), -webkit-gradient(linear, 0% 0%, 0% 100%, from( rgb(242, 242, 242) ), to( rgb( | + | background-image: url(http://db.tt/A6rAg7D9), -webkit-gradient(linear, 0% 0%, 0% 100%, from( rgb(242, 242, 242) ), to( rgb(242, 242, 242) ) ); |
- | background-image: url(http://db.tt/A6rAg7D9), -webkit-linear-gradient(top, rgb(242, 242, 242), rgb( | + | background-image: url(http://db.tt/A6rAg7D9), -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(242, 242, 242)),; |
- | background-image: url(http://db.tt/A6rAg7D9), -moz-linear-gradient(top, rgb(242, 242, 242), rgb( | + | background-image: url(http://db.tt/A6rAg7D9), -moz-linear-gradient(top, rgb(242, 242, 242), rgb(242, 242, 242) ); |
- | background-image: url(http://db.tt/A6rAg7D9), -ms-linear-gradient(top, rgb(242, 242, 242), rgb( | + | background-image: url(http://db.tt/A6rAg7D9), -ms-linear-gradient(top, rgb(242, 242, 242), rgb(242, 242, 242) ); |
- | background-image: url(http://db.tt/A6rAg7D9), -o-linear-gradient(top, rgb(242, 242, 242), rgb( | + | background-image: url(http://db.tt/A6rAg7D9), -o-linear-gradient(top, rgb(242, 242, 242), rgb(242, 242, 242) ); |
- | background-image: url(http://db.tt/A6rAg7D9), linear-gradient(top, rgb(242, 242, 242), rgb( | + | background-image: url(http://db.tt/A6rAg7D9), linear-gradient(top, rgb(242, 242, 242), rgb(242, 242, 242) ); |
+ | |||
background-position: top; | background-position: top; | ||
Line 69: | Line 80: | ||
} | } | ||
- | .MBWikiStyle * { border: none !important; } | + | .MBWikiStyle *:not(table), .MBWikiStyle #toc { border: none !important; } |
.MBWikiStyle #toc, .MBWikiStyle #toc a:hover { background-color: rgba(0, 0, 0, 0); text-decoration:none; width:98%; margin:auto; } | .MBWikiStyle #toc, .MBWikiStyle #toc a:hover { background-color: rgba(0, 0, 0, 0); text-decoration:none; width:98%; margin:auto; } | ||
- | .MBWikiStyle .sidebar { width: | + | .MBWikiStyle .sidebar { width:20% !important; float: left !important; height: 100%; background-color: rgba(0, 0, 0, 0); } |
.MBWikiStyle .sidebar a { font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: rgb(56, 90, 79); } | .MBWikiStyle .sidebar a { font-family: Helvetica, Arial, sans-serif; font-size: 13px; font-weight: bold; color: rgb(56, 90, 79); } | ||
.MBWikiStyle .sidebar a:hover { color: rgb(64, 128, 0); } | .MBWikiStyle .sidebar a:hover { color: rgb(64, 128, 0); } | ||
.MBWikiStyle .sidebar a .tocnumber {display: none; } | .MBWikiStyle .sidebar a .tocnumber {display: none; } | ||
+ | .MBWikiStyle .sidebar li li:before { content:"-";} | ||
+ | |||
+ | |||
#toctitle { display: none; } | #toctitle { display: none; } | ||
.MBWikiStyle .MBContent { | .MBWikiStyle .MBContent { | ||
- | float:right; width: | + | float:right; width: 75%; margin:auto; |
border-left-color: rgb(231, 230, 230) !important; border-left-width: 1px !important; border-left-style:solid !important; | border-left-color: rgb(231, 230, 230) !important; border-left-width: 1px !important; border-left-style:solid !important; | ||
padding-left: 20px; padding-right: 20px; | padding-left: 20px; padding-right: 20px; | ||
Line 84: | Line 98: | ||
.MBWikiStyle .MBContent h2 { color: rgb(56, 90, 79); font-family: 'Myriad Pro', Helvetica, sans-serif; font-size: 24px; font-weight: bold; } | .MBWikiStyle .MBContent h2 { color: rgb(56, 90, 79); font-family: 'Myriad Pro', Helvetica, sans-serif; font-size: 24px; font-weight: bold; } | ||
+ | .MBWikiStyle .MBContent h3 { color: rgb(73, 117, 103); } | ||
.MBWikiStyle .MBContent .editsection { font-size: 9px; font-family: Helvetica, sans-serif; } | .MBWikiStyle .MBContent .editsection { font-size: 9px; font-family: Helvetica, sans-serif; } | ||
.MBWikiStyle .MBContent p, .MBWikiStyle .MBContent li { color: rgb(117, 117, 117); font-family: Helvetica, sans-serif; font-size: 13px; } | .MBWikiStyle .MBContent p, .MBWikiStyle .MBContent li { color: rgb(117, 117, 117); font-family: Helvetica, sans-serif; font-size: 13px; } | ||
Line 90: | Line 105: | ||
.MBWikiStyle #toc.fixed { position:fixed; top:0; } | .MBWikiStyle #toc.fixed { position:fixed; top:0; } | ||
- | + | #shadow { | |
+ | |||
+ | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( rgba(255, 255, 255, 1) ), to( rgb(249, 249, 249) ) ); | ||
+ | background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgb(249, 249, 249) ); | ||
+ | background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgb(249, 249, 249) ); | ||
+ | background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgb(249, 249, 249) ); | ||
+ | background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgb(249, 249, 249) ); | ||
+ | background-image: linear-gradient(top, rgba(255, 255, 255, 1), rgb(249, 249, 249) ); | ||
+ | background-color: rgb(255,255,255); | ||
+ | |||
+ | box-shadow: 1px 2px 5px 5px #888; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | position:fixed; | ||
+ | height: 400px; | ||
+ | width:50%; | ||
+ | margin:auto; | ||
+ | z-index: 999999999999999999999999; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script src="https://dl.dropbox.com/u/3703109/igeme/js/mb-additions.js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 97: | Line 133: | ||
var nHeight = $('.MBContent').height(); | var nHeight = $('.MBContent').height(); | ||
$('.MBWikiStyle').css('height', nHeight); | $('.MBWikiStyle').css('height', nHeight); | ||
+ | |||
+ | setTimeout(function(){ | ||
+ | var nHeight = $('.MBContent').height(); | ||
+ | $('.MBWikiStyle').css('height', nHeight); | ||
+ | },2000); | ||
Latest revision as of 00:02, 28 October 2012