Team:UCLondon/Templates/Header

From 2012e.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:UCLondon/Templates/Navigation}}
+
{{: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-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(242, 242, 242) ) );
 +
        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(242, 242, 242) );
 +
        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(242, 242, 242) );
 +
        background-image: url(http://db.tt/A6rAg7D9), linear-gradient(top, rgb(242, 242, 242), rgb(242, 242, 242) );
 +
       
-
        background-image: url(http://db.tt/A6rAg7D9), -webkit-linear-gradient(top, rgb(242, 242, 242), rgb(255, 255, 255) ), url(http://db.tt/z5ZavMw9);
+
         background-position: top;
-
        background-image: url(http://db.tt/A6rAg7D9), -moz-linear-gradient(top, rgb(242, 242, 242), rgb(255, 255, 255) );
+
         background-repeat: repeat-x;
-
        background-image: url(http://db.tt/A6rAg7D9), -ms-linear-gradient(top, rgb(242, 242, 242), rgb(255, 255, 255) );
+
-
        background-image: url(http://db.tt/A6rAg7D9), -o-linear-gradient(top, rgb(242, 242, 242), rgb(255, 255, 255) );
+
-
        background-image: url(http://db.tt/A6rAg7D9), linear-gradient(top, rgb(242, 242, 242), rgb(255, 255, 255) );
+
-
 
+
-
         background-position: top, bottom;
+
-
         background-repeat: repeat-x, repeat-x;
+
   }
   }
     .firstHeading { display: none; }  
     .firstHeading { display: none; }  
Line 68: 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:95%; 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:15% !important; float: left !important; height: 100%;  background-color: rgba(0, 0, 0, 0);  }
+
     .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: 80%; margin:auto;   
+
                               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 83: 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 89: Line 105:
     .MBWikiStyle #toc.fixed { position:fixed; top:0; }
     .MBWikiStyle #toc.fixed { position:fixed; top:0; }
-
   </style>
+
#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 96: 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);
Line 102: Line 144:
    
    
         $(window).scroll(function (event) {
         $(window).scroll(function (event) {
-
              // let's do something funky
 
             var y = $(this).scrollTop();
             var y = $(this).scrollTop();
    
    
-
            // whether that's below the form
 
             if (y >= top) {
             if (y >= top) {
                 // if so, ad the fixed class
                 // if so, ad the fixed class
-
                 $('#comment').addClass('fixed');
+
                 $('#toc').addClass('fixed');
             } else {
             } else {
-
                // otherwise remove it
+
                 $('#toc').removeClass('fixed');
-
                 $('#comment').removeClass('fixed');
+
             }
             }
     });
     });

Latest revision as of 00:02, 28 October 2012

{{{1}}}