Template:Uppsala-SwedenTemplate2

From 2011.igem.org

(Difference between revisions)
Line 155: Line 155:
-
+
<html>
          
          
     <script type="text/javascript">
     <script type="text/javascript">
Line 226: Line 226:
settings.afterLoad.call(this);return this;};$.fn.nivoSlider=function(options){return this.each(function(key,value){var element=$(this);if(element.data('nivoslider'))return element.data('nivoslider');var nivoslider=new NivoSlider(this,options);element.data('nivoslider',nivoslider);});};$.fn.nivoSlider.defaults={effect:'random',slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:'.jpg',controlNavThumbsReplace:'_thumb.jpg',keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:'Prev',nextText:'Next',beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};$.fn._reverse=[].reverse;})(jQuery);
settings.afterLoad.call(this);return this;};$.fn.nivoSlider=function(options){return this.each(function(key,value){var element=$(this);if(element.data('nivoslider'))return element.data('nivoslider');var nivoslider=new NivoSlider(this,options);element.data('nivoslider',nivoslider);});};$.fn.nivoSlider.defaults={effect:'random',slices:15,boxCols:8,boxRows:4,animSpeed:500,pauseTime:3000,startSlide:0,directionNav:true,directionNavHide:true,controlNav:true,controlNavThumbs:false,controlNavThumbsFromRel:false,controlNavThumbsSearch:'.jpg',controlNavThumbsReplace:'_thumb.jpg',keyboardNav:true,pauseOnHover:true,manualAdvance:false,captionOpacity:0.8,prevText:'Prev',nextText:'Next',beforeChange:function(){},afterChange:function(){},slideshowEnd:function(){},lastSlide:function(){},afterLoad:function(){}};$.fn._reverse=[].reverse;})(jQuery);
</script>
</script>
 +
</html>
     <script type="text/javascript">
     <script type="text/javascript">
     $(window).load(function() {
     $(window).load(function() {

Revision as of 09:32, 26 July 2011

/* * jQuery Nivo Slider v2.6 * http://nivo.dev7studios.com * * Copyright 2011, Gilbert Pellegrom * Free to use and abuse under the MIT license. * http://www.opensource.org/licenses/mit-license.php * * March 2010 */ /* The Nivo Slider styles */ .nivoSlider { position:absolute; } .nivoSlider img { position:absolute; top:0px; left:0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; } /* The slices and boxes in the Slider */ .nivo-slice { display:block; position:absolute; z-index:5; height:100%; } .nivo-box { display:block; position:absolute; z-index:5; } /* Caption styles */ .nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; } .nivo-caption p { padding:5px; margin:0; } .nivo-caption a { display:inline !important; } .nivo-html-caption { display:none; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; } .nivo-prevNav { left:0px; } .nivo-nextNav { right:0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position:relative; z-index:9; cursor:pointer; } .nivo-controlNav a.active { font-weight:bold; } /*=================================*/ /* Nivo Slider Demo /* November 2010 /* By: Gilbert Pellegrom /* http://dev7studios.com /*=================================*/ /*====================*/ /*=== Reset Styles ===*/ /*====================*/ 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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } a, a:visited { color:blue; text-decoration:none; } a:hover, a:active { color:#000; text-decoration:none; } .theme-default #slider { margin:34px 34px 0 34px; margin-top:30px; margin-bottom:30px; width:870px; /* Make sure your images are the same size */ height:246px; /* Make sure your images are the same size */ } 

   <script type="text/javascript">
   $(window).load(function() {
       $('#slider').nivoSlider();
   });
   </script>


<style type="text/css"> body {} body.mediawiki {background:#fff ;url(Uppsala.jpg) top center repeat-y; font-family:Helvetica, Arial, sans-serif; color:#202020;border:20;}

  1. content {width:976px; padding:0;background:#fff url(Uppsala.jpg ) bottom center repeat-x;}
  2. bodyContent {}

h1.firstHeading, #top {display:none;}

  1. content * a:hover {text-decoration:none;}



.hp {width:100%; position:relative;} .fh {height:100%; position:relative;} .container {font-size:1.2em; line-height:1.6em;} .container_16 {margin-left: auto;margin-right: auto;width: 976px;} .grid_cell,.grid_Blue,.grid_Green,.grid_Red,.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16 {text-align:left; display:inline;float: left;position: relative; padding-right:10px; padding-left:10px; overflow:hidden;} .alpha {padding-left:0;} .omega {padding-right:0;} .container_16 .grid_cell{ width:190px;font-family:Helvetica, Arial, sans-serif; color:#202020;border:1px solid #F2F2F2;background: #F2F2F2; } .container_16 .grid_Blue { font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px; background: #3B5998; width:190px;} .container_16 .grid_Red { font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px; background: #BF0404; width:190px;} .container_16 .grid_Green { font-family:Helvetica, Arial, sans-serif; color:#FFFFFF;font-size:10px; background: #05B65E; width:190px;}

.container_16 .grid_1 {width:41px;} .container_16 .grid_2 {width:102px;}

.container_16 .grid_3 { 

-webkit-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
-moz-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(10deg) scale(1) skew(1deg) translate(0px);
 border:double 6px #000000;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-box-shadow: 10px 10px 5px #000000;
-webkit-box-shadow: 10px 10px 5px #000000;
box-shadow: 10px 10px 5px #000000;



/*margin-right:61px;*/
width:263px;opacity:1;

filter:alpha(opacity=100); border:1px solid blue; background: #800; 

   background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
   background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
                                color-stop(50%, #E71616), color-stop(80%, #800000),
                                color-stop(85%, #800000), to(#b80304));}

.container_16 .grid_3:hover { -webkit-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px); 

-moz-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
-o-transform: rotate(10deg) scale(1.1) skew(1deg) translate(0px);
 border:double 6px #000000;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-box-shadow: 10px 10px 5px #000000;
-webkit-box-shadow: 10px 10px 5px #000000;
box-shadow: 10px 10px 5px #000000;



/*margin-right:61px;*/
width:263px;opacity:1;

filter:alpha(opacity=100); border:1px solid blue; background: #800; 

   background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
   background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
                                color-stop(50%, #E71616), color-stop(80%, #800000),
                                color-stop(85%, #800000), to(#b80304));}



.container_16 .grid_4 {width:224px;} .container_16 .grid_5 { -webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); 

-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 border:double 6px #000000;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-box-shadow: 10px 10px 5px #000000;
-webkit-box-shadow: 10px 10px 5px #000000;
box-shadow: 10px 10px 5px #000000;

color:red; 


/*margin-right:61px;*/
width:285px;opacity:1;

filter:alpha(opacity=100); border:1px solid blue; background: #800; 

   background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
   background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
                                color-stop(50%, #ffa000), to(#FFFFFF));



/*width:285px;opacity:1; filter:alpha(opacity=100); border:1px solid blue; background:yellow center center;*/}

.container_16 .grid_5:hover { -webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); 

-moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 border:double 6px #000000;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-box-shadow: 10px 10px 5px #000000;
-webkit-box-shadow: 10px 10px 5px #000000;
box-shadow: 10px 10px 5px #000000;

color:red; 


/*margin-right:61px;*/
width:285px;opacity:1;

filter:alpha(opacity=100); border:1px solid blue; background: #800; 

   background: -moz-linear-gradient(-90deg, #ffff40, #ffa000  50%, #FFFFFF);
   background: -webkit-gradient(linear, left top, left bottom, from(#ffff40),
                                color-stop(50%, #ffa000), to(#FFFFFF));}

.container_16 .grid_6 {

-webkit-transform: rotate(0deg) scale(1) skew(1deg) translate(0px); 

-moz-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(1deg) translate(0px);
 border:double 6px #000000;
-moz-border-radius: 14px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-box-shadow: 10px 10px 5px #000000;
-webkit-box-shadow: 10px 10px 5px #000000;
box-shadow: 10px 10px 5px #000000;



/*margin-right:61px;*/
width:285px;opacity:1;

filter:alpha(opacity=100); border:1px solid blue; background: #800; 

   background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0);
   background: -webkit-gradient(linear, left top, left bottom, from(#0060a0),
                                color-stop(40%,#0020ff), to(#00c0c0));

width:346px; /*border:1px solid blue; background:blue center center;*/} .container_16 .grid_6:hover { -webkit-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px); 

-moz-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
-o-transform: rotate(0deg) scale(1.01) skew(1deg) translate(0px);
 border:double 6px #000000;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
border-radius: 24px;
-moz-box-shadow: 10px 10px 5px #000000;
-webkit-box-shadow: 10px 10px 5px #000000;
box-shadow: 10px 10px 5px #000000;



/*margin-right:61px;*/
width:285px;opacity:1;

filter:alpha(opacity=100); border:1px solid blue; background: #800; 

   background: -moz-linear-gradient(-90deg, #0060a0, #0020ff 40%, #00c0c0);
   background: -webkit-gradient(linear, left top, left bottom, from(#0060a0),
                                color-stop(40%,#0020ff), to(#00c0c0));

width:346px; /*width:346px;opacity:1; filter:alpha(opacity=100); filter: “alpha(opacity=100)”; border:1px solid blue; background:blue center center;*/} .container_16 .grid_7 {width:407px;} .container_16 .grid_8 {width:368px;} .container_16 .grid_9 {width:529px;} .container_16 .grid_10 {width:590px;} .container_16 .grid_11 {width:665px;} .container_16 .grid_12 {width:712px;} .container_16 .grid_13 {width:773px;} .container_16 .grid_14 {width:834px;} .container_16 .grid_15 {width:895px;} .container_16 .grid_16 {width:956px;} .container_16 .grid_17 { 

width:163px;opacity:1;}

.container_16 .prefix_1 {margin-left:61px;} .container_16 .prefix_2 {margin-left:122px;} .container_16 .prefix_3 {margin-left:183px;} .container_16 .prefix_4 {margin-left:0px;} .container_16 .suffix_1 {margin-right:61px;/*-moz-border-radius: 330px/350px; 

   -webkit-border-radius: 330px 350px;
   border-radius: 330px/350px;
   background: #800;
   background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%, #800000 85%, #b80304);
   background: -webkit-gradient(linear, left top, left bottom, from(#FE878A),
                                color-stop(50%, #E71616), color-stop(80%, #800000),
                                color-stop(85%, #800000), to(#b80304));*/}

.wrap_1 {float:left; display:inline; width:61px; position:relative; padding:0; margin:0;} .wrap_3 {float:left; display:inline; width:183px;position:relative; padding:0; margin:0;} .wrap_12 {float:left; display:inline; width:732px; position:relative; padding:0; margin:0;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden;width: 0; height: 0;} .clearfix:after {clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0;height: 0;} .clearfix {display: inline-block;}

  • html .clearfix {height: 1%;}

.clearfix {display: block;}

.round {-moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; behaviour: url(http://vatsav.net/js/border-radius-ie8.htc); }

h1,h2,h3,h4,h5,h6 {font-variant:small-caps; text-transform: lowercase; font-weight:bold; display:block; border-bottom:1px #996E6E solid;font-family:"Arial Black", "Helvetica", sans-serif; margin-bottom:10px; margin-top:10px; padding-bottom: 5px; letter-spacing: 0.075em;} h4 i,h4 em {font-variant:normal; text-transform:none; font-weight:400; font-family: Helvetica, sans-serif; font-size:11px;} .und h1, .und h2, .und h3, .und h4, .und h5,.und h6 { border-bottom:none/*1px #666 solid*/; text-decoration:underline;} h3,h4,h5,h6 {text-transform:lowercase;} h1 {font-size:16px; color:#1B0C24; padding-bottom:0;} h2,h3 {font-size:14px; padding-bottom:2px;} h2 {color:#291D28;} h3 {color:#371E46;} h4 {font-size:13px; padding-bottom:3px; color#604040;} h5, h6 {font-size:12px; padding-bottom:4px;} h5 {color:#806060;} h6 {color:#996E6E;} div.sponsortitle h3 {border-bottom:none; text-decoration: underline;} .editsection, .editsection a {font-size:10px; color:#96B2B5;}



.hidden {visibility:hidden;} .gray {font-size:80%; color:#ededed; font-family:serif; font-style:italic;} .white {font-size:15; color:#FFFFFF; font-family:serif;} .grey {color:#666; font-family:serif; font-style:italic;} .blu {background:#86D6EF;}

.container_16 #Uppsalabanner .grid_4 {width:230px;padding:0;margin-left:10px; margin-right:4px;} .container_16 #Uppsalabanner .grid_12 {width:717px; padding:0;margin-left:5px; margin-right:10px;}

  1. sub_menu {height:200px;}
  2. Uppsalabanner {}
  3. mainlogo {height:210px; background:url(Uppsala4.jpg) top center no-repeat;}
  4. Igemlogo {height:79px; background:url(Uppsala6.png) top left no-repeat;}
  5. maincontent {height:210px; background:url(Uppsala3.jpg) right top no-repeat;}
  6. Uppsalalogo {height:384px; background:url(Uppsala3.jpg) bottom left no-repeat;}
  7. banner {height:323px; background:url(Uppsala4.jpg) center center no-repeat; clear:both; position:relative;}
  8. Uppsalacontact {height:260px; background:url(Uppsalacontact.jpg) top right no-repeat; position:relative;}

.banner {height:200px;display:block;}

  1. Uppsalaabout {height:322px; background:url(Uppsalaabout.jpg) top left no-repeat;}

.about {height:322px; background:url(Uppsalasidelogo.jpg) top left no-repeat;}

  1. Uppsalaproject {height:360px; background:url(Uppsalaplaque.jpg) top center no-repeat;}
  2. Uppsalanotebook {height:302px; background:url(Uppsalanote.jpg) top center no-repeat;}
  1. mainred {height:198px; background:url(UppsalaBanner2.png) left top no-repeat;}

.maincontent {margin-top:-50px;}


  1. menu {color: #c5c5c5; text-align:center; padding:0; margin:0; font-size:1.11em; font-family:Century Gothic, ITC Avant Garde, sans-serif; margin-bottom:0px; text-transform:lowercase; font-variant:small-caps; font-weight:bold;/*position:fixed;*/}
  2. menu .grid_1,#menu .grid_2, #menu .grid_3, #menu.grid_4 {padding-top:0px; padding-bottom:0px;}
  3. menu .link {text-align:center; letter-spacing:0.125em; /*font-variant:small-caps; text-transform:lowercase;*/}
  4. menu .link.hide:hover, #menu .link.hide {background:transparent;}
  5. menu .link a {color:#404040; padding:0 0px 0px; display:inline-block;}
  6. menu .link .selflink {color:#426e9f; padding-top:0px;padding-bottom:0px; border-bottom:0px #68BADA solid; }
  7. menu .link a:hover {color:#202020; padding-top:0px;padding-bottom:0px; border-bottom:0px #426e96 solid;}
  8. menu.main {}

.selflink {color:#202020; font-weight:bold;}

  1. Uppsalacontent {padding-bottom:15px; margin-top:15px;margin-bottom:15px; font-family:Gill Sans / Gill Sans MT, "Lucida Sans Unicode", "Lucida Grande", sans-serif; clear:both;}

.bold {font-weight:600;color:#202020;} .small {font-size:50%;} .serif {font-family:"Palatino","Times New Roman", Times, serif;} .textright{text-align:right;} .right {float:right;} .textjustify {text-align:justify;} span.sup {vertical-align:super; line-height:0.25em; font-size:0.8em;} span.sub {vertical-align:sub; line-height:0.25em; font-size:0.8em;} span.source {font-size:50%; color:#666; line-height:0.8em;}

h1 span.title {letter-spacing:0.03em; font-size:175%; font-family:Helvetica, sans-serif; color:#436e96; font-weight:bold;} .title {font-weight:100;font-family:"Century Gothic","ITC Avant Garde Gothic", "Avant Garde","Gill Sans", "Gill Sans MT", "Helvetica", sans-serif; letter-spacing:-0.075em; font-size:300%; color:#141414; display:block; display:inline-block; padding-bottom:11px; margin-bottom:10px; padding-top:6px;} .title span.bold {color:#202020;}

  1. content #submenu{margin-top:2px; padding-top:2px; font-family:Gill Sans / Gill Sans MT, sans-serif; font-variant:small-caps; text-transform:lowercase; border-bottom:3px solid #404040; padding-bottom: 5px;}
  2. content #submenu .submenu a {color:#404040; font-size:13px; font-weight:200; display:block;padding:2px; letter-spacing:0.05em;}
  3. content #submenu .submenu a:hover {font-weight:bold; margin:0 2px;}
  4. content #submenu .selflink {color:#426e96; margin:0 2px;}
  5. submenu .subtitle span {display:block; padding:2px; font-size:15px; font-weight:bold; font-variant:small-caps; color:#e0e0e0; letter-spacing:0.1em;}
  6. submenu .contrast {background:#404040;}
  7. submenu .subtitle {margin-bottom:5px;}

.profile img { float:left; } 

.profile a.member {

cursor:default; display:block; text-decoration:none; float:left; }


.profile a.member { background-repeat:no-repeat; background-position:0 7px; }


.spiffy{display:block} .spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background:#202020} .spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #959595;border-right:1px solid #959595; background:#464646} .spiffy2{margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; background:#373737} .spiffy3{margin-left:1px; margin-right:1px; border-left:1px solid #373737; border-right:1px solid #373737;} .spiffy4{ border-left:1px solid #959595;border-right:1px solid #959595} .spiffy5{border-left:1px solid #464646; border-right:1px solid #464646} .spiffyfg{background:#202020}

  1. tock {float:left; padding:0 20px 0 0; background:transparent; margin:5px 5px 25px 0px;}
  2. toc {width:200px; position:relative; border:0; padding:5px; background:#202020;}
  3. content #toc a {color:#a0a0a0; font-weight:normal;}
  4. content #toc a:hover {color:#e0e0e0; text-decoration:none;}
  5. toc ul {margin-top:2px; margin-bottom:2px;}

li.toclevel-2,li.toclevel-3 {display:block; position:relative; margin-left:-15px;}

  1. toctitle h2, #toctitle{color:#e0e0e0; font-size:14px; text-transform:lowercase; font-weight:normal; letter-spacing: 0.075em;}
  2. toctitle a {font-size:8px;}

.tocnumber {color:#688893; font-family:Times, Georgia, serif; font-weight:bold;}

  1. floatMenu {

position:absolute; top:0px; left:0px; margin-left:0px; width:180px; min-height:100%; height:200px; z-index:-16; }

  1. floatMenu ul {

margin-bottom:20px; }

  1. floatMenu ul li a { 
               display:block;

border:1px solid #999; background-color:#222; border-left:6px solid #999; text-decoration:none; color:#ccc; padding:5px 5px 5px 25px; } #floatMenu ul li a:hover { color:#fff; background-color:#333333; } #floatMenu ul.menu1 li a:hover { border-color:#09f; } #floatMenu ul.menu2 li a:hover { border-color:#9f0; } #floatMenu ul.menu3 li a:hover { border-color:#f09; }



  1. Uppsalafooter {font-size:75%; color:#202020; margin-bottom:20px; margin-top:20px;}

.contrast {background:#202020; color:#bfbecc;}


html, body {height: 100%;}

  1. wrap {min-height: 100%;}
  1. main {overflow:auto;

padding-bottom: 150px;} /* must be same height as the footer */

  1. footy { 
       background-color:#ffffff;
       position: relative;

margin-top: -250px; /* negative value of footer height */ margin-bottom: -25px; height: 250px; clear:both; 

       border-top: 2px solid black;
       }

/*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ }



  1. ram

{ border-style:solid; padding-left:20px; padding-right:20px; }


a.opac img{ opacity:.40; filter:alpha(opacity=50); filter: “alpha(opacity=50)”; }

a.opac:hover img{ opacity:1; filter:alpha(opacity=100); filter: “alpha(opacity=100)”; }


/*Wikihack*/


/* it's in my file*/

</style>





<script type="text/javascript"><![CDATA[//><!]]></script>



</html>

Retrieved from "http://2011.igem.org/Template:Uppsala-SwedenTemplate2"