Biomod/2012/TU Dresden/Nanosaurs/Sandbox2: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
<!--import jquery libraries-->
  <link rel="stylesheet" type="text/css" href="http://biomod-dresden-2012.googlecode.com/svn/trunk/css/metrojs.css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  <script type='text/javascript' src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/metrojs.js"></script>
<script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/superfish/js/superfish.js"></script>
 
<script type="text/javascript" src="http://users.tpg.com.au/j_birch/plugins/assets/js/hoverIntent.js"></script>
<script type='text/javascript'>
<script type="text/javascript" src="http://nivocdn.nodeki2.netdna-cdn.com/wp-content/plugins/nivo-slider/scripts/nivo-slider/jquery.nivo.slider.pack.js"></script>
$(window).load(function(){
<script type="text/javascript" src="http://gayadesign.com/scripts/queryLoader2/js/lib/jquery.queryloader2.js"></script>
$(".live-tile").liveTile(
<script type="text/javascript" src="http://tweet.seaofclouds.com/jquery.tweet.js"></script>
{
  mode:'slide',
<!--import webfonts-->
  delay: 10000000000000000,
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,700' rel='stylesheet' type='text/css'>
  initDelay: -1,
<link href='http://openwetware.org/images/a/a5/Light.css' rel='stylesheet' type='text/css'>
  pauseOnHover: true
<link href='http://openwetware.org/images/0/01/Nivo-slider.css' rel='stylesheet' type='text/css'>
}
);
<script type"text/javascript">
$(".live-tile").click(function(){
// Main function that waits for the browser to be ready
$(this).liveTile("animate");
$(document).ready(function(){
$("body").queryLoader2();
//make css accesible, please change the alter_css to chnage the style
var alter_css = $("#alter_css").html();
$("style").remove();
$('head').append('<link rel="stylesheet" href="/skins/monobook/shared.css?164" type="text/css" />');
$('head').append('<style type="text/css">'+alter_css+'</style>');
//additional divs
$(".firstHeading").wrap('<div id="header"></div>');
$(".firstHeading").wrap('<div id="inner_header"></div>');
$(".firstHeading").wrap('<div id="title_con"></div>');
var nav = $("#nav").html();
$('#inner_header').append(nav);
$('#inner_header').append('<div class="clear"></div>');
$('#header').append('<div id="dino_head"></div>');
//clean up wiki framework
$("#sidebar-main").remove();
$(".portlet").remove();
//fix breadcrumbs
var breadcrumbs = $('#contentSub').remove();
breadcrumbs.appendTo('#header');
var bread = $("#contentSub").html().replace(/\|/g,">").replace(">TU Dresden/Nanosaurs</a>",">Nanosaurs</a>").replace("&lt; ","");
$(".subpages").replaceWith(bread);
//fix heading
var h1 = $(".firstHeading").text().split("/");
$(".firstHeading").text(h1[h1.length-1]);
//start plugins
$("ul.sf-menu").superfish();
$('#slider').nivoSlider({
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
slices: 15, // For slice animations
boxCols: 8, // For box animations
boxRows: 4, // For box animations
animSpeed: 500, // Slide transition speed
pauseTime: 3000, // How long each slide will show
startSlide: 0, // Set starting Slide (0 index)
directionNav: true, // Next & Prev navigation
controlNav: true, // 1,2,3... navigation
controlNavThumbs: false, // Use thumbnails for Control Nav
pauseOnHover: true, // Stop animation while hovering
manualAdvance: false, // Force manual transitions
prevText: 'Prev', // Prev directionNav text
nextText: 'Next', // Next directionNav text
randomStart: true, // Start on a random slide
});
$(".tweet").tweet({
  count: 6,
  query: "from:nanosaurs",
  loading_text: "searching twitter..."
});
});
});
</script>
});
</script>


<script id="alter_css">
<body>
#column-content {
  <div id="main">
width: 100%;
<h1>click panels</h1>
float: right;
<div class="tiles red">
margin: 0 0 .6em -12.2em;
<div class="live-tile">
padding: 0;
<div>
}
<img alt="More about the B CUBE" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_bcube.png">
#column-one {
</div>
padding-top: 160px;
<div>
}
<div class="sponsorDescription">
#content {
B CUBE
background: #F9F9F9;
</div>
color: black;
<div class="sponsorURL">
line-height: 1.5em;
<a href="http://www.bcube-dresden.de/">www.bcube-dresden.de</a>
padding: 0 1em 1em 1em;
</div>
position: relative;
</div>
z-index: 2;
</div>
margin: 60px auto 0;
<div class="live-tile">
width: 980px;
<div>
}
<img alt="More about the BIOTEC" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_biotec.png">
/* the left column width is specified in class .portlet */
</div>
 
<div>
/* Font size:
<div class="sponsorDescription">
** We take advantage of keyword scaling- browsers won't go below 9px
BIOTEC
** More at http://www.w3.org/2003/07/30-font-size
</div>
** http://style.cleverchimp.com/font_size_intervals/altintervals.html
<div class="sponsorURL">
*/
<a href="http://www.biotec.tu-dresden.de/">www.biotec.tu-dresden.de</a>
 
</div>
body {
</div>
margin: 0;
</div>
padding: 0;
<div class="live-tile">
/* addition */
<div>
color: #777777;
<img alt="More about the TU Dresden" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_tud.png">
font-family: Verdana;
</div>
font-size: 12px;
<div>
font-weight: lighter;
<div class="sponsorDescription">
line-height: 22px;
TU Dresden
background-color: #F9F9F9;
</div>
}
<div class="sponsorURL">
 
<a href="http://tu-dresden.de">www.tu-dresden.de</a>
/* scale back up to a sane default */
</div>
#globalWrapper {
</div>
font-size: 127%;
</div>
width: 100%;
<div class="live-tile">
margin: 0;
<div>
padding: 0;
<img alt="More about the CRTD" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_crtd.png">
}
</div>
.visualClear {
<div>
clear: both;
<div class="sponsorDescription">
}
CRTD
 
</div>
/* general styles */
<div class="sponsorURL">
 
<a href="http://www.crt-dresden.de/">www.crt-dresden.de</a>
table {
</div>
font-size: 100%;
</div>
color: black;
</div>
/* we don't want the bottom borders of <h2>s to be visible through
  floated tables */
background-color: #F9F9F9;
}
fieldset table {
/* but keep table layouts in forms clean... */
background: none;
}
a {
text-decoration: none;
color: #555555;
background: none;
}
 
a, a:active, a:visited {
color: #607890;
}
a:hover {
color: #003366;
}
 
img {
border: none;
vertical-align: middle;
}
p {
color: #777777;
font-size: 12px;
font-weight: lighter;
line-height: 22px;
margin-bottom: 15px;
}
<div class="live-tile">
p img {
<div>
margin: 0;
<img alt="More about the DIGS-BB" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_diggsbb.png">
}
</div>
 
<div>
hr {
<div class="sponsorDescription">
height: 1px;
DIGS-BB
color: #aaa;
</div>
background-color: #aaa;
<div class="sponsorURL">
border: 0;
<a href="http://www.digs-bb.de/">www.digs-bb.de</a>
margin: .2em 0 .2em 0;
</div>
}
</div>
 
</div>
h1, h2, h3, h4, h5, h6 {
<div class="live-tile">
font-weight: 600;
<div>
font-family: 'Merriweather', serif;
<img alt="More about the Association of Friends and Sponsors of TU Dresden e.V." src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_FFTUD.png">
margin: 0;
</div>
padding-top: .5em;
<div>
padding-bottom: .17em;
<div class="sponsorDescription1">
}
Association of Friends and Sponsors of TU Dresden e.V.
 
</div>
h1 {
<div class="sponsorURL">
font-size: 35px;
<a href="http://tu-dresden.de/die_tu_dresden/foerderer/gff_2012/">www.tu-dresden.de/...</a>
font-weight: normal;
</div>
line-height: 65px;
</div>
}
</div>
h2 {
<div class="live-tile">
font-size: 27px;
<div>
font-weight: normal;
<img alt="More about Andor" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_andor.png">
line-height: 40px;
</div>
}
<div>
h3 {
<div class="sponsorDescription">
font-size: 25px;
Andor Technology
font-weight: normal;
</div>
line-height: 35px;
<div class="sponsorURL">
}
<a href="http://www.andor.com/">www.andor.com</a>
h4 {
</div>
font-size: 20px;
</div>
font-weight: normal;
</div>
line-height: 30px;
<div class="live-tile">
}
<div>
h5 {
<img alt="More about Cenix" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_cenix.png">
font-size: 14px;
</div>
font-weight: normal;
<div>
line-height: 20px;
<div class="sponsorDescription">
}
Cenix BioScience GmbH
 
</div>
ul {
<div class="sponsorURL">
line-height: 1.5em;
<a href="http://www.cenix.com/">www.cenix.com</a>
list-style-type: square;
</div>
margin: .3em 0 0 1.5em;
</div>
padding: 0;
</div>
list-style-image: url(bullet.gif);
<div class="live-tile">
}
<div>
ol {
<img alt="More about eBioscience" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_ebioscience.png">
line-height: 1.5em;
</div>
margin: .3em 0 0 3.2em;
<div>
padding: 0;
<div class="sponsorDescription">
list-style-image: none;
eBioscience
}
</div>
li {
<div class="sponsorURL">
margin-bottom: .1em;
<a href="http://ebioscience.com/">www.ebioscience.com</a>
}
</div>
dt {
</div>
font-weight: bold;
</div>
margin-bottom: .1em;
}
<div class="live-tile">
dl {
<div>
margin-top: .2em;
<img alt="More about Eppendorf" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_eppendorf.png">
margin-bottom: .5em;
</div>
}
<div>
dd {
<div class="sponsorDescription">
line-height: 1.5em;
Eppendorf AG
margin-left: 2em;
</div>
margin-bottom: .1em;
<div class="sponsorURL">
}
<a href="http://www.eppendorf.com/">www.eppendorf.com</a>
 
</div>
fieldset {
</div>
border: 1px solid #2f6fab;
</div>
margin: 1em 0 1em 0;
<div class="live-tile">
padding: 0 1em 1em;
<div>
line-height: 1.5em;
<img alt="More about Fisher Scientific" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_fisher.png">
}
</div>
fieldset.nested {
<div>
margin: 0 0 0.5em 0;
<div class="sponsorDescription">
padding: 0 0.5em 0.5em;
Fisher Scientific
}
</div>
legend {
<div class="sponsorURL">
padding: .5em;
<a href="http://www.fishersci.com">www.fishersci.com</a>
font-size: 95%;
</div>
}
</div>
form {
</div>
border: none;
margin: 0;
}
 
textarea {
width: 100%;
padding: .1em;
}
 
input.historysubmit {
padding: 0 .3em .3em .3em !important;
font-size: 94%;
cursor: pointer;
height: 1.7em !important;
margin-left: 1.6em;
}
select {
vertical-align: top;
}
abbr, acronym, .explain {
border-bottom: 1px dotted black;
color: black;
background: none;
cursor: help;
}
q {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}
/* disabled for now
blockquote {
font-family: Times, "Times New Roman", serif;
font-style: italic;
}*/
code {
background-color: #f9f9f9;
}
pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}
 
/*
** the main content area
*/
 
#siteSub {
display: none;
}
#jump-to-nav {
display: none;
}
 
#contentSub, #contentSub2 {
font-size: 16px;
line-height: 1.2em;
color: #7d7d7d;
width: 820px;
border-bottom: 1px solid #EEEEEE;
position: relative;
left: 170px;
}
span.subpages {
display: block;
margin: 1em 0;
}
 
/* Some space under the headers in the content area */
#bodyContent h1, #bodyContent h2 {
margin-bottom: .6em;
}
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
margin-bottom: .3em;
}
.firstHeading {
margin-bottom: .6em;
margin-top: .8em;
color: #333333;
/* These two rules hack around bug 2013 (fix for more limited bug 11325).
<div class="live-tile">
  When bug 2013 is fixed properly, they should be removed. */
<div>
line-height: 1.2em;
<img alt="More about greiner bio-one" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_greiner.png">
padding-bottom: 0;
</div>
}
<div>
 
<div class="sponsorDescription">
/* user notification thing */
Greiner Bio-One GmbH
.usermessage {
</div>
background-color: #F9F9F9;
<div class="sponsorURL">
border: 1px solid #ffa500;
<a href="http://www.greinerbioone.com">www.greinerbioone.com</a>
color: black;
</div>
font-weight: bold;
</div>
margin: 2em 0 1em;
</div>
padding: .5em 1em;
vertical-align: middle;
<div class="live-tile">
}
<div>
#siteNotice {
<img alt="More about JPK" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_jpk.png">
text-align: center;
</div>
font-size: 95%;
<div>
padding: 0 .9em;
<div class="sponsorDescription">
}
JPK Instruments AG
#siteNotice p {
</div>
margin: 0;
<div class="sponsorURL">
padding: 0;
<a href="http://www.jpk.com/">www.jpk.com</a>
}
</div>
.success {
</div>
color: green;
</div>
font-size: larger;
<div class="live-tile">
}
<div>
.error {
<img alt="More about Purimex" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_purimex.png">
color: red;
</div>
font-size: larger;
<div>
}
<div class="sponsorDescription">
.errorbox, .successbox {
Purimex
font-size: larger;
</div>
border: 2px solid;
<div class="sponsorURL">
padding: .5em 1em;
<a href="http://www.purimex.com/">www.purimex.com</a>
float: left;
</div>
margin-bottom: 2em;
</div>
color: #000;
</div>
}
<div class="live-tile">
.errorbox {
<div>
border-color: red;
<img alt="More about Roche" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_roche.png">
background-color: #F9F9F9;
</div>
}
<div>
.successbox {
<div class="sponsorDescription1">
border-color: green;
Roche Pharma AG &amp;<br>Roche Diagnostics GmbH
background-color: #dfd;
</div>
}
<div class="sponsorURL">
.errorbox h2, .successbox h2 {
<a href="http://roche.com/">www.roche.com</a>
font-size: 1em;
</div>
font-weight: bold;
</div>
display: inline;
</div>
margin: 0 .5em 0 0;
<div class="live-tile">
border: none;
<div>
}
<img alt="More about the STURA Dresden" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_stura.png">
 
</div>
.catlinks {
<div>
border: 1px solid #aaa;
<div class="sponsorDescription1">
background-color: #f9f9f9;
Student council of <br/>TU Dresden
padding: 5px;
</div>
margin-top: 1em;
<div class="sponsorURL">
clear: both;
<a href="http://www.stura.tu-dresden.de/">www.stura.tu-dresden.de</a>
}
</div>
/* currently unused, intended to be used by a metadata box
</div>
in the bottom-right corner of the content area */
</div>
.documentDescription {
/* The summary text describing the document */
font-weight: bold;
display: block;
margin: 1em 0;
line-height: 1.5em;
}
.documentByLine {
text-align: right;
font-size: 90%;
clear: both;
font-weight: normal;
color: #76797c;
}
 
/* emulate center */
.center {
width: 100%;
text-align: center;
}
*.center * {
margin-left: auto;
margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
font-size: 94%;
}
table.small {
font-size: 100%;
}
 
/*
** content styles
*/
 
#toc,
.toc,
.mw-warning {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
#toc h2,
.toc h2 {
display: inline;
border: none;
padding: 0;
font-size: 100%;
font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
text-align: center;
}
#toc ul,
.toc ul {
list-style-type: none;
list-style-image: none;
margin-left: 0;
padding-left: 0;
text-align: left;
}
#toc ul ul,
.toc ul ul {
margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
font-size: 94%;
}
 
.mw-warning {
margin-left: 50px;
margin-right: 50px;
text-align: center;
}
 
/* images */
div.floatright, table.floatright {
clear: right;
float: right;
position: relative;
margin: 0 0 .5em .5em;
border: 0;
/*
border: .5em solid white;
border-width: .5em 0 .8em 1.4em;
*/
}
div.floatright p { font-style: italic; }
div.floatleft, table.floatleft {
float: left;
clear: left;
position: relative;
margin: 0 .5em .5em 0;
border: 0;
/*
margin: .3em .5em .5em 0;
border: .5em solid white;
border-width: .5em 1.4em .8em 0;
*/
}
div.floatleft p { font-style: italic; }
/* thumbnails */
div.thumb {
margin-bottom: .5em;
border-style: solid;
border-color: white;
width: auto;
}
div.thumbinner {
border: 1px solid #ccc;
padding: 3px !important;
background-color: #f9f9f9;
font-size: 94%;
text-align: center;
overflow: hidden;
}
html .thumbimage {
border: 1px solid #ccc;
}
html .thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: 3px !important;
font-size: 94%;
}
div.magnify {
float: right;
border: none !important;
background: none !important;
}
div.magnify a, div.magnify img {
display: block;
border: none !important;
background: none !important;
}
div.tright {
clear: right;
float: right;
border-width: .5em 0 .8em 1.4em;
}
div.tleft {
float: left;
clear: left;
margin-right: .5em;
border-width: .5em 1.4em .8em 0;
}
img.thumbborder {
border: 1px solid #dddddd;
}
.hiddenStructure {
display: none;
}
 
/*
** classes for special content elements like town boxes
** intended to be referenced directly from the wiki src
*/
 
/*
** User styles
*/
/* table standards */
table.rimage {
float: right;
position: relative;
margin-left: 1em;
margin-bottom: 1em;
text-align: center;
}
.toccolours {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
 
/*
** edit views etc
*/
.special li {
line-height: 1.4em;
margin: 0;
padding: 0;
}
 
/*
** keep the whitespace in front of the ^=, hides rule from konqueror
** this is css3, the validator doesn't like it when validating as css2
*/
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] {
background: url(external.png) center right no-repeat;
padding-right: 13px;
}
#bodyContent a[href ^="https://"],
.link-https {
background: url(lock_icon.gif) center right no-repeat;
padding-right: 16px;
}
#bodyContent a[href ^="mailto:"],
.link-mailto {
background: url(mail_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="news://"] {
background: url(news_icon.png) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="ftp://"],
.link-ftp {
background: url(file_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a[href ^="irc://"],
#bodyContent a.extiw[href ^="irc://"],
.link-irc {
background: url(discussionitem_icon.gif) center right no-repeat;
padding-right: 18px;
}
#bodyContent a.external[href $=".ogg"], #bodyContent a.external[href $=".OGG"],
#bodyContent a.external[href $=".mid"], #bodyContent a.external[href $=".MID"],
#bodyContent a.external[href $=".midi"], #bodyContent a.external[href $=".MIDI"],
#bodyContent a.external[href $=".mp3"], #bodyContent a.external[href $=".MP3"],
#bodyContent a.external[href $=".wav"], #bodyContent a.external[href $=".WAV"],
#bodyContent a.external[href $=".wma"], #bodyContent a.external[href $=".WMA"],
.link-audio {
background: url("audio.png") center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".ogm"], #bodyContent a.external[href $=".OGM"],
#bodyContent a.external[href $=".avi"], #bodyContent a.external[href $=".AVI"],
#bodyContent a.external[href $=".mpeg"], #bodyContent a.external[href $=".MPEG"],
#bodyContent a.external[href $=".mpg"], #bodyContent a.external[href $=".MPG"],
.link-video {
background: url("video.png") center right no-repeat;
padding-right: 13px;
}
#bodyContent a.external[href $=".pdf"], #bodyContent a.external[href $=".PDF"],
#bodyContent a.external[href *=".pdf#"], #bodyContent a.external[href *=".PDF#"],
#bodyContent a.external[href *=".pdf?"], #bodyContent a.external[href *=".PDF?"],
.link-document {
background: url("document.png") center right no-repeat;
padding-right: 12px;
}
 
/* disable interwiki styling */
#bodyContent a.extiw,
#bodyContent a.extiw:active {
color: #36b;
background: none;
padding: 0;
}
#bodyContent a.external {
color: #36b;
}
/* this can be used in the content area to switch off
special external link styling */
#bodyContent .plainlinks a {
background: none !important;
padding: 0 !important;
}
/*
** Structural Elements
*/
 
/*
** general portlet styles (elements in the quickbar)
*/
.portlet {
border: none;
margin: 0 0 .5em;
padding: 0;
float: none;
width: 11.6em;
overflow: hidden;
}
.portlet h4 {
font-size: 95%;
font-weight: normal;
white-space: nowrap;
}
.portlet h5 {
background: transparent;
padding: 0 1em 0 .5em;
display: inline;
height: 1em;
text-transform: lowercase;
font-size: 91%;
font-weight: normal;
white-space: nowrap;
}
.portlet h6 {
background: #F9F9F9;
border: 1px solid #2f6fab;
border-style: solid solid none solid;
padding: 0 1em 0 1em;
text-transform: lowercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
.pBody {
font-size: 95%;
background-color: white;
color: black;
border-collapse: collapse;
border: 1px solid #aaa;
padding: 0 .8em .3em .5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
margin: 0;
padding: 0;
}
.portlet ul {
line-height: 1.5em;
list-style-type: square;
list-style-image: url(bullet.gif);
font-size: 95%;
}
.portlet li {
padding: 0;
margin: 0;
}
 
/*
** Logo properties
*/
 
#p-logo {
top: 0;
left: 0;
position: absolute; /*needed to use z-index */
z-index: 3;
height: 155px;
width: 12em;
overflow: visible;
}
#p-logo h5 {
display: none;
}
#p-logo a,
#p-logo a:hover {
display: block;
height: 155px;
width: 12.2em;
background-repeat: no-repeat;
background-position: 35% 50% !important;
text-decoration: none;
}
 
/*
** Search portlet
*/
#p-search {
position: relative;
z-index: 3;
}
input.searchButton {
margin-top: 1px;
font-size: 95%;
}
#searchGoButton {
padding-left: .5em;
padding-right: .5em;
font-weight: bold;
}
#searchInput {
width: 10.9em;
margin: 0;
font-size: 95%;
}
#p-search .pBody {
padding: .5em .4em .4em .4em;
text-align: center;
}
 
/*
** the personal toolbar
*/
#p-personal {
position: absolute;
left: 0;
top: 0;
z-index: 0;
}
#p-personal {
width: 100%;
white-space: nowrap;
padding: 0;
margin: 0;
border: none;
background: none;
overflow: visible;
line-height: 1.2em;
}
#p-personal h5 {
display: none;
}
#p-personal .portlet,
#p-personal .pBody {
z-index: 0;
padding: 0;
margin: 0;
border: none;
overflow: visible;
background: none;
}
/* this is the ul contained in the portlet */
#p-personal ul {
border: none;
line-height: 1.4em;
color: #2f6fab;
padding: 0 2em 0 3em;
margin: 0;
text-align: right;
list-style: none;
z-index: 0;
background: none;
cursor: default;
}
#p-personal li {
z-index: 0;
border: none;
padding: 0;
display: inline;
color: #2f6fab;
margin-left: 1em;
line-height: 1.2em;
background: none;
}
#p-personal li a {
text-decoration: none;
color: #005896;
padding-bottom: .2em;
background: none;
}
#p-personal li a:hover {
background-color: white;
padding-bottom: .2em;
text-decoration: none;
}
#p-personal li.active a:hover {
background-color: transparent;
}
/* the icon in front of the user name, single quotes
in bg url to hide it from iemac */
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {
background: url(user.gif) top left no-repeat;
padding-left: 20px;
text-transform: none;
}
#p-personal ul {
text-transform: lowercase;
}
#p-personal li.active {
font-weight: bold;
}
/*
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
position: absolute;
top: 1.3em;
left: 11.5em;
margin: 0;
white-space: nowrap;
width: 76%;
line-height: 1.1em;
overflow: visible;
background: none;
border-collapse: collapse;
padding-left: 1em;
list-style: none;
font-size: 95%;
}
#p-cactions ul {
list-style: none;
}
#p-cactions li {
display: inline;
border: 1px solid #aaa;
border-bottom: none;
padding: 0 0 .1em 0;
margin: 0 .3em 0 0;
overflow: visible;
background: white;
}
#p-cactions li.selected {
border-color: #fabd23;
padding: 0 0 .2em 0;
font-weight: bold;
}
#p-cactions li a {
background-color: #fbfbfb;
border: none;
padding: 0 .8em .3em;
position: relative;
z-index: 0;
margin: 0;
text-decoration: none;
}
#p-cactions li.selected a {
z-index: 3;
padding: 0 1em .2em!important;
background-color: white;
}
#p-cactions .new a {
color: #ba0000;
}
#p-cactions li a:hover {
z-index: 3;
text-decoration: none;
background-color: white;
}
#p-cactions h5 {
display: none;
}
#p-cactions li.istalk {
margin-right: 0;
}
#p-cactions li.istalk a {
padding-right: .5em;
}
#p-cactions #ca-addsection a {
padding-left: .4em;
padding-right: .4em;
}
/* offsets to distinguish the tab groups */
li#ca-talk {
margin-right: 1.6em;
}
li#ca-watch, li#ca-unwatch, li#ca-varlang-0, li#ca-print {
margin-left: 1.6em;
}
#p-cactions .pBody {
font-size: 1em;
background-color: transparent;
color: inherit;
border-collapse: inherit;
border: 0;
padding: 0;
}
#p-cactions .hiddenStructure {
display: none;
}
#p-cactions li a {
text-transform: lowercase;
}
 
/*
** the remaining portlets
*/
#p-tbx,
#p-lang {
position: relative;
z-index: 3;
}
 
/* TODO: #t-iscite is only used by the Cite extension, come up with some
* system which allows extensions to add to this file on the fly
*/
#t-ispermalink, #t-iscite {
color: #999;
}
/*
** footer
*/
#footer {
background-color: #F9F9F9;
border-top: 1px solid #fabd23;
border-bottom: 1px solid #fabd23;
margin: .6em 0 1em 0;
padding: .4em 0 1.2em 0;
text-align: center;
font-size: 90%;
}
#footer li {
display: inline;
margin: 0 1.3em;
}
#f-poweredbyico, #f-copyrightico {
margin: 0 8px;
position: relative;
top: -2px; /* Bump it up just a tad */
}
#f-poweredbyico {
float: right;
height: 1%;
}
#f-copyrightico {
float: left;
height: 1%;
}
 
/* js pref toc */
#preftoc {
margin: 0;
padding: 0;
width: 100%;
clear: both;
}
#preftoc li {
background-color: #F9F9F9;
color: #000;
}
#preftoc li {
margin: 1px -2px 1px 2px;
float: left;
padding: 2px 0 3px 0;
border: 1px solid #fff;
border-right-color: #716f64;
border-bottom: 0;
position: relative;
white-space: nowrap;
list-style-type: none;
list-style-image: none;
z-index: 3;
}
#preftoc li.selected {
font-weight: bold;
background-color: #f9f9f9;
border: 1px solid #aaa;
border-bottom: none;
cursor: default;
top: 1px;
padding-top: 2px;
margin-right: -3px;
}
#preftoc > li.selected {
top: 2px;
}
#preftoc a,
#preftoc a:active {
display: block;
color: #000;
padding: 0 .7em;
position: relative;
text-decoration: none;
}
#preftoc li.selected a {
cursor: default;
text-decoration: none;
}
#prefcontrol {
padding-top: 2em;
clear: both;
}
#preferences {
margin: 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em;
background-color: #F9F9F9;
}
.prefsection {
border: none;
padding: 0;
margin: 0;
}
.prefsection fieldset {
border: 1px solid #aaa;
float: left;
margin-right: 2em;
}
.prefsection legend {
font-weight: bold; 
}
.prefsection table, .prefsection legend {
background-color: #F9F9F9;
}
.mainLegend {
display: none;
}
div.prefsectiontip {
font-size: x-small;
padding: .2em 2em;
color: #666;
}
.btnSavePrefs {
font-weight: bold;
padding-left: .3em;
padding-right: .3em;
}
 
.preferences-login {
clear: both;
margin-bottom: 1.5em;
}
 
.prefcache {
font-size: 90%;
margin-top: 2em;
}
 
div#userloginForm form,
div#userlogin form#userlogin2 {
margin: 0 3em 1em 0;
border: 1px solid #aaa;
clear: both;
padding: 1.5em 2em;
background-color: #f9f9f9;
float: left;
}
.rtl div#userloginForm form,
.rtl div#userlogin form#userlogin2 {
float: right;
}
 
div#userloginForm table,
div#userlogin form#userlogin2 table {
background-color: #f9f9f9;
}
 
div#userloginForm h2,
div#userlogin form#userlogin2 h2 {
padding-top: 0;
}
 
div#userlogin .captcha,
div#userloginForm .captcha {
border: 1px solid #bbb;
padding: 1.5em 2em;
background-color: #F9F9F9;
}
 
#loginend, #signupend {
clear: both;
}
 
#userloginprompt, #languagelinks {
font-size: 85%;
}
 
#login-sectiontip {
font-size: 85%;
line-height: 1.2;
padding-top: 2em;
}
 
#userlogin .loginText, #userlogin .loginPassword {
width: 12em;
}
 
#userloginlink a, #wpLoginattempt, #wpCreateaccount {
font-weight: bold;
}
 
/*
** IE/Mac fixes, hope to find a validating way to move this
** to a separate stylesheet. This would work but doesn't validate:
** @import("IEMacFixes.css");
*/
/* tabs: border on the a, not the div */
* > html #p-cactions li { border: none; }
* > html #p-cactions li a {
border: 1px solid #aaa;
border-bottom: none;
}
* > html #p-cactions li.selected a { border-color: #fabd23; }
/* footer icons need a fixed width */
* > html #f-poweredbyico,
* > html #f-copyrightico { width: 88px; }
* > html #bodyContent,
* > html #bodyContent pre {
overflow-x: auto;
width: 100%;
padding-bottom: 25px;
}
 
/* more IE fixes */
/* float/negative margin brokenness */
* html #footer {margin-top: 0;}
* html #column-content {
display: inline;
margin-bottom: 0;
}
* html div.editsection { font-size: smaller; }
#pagehistory li.selected { position: relative; }
 
/* Mac IE 5.0 fix; floated content turns invisible */
* > html #column-content {
float: none;
}
* > html #column-one {
position: absolute;
left: 0;
top: 0;
}
* > html #footer {
margin-left: 13.2em;
}
.redirectText {
font-size: 150%;
margin: 5px;
}
 
.printfooter {
display: none;
}
 
.not-patrolled {
background-color: #ffa;
}
div.patrollink {
clear: both;
font-size: 75%;
text-align: right;
}
span.newpage, span.minor, span.bot {
font-weight: bold;
}
span.unpatrolled {
font-weight: bold;
color: red;
}
 
.sharedUploadNotice {
font-style: italic;
}
 
span.updatedmarker {
color: black;
background-color: #0f0;
}
 
table.gallery {
border: 1px solid #ccc;
margin: 2px;
padding: 2px;
background-color: white;
}
 
table.gallery tr {
vertical-align: top;
}
 
table.gallery td {
vertical-align: top;
background-color: #f9f9f9;
border: solid 2px white;
}
/* Keep this temporarily so that cached pages will display right */
table.gallery td.galleryheader {
text-align: center;
font-weight: bold;
}
table.gallery caption {
font-weight: bold;
}
 
div.gallerybox {
margin: 2px;
}
 
div.gallerybox div.thumb {
text-align: center;
border: 1px solid #ccc;
margin: 2px;
}
 
div.gallerytext {
overflow: hidden;
font-size: 94%;
padding: 2px 4px;
}
 
span.comment {
font-style: italic;
}
 
span.changedby {
font-size: 95%;
}
 
.previewnote {
text-indent: 3em;
color: #c00;
border-bottom: 1px solid #aaa;
padding-bottom: 1em;
margin-bottom: 1em;
}
 
.previewnote p {
margin: 0;
padding: 0;
}
 
.editExternally {
border: 1px solid gray;
background-color: #F9F9F9;
padding: 3px;
margin-top: 0.5em;
float: left;
font-size: small;
text-align: center;
}
.editExternallyHelp {
font-style: italic;
color: gray;
}
 
.toggle {
margin-left: 2em;
text-indent: -2em;
}
 
/* Classes for EXIF data display */
table.mw_metadata {
font-size: 0.8em;
margin-left: 0.5em;
margin-bottom: 0.5em;
width: 300px;
}
 
table.mw_metadata caption {
font-weight: bold;
}
 
table.mw_metadata th {
font-weight: normal;
}
 
table.mw_metadata td {
padding: 0.1em;
}
 
table.mw_metadata {
border: none;
border-collapse: collapse;
}
 
table.mw_metadata td, table.mw_metadata th {
text-align: center;
border: 1px solid #aaaaaa;
padding-left: 0.1em;
padding-right: 0.1em;
}
 
table.mw_metadata th {
background-color: #f9f9f9;
}
 
table.mw_metadata td {
background-color: #fcfcfc;
}
 
table.collapsed tr.collapsable {
display: none;
}
 
 
/* filetoc */
ul#filetoc {
text-align: center;
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
margin-bottom: 0.5em;
margin-left: 0;
margin-right: 0;
}
 
#filetoc li {
display: inline;
list-style-type: none;
padding-right: 2em;
}
 
input#wpSummary {
width: 80%;
}
 
/* @bug 1714 */
input#wpSave, input#wpDiff {
margin-right: 0.33em;
}
 
#wpSave {
font-weight: bold;
}
 
/* Classes for article validation */
 
table.revisionform_default {
border: 1px solid #000000;
}
 
table.revisionform_focus {
border: 1px solid #000000;
background-color:#00BBFF;
}
 
tr.revision_tr_default {
background-color:#EEEEEE;
}
 
tr.revision_tr_first {
background-color:#DDDDDD;
}
 
p.revision_saved {
color: green;
font-weight:bold;
}
 
#mw_trackbacks {
border: solid 1px #bbbbff;
background-color: #eeeeff;
padding: 0.2em;
}
 
 
/* Allmessages table */
 
#allmessagestable th {
background-color: #b2b2ff;
}
 
#allmessagestable tr.orig {
background-color: #ffe2e2;
}
 
#allmessagestable tr.new {
background-color: #e2ffe2;
}
 
#allmessagestable tr.def {
background-color: #f0f0ff;
}
 
 
/* noarticletext */
div.noarticletext {
border: 1px solid #ccc;
background: #F9F9F9;
padding: .2em 1em;
color: #000;
}
 
div#searchTargetContainer {
left:      10px;
top:        10px;
width:      90%;
background: #F9F9F9;
}
 
div#searchTarget {
padding:    3px;
margin:    5px;
background: #F9F9F9;
border:    solid 1px blue;
}
 
div#searchTarget ul li {
list-style: none;
}
 
div#searchTarget ul li:before {
color: orange;
content: "\00BB \0020";
}
 
div#searchTargetHide {
float:right;
border:solid 1px black;
background:#DCDCDC;
padding:2px;
}
 
div.multipageimagenavbox {
  border: solid 1px silver;
  padding: 4px;
  margin: 1em;
  background: #f0f0f0;
}
 
div.multipageimagenavbox div.thumb {
  border: none;
  margin-left: 2em;
  margin-right: 2em;
}
 
div.multipageimagenavbox hr {
  margin: 6px;
}
 
table.multipageimage td {
  text-align: center;
}
 
/** Special:Version */
 
table#sv-ext, table#sv-hooks, table#sv-software {
margin: 1em;
padding:0em;
}
 
#sv-ext td, #sv-hooks td, #sv-software td,
#sv-ext th, #sv-hooks th, #sv-software th {
border: 1px solid #A0A0A0;
padding: 0 0.15em 0 0.15em;
}
#sv-ext th, #sv-hooks th, #sv-software th {
background-color: #F9F9F9;
color: black;
padding: 0 0.15em 0 0.15em;
}
tr.sv-space{
height: 0.8em;
border:none;
}
tr.sv-space td { display: none; }
 
/*
  Table pager (e.g. Special:Imagelist)
  - remove underlines from the navigation link
  - collapse borders
  - set the borders to outsets (similar to Special:Allmessages)
  - remove line wrapping for all td and th, set background color
  - restore line wrapping for the last two table cells (description and size)
*/
.TablePager_nav a { text-decoration: none; }
.TablePager { border-collapse: collapse; }
.TablePager, .TablePager td, .TablePager th {
border: 1px solid #aaaaaa;
padding: 0 0.15em 0 0.15em;
}
.TablePager th { background-color: #F9F9F9 }
.TablePager td { background-color: #F9F9F9 }
.TablePager tr:hover td { background-color: #eeeeff }
 
.imagelist td, .imagelist th { white-space: nowrap }
.imagelist .TablePager_col_links { background-color: #eeeeff }
.imagelist .TablePager_col_img_description { white-space: normal }
.imagelist th.TablePager_sort { background-color: #ccccff }
 
.templatesUsed { margin-top: 1.5em; }
 
.mw-summary-preview {
margin: 0.1em 0;
}
 
/* Friendlier slave lag warnings */
div.mw-lag-warn-normal,
div.mw-lag-warn-high {
padding: 3px;
text-align: center;
margin: 3px auto;
}
div.mw-lag-warn-normal {
border: 1px solid #FFCC66;
background-color: ##F9F9F9;
}
div.mw-lag-warn-high {
font-weight: bold;
border: 2px solid #FF0033;
background-color: #F9F9F9;
}
 
/* Recreating-deleted-page/reupload file warning and log entries */
div#mw-upload-deleted-warn,
div#mw-recreate-deleted-warn {
padding: 3px;
margin-bottom: 3px;
border: 2px solid #2F6FAB;
}
div#mw-upload-deleted-warn ul li,
div#mw-recreate-deleted-warn ul li {
font-size: 90%;
}
.MediaTransformError {
background-color: #ccc;
padding: 0.1em;
}
.MediaTransformError td {
text-align: center;
vertical-align: middle;
font-size: 90%;
}
 
/** Special:Search stuff */
div#mw-search-interwiki-caption {
text-align: center;
font-weight: bold;
font-size: 95%;
}
 
.mw-search-interwiki-project {
font-size: 97%;
text-align: left;
padding-left: 0.2em;
padding-right: 0.15em;
padding-bottom: 0.2em;
padding-top: 0.15em;
background: #cae8ff;
}
 
span.searchmatch {
font-weight: bold;
color: red;
}
 
/* God-damned hack for the crappy layout */
.os-suggest {
font-size: 127%;
}
 
div.formbody,
.form_format,
.form_button {
font-family: Arial, Helvetica, sans-serif !important;
}
div.testing {
text-align: left;
}
 
div#sidebar-main {
width: 150px;
}
 
div.error-container {
background-color: #FFEBE8;
border: 1px solid #CC0000;
color: black;
padding: 12px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 1em;
}
 
form#registration td.style2 {
width: 200px;
}
 
form#registration input.form_format {
padding: 0.2em;
font-size: 100%;
}
 
form#registration textarea {
width: 500px;
height: 5em;
padding: 0.2em;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size: 100%;
}
 
form#registration div.style1 {
line-height: 140%;
margin-top: 0.4em;
}
 
form#registration {
margin-bottom: 1em;
}
 
form#registration .form_button {
background-color: #0455B0;
color: white;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
border-radius: 14px;
padding: 0.4em 1.2em;
font-weight: bold;
cursor: pointer;
font-size: 1em;
}
 
form#registration .form_button:hover {
background-color: #309;
}
 
div.formbody {
font-size: 100%;
}
 
form#registration td.td_label {
width: 220px;
padding-top: 6px;
}
/*** menu ***/
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.5em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
 
/*** DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 1em;
}
.sf-menu a {
padding: .75em 1em;
text-decoration:none;
font-size: 12px;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color: ##999999;
}
.sf-menu li {
background: #F9F9F9;
}
.sf-menu li li {
background: #F9F9F9;
}
.sf-menu li li li {
background: #F9F9F9;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background: #F9F9F9;
outline: 0;
}
 
/*** arrows **/
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
}
<div class="live-tile">
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
<div>
top: .8em;
<img alt="More about Transinsight" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_transinsight.png">
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
</div>
}
<div>
/* apply hovers to modern browsers */
<div class="sponsorDescription">
a:focus > .sf-sub-indicator,
Transinsight GmbH
a:hover > .sf-sub-indicator,
</div>
a:active > .sf-sub-indicator,
<div class="sponsorURL">
li:hover > a > .sf-sub-indicator,
<a href="http://transinsight.com/">www.transinsight.com</a>
li.sfHover > a > .sf-sub-indicator {
</div>
background-position: -10px -100px; /* arrow hovers for modern browsers*/
</div>
}
</div>
 
<div class="live-tile">
/* point right for anchors in subs */
<div>
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
<img alt="More about Biomol" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_biomol.png">
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
</div>
/* apply hovers to modern browsers */
<div>
.sf-menu ul a:focus > .sf-sub-indicator,
<div class="sponsorDescription">
.sf-menu ul a:hover > .sf-sub-indicator,
Biomol GmbH
.sf-menu ul a:active > .sf-sub-indicator,
</div>
.sf-menu ul li:hover > a > .sf-sub-indicator,
<div class="sponsorURL">
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
<a href="http://www.biomol.de/">www.biomol.de</a>
background-position: -10px 0; /* arrow hovers for modern browsers*/
</div>
}
</div>
 
</div>
/*** shadows for all but IE6 ***/
<div class="live-tile">
.sf-shadow ul {
<div>
border-left: 1px solid #EEEEEE;
<img alt="More about Zeiss" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_zeiss.png">
border-right: 1px solid #EEEEEE;
</div>
margin-top: 15px;
<div>
}
<div class="sponsorDescription">
.sf-shadow ul.sf-shadow-off {
Carl Zeiss AG
background: transparent;
</div>
}
<div class="sponsorURL">
 
<a href="http://www.zeiss.com/">www.zeiss.com</a>
/*** nivo slider ***/
</div>
.nivoSlider {
height: auto;
overflow: hidden;
position: relative;
width: 100%;
box-shadow: 0 0 10px #888888;
border: 5px solid white;
}
.nivoSlider img {
left: 0;
max-width: none;
position: absolute;
top: 0;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
.nivoSlider a.nivo-imageLink {
border: 0 none;
display: none;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 6;
}
.nivo-slice {
display: block;
height: 100%;
position: absolute;
top: 0;
z-index: 5;
}
.nivo-box {
display: block;
overflow: hidden;
position: absolute;
z-index: 5;
}
.nivo-box img {
display: block;
}
.nivo-caption {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #000000;
bottom: 0;
color: #FFFFFF;
display: none;
left: 0;
opacity: 0.8;
overflow: hidden;
padding: 5px 10px;
position: absolute;
width: 100%;
z-index: 8;
}
.nivo-caption p {
margin: 0;
padding: 5px;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
.nivo-directionNav a {
cursor: pointer;
position: absolute;
top: 45%;
z-index: 9;
}
.nivo-prevNav {
left: 0;
}
.nivo-nextNav {
right: 0;
}
.nivo-controlNav {
padding: 15px 0;
text-align: center;
}
.nivo-controlNav a {
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
.theme-default .nivoSlider {
background: url("http://openwetware.org/images/b/b3/BM12_nanosaurs_Loading.gif") no-repeat scroll 50% 50% #FFFFFF;
box-shadow: 0 1px 5px 0 #4A4A4A;
margin-bottom: 10px;
position: relative;
}
.theme-default .nivoSlider img {
display: none;
left: 0;
position: absolute;
top: 0;
}
.theme-default .nivoSlider a {
border: 0 none;
display: block;
}
.theme-default .nivo-controlNav {
padding: 20px 0;
text-align: center;
}
.theme-default .nivo-controlNav a {
background: url("http://openwetware.org/images/e/e9/BM12_nanosaurs_Bullets.png") no-repeat scroll 0 0 transparent;
border: 0 none;
display: inline-block;
height: 22px;
margin: 0 2px;
text-indent: -9999px;
width: 22px;
}
.theme-default .nivo-controlNav a.active {
background-position: 0 -22px;
}
.theme-default .nivo-directionNav a {
-moz-transition: all 200ms ease-in-out 0s;
background: url("http://openwetware.org/images/b/b7/BM12_nanosaurs_Arrows.png") no-repeat scroll 0 0 transparent;
border: 0 none;
display: block;
height: 30px;
opacity: 0;
text-indent: -9999px;
width: 30px;
}
.theme-default:hover .nivo-directionNav a {
opacity: 1;
}
.theme-default a.nivo-nextNav {
background-position: -30px 0;
right: 15px;
}
.theme-default a.nivo-prevNav {
left: 15px;
}
.theme-default .nivo-caption {
font-family: Helvetica,Arial,sans-serif;
}
.theme-default .nivo-caption a {
border-bottom: 1px dotted #FFFFFF;
color: #FFFFFF;
}
.theme-default .nivo-caption a:hover {
color: #FFFFFF;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
background: none repeat scroll 0 0 transparent;
height: auto;
margin-bottom: 5px;
width: auto;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
height: auto;
width: 120px;
}
 
/*** twitter ***/
#twitter{
border: 5px solid white;
box-shadow: 0 0 10px #888888;
float: right;
}
.tweet, .query {
color: #777777;
font: 80% sans-serif;
width: 200px;
}
.tweet_list {
background-color: #F9F9F9;
border-radius: 0.5em 0.5em 0.5em 0.5em;
list-style: none outside none;
margin: 0;
overflow-y: hidden;
padding: 0;
}
.tweet_list li {
list-style-type: none;
overflow-x: hidden;
overflow-y: auto;
padding: 0.5em;
}
.tweet_list li a {
color: #505050 ;
}
.tweet_list .tweet_even {
background-color: #EBEBEB;
}
.tweet_list .tweet_avatar {
float: left;
padding-right: 0.5em;
}
.tweet_list .tweet_avatar img {
vertical-align: middle;
}
/*** lucas stuff ***/
#header {
border-bottom: 1px solid white;
margin: auto;
width: 980px;
}
#inner_header {
border-bottom: 1px solid #EEEEEE;
margin: auto;
width: 820px;
position: relative;
left: 90px;
}
#bodyContent {
margin-left: auto;
margin-right: auto;
width: 980px;
}
#title_con {
float: left;
}
.clear {
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
width: 0;
}
#nav {
float: right;
margin-top: 1.8em;
}
#main_saurs{
float: left;
position: relative;
width: 700px;
text-align: justify;
}
#follow {
background-color: #9AE4E8;
}
#follow a {
padding-left: 10px;
color: #fff;
}
#logo_twitter {
padding-left: 80px;
position: relative;
top: -2px;
}
#dino_head {
background: url("http://openwetware.org/images/e/ee/BM12_nanosaurs_logo.png") no-repeat scroll 0 0 transparent;
height: 368px;
left: -30px;
position: absolute;
top: -50px;
width: 200px;
z-index: 6;
}
</script>
 
 
<script id="nav">
<!-- nav -->
<div id="nav">
<ul id="nav" class="sf-menu">
<li><a href="#">home</a></li>
<li><a href="#">team</a></li>
<li><a href="#">project</a>
<ul>
<li><a href="#">idea</a></li>
<li><a href="#">description</a></li>
<li><a href="#">theory</a></li>
<li><a href="#">results</a></li>
<li><a href="#">references</a></li>
</ul>   
</li>
<li><a href="#">notebook</a>
<ul>
<li><a href="#">meetings</a></li>
<li><a href="#">lab protocols</a></li>       
</ul>  
</li>
<li><a href="#">outreach</a></li>
<li><a href="#">gallery</a></li>
<li><a href="#">sponsors</a></li>
</ul>
<!-- ends nav -->
</script>
<body>
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<img src="http://openwetware.org/images/2/23/BM12_nanosaurs_Slider1.png" data-thumb="http://openwetware.org/images/2/23/BM12_nanosaurs_Slider1.png" alt="" />
<img src="http://openwetware.org/images/8/8a/BM12_nanosaurs_Slider2.png" data-thumb="http://openwetware.org/images/8/8a/BM12_nanosaurs_Slider2.png" alt="" title="This is an example of a caption" />
<img src="http://openwetware.org/images/1/11/BM12_nanosaurs_Slider3.png" data-thumb="http://openwetware.org/images/1/11/BM12_nanosaurs_Slider3.png" alt="" />
</div>
</div>
</div>
</div>
<div id="main_saurs">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue orci magna, quis aliquet enim. Nulla laoreet suscipit nunc, et mollis turpis hendrerit in. Morbi nisi dui, pulvinar nec adipiscing eget, lacinia suscipit leo. Phasellus a turpis leo, non ultrices quam. Integer congue dui ut nulla tempus sed sodales quam eleifend. Mauris pharetra lacus quis augue vestibulum vel auctor leo fermentum. Nulla a eros quis sapien ullamcorper fermentum eget a leo. Aliquam erat volutpat. Donec nibh nisl, viverra ac tristique eget, faucibus vitae neque. Praesent at blandit tortor. Donec vel erat sit amet quam tincidunt semper. Praesent pulvinar fermentum felis sed congue.</p>
<div class="live-tile">
 
<div>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat. Nulla tincidunt volutpat felis at pharetra. Mauris lobortis, nisi quis semper consectetur, velit turpis ornare lectus, in accumsan risus velit eget mauris. Vivamus vel laoreet turpis. Etiam eget diam sapien, vel vestibulum tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et urna lorem, vitae pharetra nunc. Vestibulum facilisis sapien eu quam rhoncus hendrerit. Donec lectus urna, euismod tristique lobortis eget, vehicula eleifend nulla. Aliquam bibendum leo et sapien pharetra ac gravida est accumsan. Vivamus vel tellus sit amet sapien facilisis lacinia ut quis tellus. Integer eget metus lectus. Maecenas velit justo, ultricies vel volutpat quis, porttitor sed lorem. Cras imperdiet neque sit amet dolor gravida dignissim.</p>
<img alt="More about tebu-bio" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_tebubio.png">
 
</div>
<p>Vivamus pharetra eleifend tincidunt. Vivamus accumsan dolor vel lacus facilisis ut tincidunt velit vehicula. Praesent ipsum orci, elementum vitae lobortis id, dictum eu justo. Duis et odio ante. Aliquam ornare eros pulvinar lacus feugiat commodo. Nunc varius nulla eget velit dignissim nec vestibulum felis ullamcorper. Vivamus ultricies massa ac sem tristique egestas vitae in ligula. Sed laoreet arcu quis urna lacinia ac tincidunt turpis egestas. In vel neque dolor. Donec et neque hendrerit nisi aliquam venenatis. Nullam viverra imperdiet bibendum. Nulla sed magna in est dapibus volutpat id ac dui. Ut vitae lorem metus. Suspendisse potenti. Aliquam et porta lorem.</p>
<div>
 
<div class="sponsorDescription">
<p>Pellentesque congue, nisi ac pulvinar feugiat, sapien mauris cursus lorem, eu mollis libero diam eget turpis. Nunc bibendum arcu in enim pulvinar in vestibulum magna laoreet. Suspendisse tristique rutrum massa ut fermentum. Integer et lorem id urna euismod bibendum. Maecenas blandit quam at dui imperdiet viverra sit amet non diam. Nunc suscipit elementum quam sed volutpat. Maecenas id nunc id augue vulputate fermentum faucibus ac nunc. Nulla felis tellus, facilisis non sollicitudin ut, viverra at risus. Proin viverra metus quis ante posuere eget tincidunt arcu feugiat. Morbi a ante purus. In volutpat luctus posuere.</p>
tebu-bio GmbH
 
</div>
<p>Mauris nec mauris erat, quis vehicula magna. Vestibulum faucibus convallis nunc sed placerat. Nunc neque diam, congue sit amet lobortis quis, vehicula in ante. Curabitur id tempus nulla. Pellentesque eu tristique sem. Donec in dolor a purus consequat dignissim nec a lectus. Pellentesque facilisis purus eget est tincidunt tincidunt. Aliquam rhoncus lacus iaculis est facilisis tincidunt mollis ac magna. Sed dignissim lorem ac metus vulputate vehicula. Donec lacus leo, consectetur nec pretium quis, faucibus nec sem. Morbi mattis, nunc placerat consequat viverra, nulla tellus pellentesque arcu, non interdum nulla velit quis nisi. Cras lorem purus, molestie sed malesuada et, mollis sed eros. Curabitur eu nibh lorem, nec aliquam tortor. </p>
<div class="sponsorURL">
<a href="http://www.tebu-bio.com/">www.tebu-bio.com</a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="twitter">
</div>
<div id="follow"><a href="http://twitter.com/nanosaurs">follow us<img id="logo_twitter" src="http://openwetware.org/images/6/6b/BM12_nanosaurs_Twitter.png"></a></div>
</body>
<div class="tweet"></div>
</html>
</div>
<div class="clear"></div>
</body>
</html>

Latest revision as of 12:26, 26 October 2012

<html> <link rel="stylesheet" type="text/css" href="http://biomod-dresden-2012.googlecode.com/svn/trunk/css/metrojs.css"> <script type='text/javascript' src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/metrojs.js"></script>

<script type='text/javascript'> $(window).load(function(){ $(".live-tile").liveTile( { mode:'slide', delay: 10000000000000000, initDelay: -1, pauseOnHover: true } ); $(".live-tile").click(function(){ $(this).liveTile("animate"); }); }); </script>

<body> <div id="main"> <h1>click panels</h1> <div class="tiles red"> <div class="live-tile"> <div> <img alt="More about the B CUBE" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_bcube.png"> </div> <div> <div class="sponsorDescription"> B CUBE </div> <div class="sponsorURL"> <a href="http://www.bcube-dresden.de/">www.bcube-dresden.de</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about the BIOTEC" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_biotec.png"> </div> <div> <div class="sponsorDescription"> BIOTEC </div> <div class="sponsorURL"> <a href="http://www.biotec.tu-dresden.de/">www.biotec.tu-dresden.de</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about the TU Dresden" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_tud.png"> </div> <div> <div class="sponsorDescription"> TU Dresden </div> <div class="sponsorURL"> <a href="http://tu-dresden.de">www.tu-dresden.de</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about the CRTD" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_crtd.png"> </div> <div> <div class="sponsorDescription"> CRTD </div> <div class="sponsorURL"> <a href="http://www.crt-dresden.de/">www.crt-dresden.de</a> </div> </div> </div>

<div class="live-tile"> <div> <img alt="More about the DIGS-BB" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_diggsbb.png"> </div> <div> <div class="sponsorDescription"> DIGS-BB </div> <div class="sponsorURL"> <a href="http://www.digs-bb.de/">www.digs-bb.de</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about the Association of Friends and Sponsors of TU Dresden e.V." src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_FFTUD.png"> </div> <div> <div class="sponsorDescription1"> Association of Friends and Sponsors of TU Dresden e.V. </div> <div class="sponsorURL"> <a href="http://tu-dresden.de/die_tu_dresden/foerderer/gff_2012/">www.tu-dresden.de/...</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about Andor" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_andor.png"> </div> <div> <div class="sponsorDescription"> Andor Technology </div> <div class="sponsorURL"> <a href="http://www.andor.com/">www.andor.com</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about Cenix" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_cenix.png"> </div> <div> <div class="sponsorDescription"> Cenix BioScience GmbH </div> <div class="sponsorURL"> <a href="http://www.cenix.com/">www.cenix.com</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about eBioscience" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_ebioscience.png"> </div> <div> <div class="sponsorDescription"> eBioscience </div> <div class="sponsorURL"> <a href="http://ebioscience.com/">www.ebioscience.com</a> </div> </div> </div>

<div class="live-tile"> <div> <img alt="More about Eppendorf" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_eppendorf.png"> </div> <div> <div class="sponsorDescription"> Eppendorf AG </div> <div class="sponsorURL"> <a href="http://www.eppendorf.com/">www.eppendorf.com</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about Fisher Scientific" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_fisher.png"> </div> <div> <div class="sponsorDescription"> Fisher Scientific </div> <div class="sponsorURL"> <a href="http://www.fishersci.com">www.fishersci.com</a> </div> </div> </div>

<div class="live-tile"> <div> <img alt="More about greiner bio-one" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_greiner.png"> </div> <div> <div class="sponsorDescription"> Greiner Bio-One GmbH </div> <div class="sponsorURL"> <a href="http://www.greinerbioone.com">www.greinerbioone.com</a> </div> </div> </div>

<div class="live-tile"> <div> <img alt="More about JPK" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_jpk.png"> </div> <div> <div class="sponsorDescription"> JPK Instruments AG </div> <div class="sponsorURL"> <a href="http://www.jpk.com/">www.jpk.com</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about Purimex" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_purimex.png"> </div> <div> <div class="sponsorDescription"> Purimex </div> <div class="sponsorURL"> <a href="http://www.purimex.com/">www.purimex.com</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about Roche" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_roche.png"> </div> <div> <div class="sponsorDescription1"> Roche Pharma AG &amp;<br>Roche Diagnostics GmbH </div> <div class="sponsorURL"> <a href="http://roche.com/">www.roche.com</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about the STURA Dresden" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_stura.png"> </div> <div> <div class="sponsorDescription1"> Student council of <br/>TU Dresden </div> <div class="sponsorURL"> <a href="http://www.stura.tu-dresden.de/">www.stura.tu-dresden.de</a> </div> </div> </div>

<div class="live-tile"> <div> <img alt="More about Transinsight" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_transinsight.png"> </div> <div> <div class="sponsorDescription"> Transinsight GmbH </div> <div class="sponsorURL"> <a href="http://transinsight.com/">www.transinsight.com</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about Biomol" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_biomol.png"> </div> <div> <div class="sponsorDescription"> Biomol GmbH </div> <div class="sponsorURL"> <a href="http://www.biomol.de/">www.biomol.de</a> </div> </div> </div> <div class="live-tile"> <div> <img alt="More about Zeiss" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_zeiss.png"> </div> <div> <div class="sponsorDescription"> Carl Zeiss AG </div> <div class="sponsorURL"> <a href="http://www.zeiss.com/">www.zeiss.com</a> </div> </div> </div>

<div class="live-tile"> <div> <img alt="More about tebu-bio" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/img/BM12_nanosaurs_tebubio.png"> </div> <div> <div class="sponsorDescription"> tebu-bio GmbH </div> <div class="sponsorURL"> <a href="http://www.tebu-bio.com/">www.tebu-bio.com</a> </div> </div> </div> <div class="clear"></div> </div> </div> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2012/TU_Dresden/Nanosaurs/Sandbox2&oldid=643475"