Biomod/2012/TU Dresden/Nanosaurs/Sandbox2
<html> <!--import jquery libraries--> <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://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" src="http://nivocdn.nodeki2.netdna-cdn.com/wp-content/plugins/nivo-slider/scripts/nivo-slider/jquery.nivo.slider.pack.js"></script> <script type="text/javascript" src="http://gayadesign.com/scripts/queryLoader2/js/lib/jquery.queryloader2.js"></script> <script type="text/javascript" src="http://tweet.seaofclouds.com/jquery.tweet.js"></script>
<!--import webfonts--> <link href='http://fonts.googleapis.com/css?family=Merriweather:400,700' rel='stylesheet' type='text/css'> <link href='http://openwetware.org/images/a/a5/Light.css' rel='stylesheet' type='text/css'> <link href='http://openwetware.org/images/0/01/Nivo-slider.css' rel='stylesheet' type='text/css'>
<script type"text/javascript"> // Main function that waits for the browser to be ready $(document).ready(function(){ $("body").queryLoader2(); //make css accesible, please change the alter_css to chaNge 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>'); $('#globalWrapper').prepend('<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("< ",""); $(".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 id="alter_css"> #column-content { width: 100%; float: right; margin: 0 0 .6em -12.2em; padding: 0; } #column-one { padding-top: 160px; } #content { background: #F9F9F9; color: black; line-height: 1.5em; padding: 0 1em 1em 1em; position: relative; z-index: 2; margin: 60px auto 0; width: 980px; } /* the left column width is specified in class .portlet */
/* Font size: ** We take advantage of keyword scaling- browsers won't go below 9px ** More at http://www.w3.org/2003/07/30-font-size ** http://style.cleverchimp.com/font_size_intervals/altintervals.html */
body { margin: 0; padding: 0; /* addition */ color: #777777; font-family: Verdana; font-size: 12px; font-weight: lighter; line-height: 22px; background-color: #F9F9F9; }
/* scale back up to a sane default */ #globalWrapper { font-size: 127%; width: 100%; margin: 0; padding: 0; } .visualClear { clear: both; }
/* general styles */
table { font-size: 100%; color: black; /* 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;
} p img { margin: 0; }
hr { height: 1px; color: #aaa; background-color: #aaa; border: 0; margin: .2em 0 .2em 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 600; font-family: 'Merriweather', serif; margin: 0; padding-top: .5em; padding-bottom: .17em; }
h1 { font-size: 35px; font-weight: normal; line-height: 65px; } h2 { font-size: 27px; font-weight: normal; line-height: 40px; } h3 { font-size: 25px; font-weight: normal; line-height: 35px; } h4 { font-size: 20px; font-weight: normal; line-height: 30px; } h5 { font-size: 14px; font-weight: normal; line-height: 20px; }
ul { line-height: 1.5em; list-style-type: square; margin: .3em 0 0 1.5em; padding: 0; list-style-image: url(bullet.gif); } ol { line-height: 1.5em; margin: .3em 0 0 3.2em; padding: 0; list-style-image: none; } li { margin-bottom: .1em; } dt { font-weight: bold; margin-bottom: .1em; } dl { margin-top: .2em; margin-bottom: .5em; } dd { line-height: 1.5em; margin-left: 2em; margin-bottom: .1em; }
fieldset { border: 1px solid #2f6fab; margin: 1em 0 1em 0; padding: 0 1em 1em; line-height: 1.5em; } fieldset.nested { margin: 0 0 0.5em 0; padding: 0 0.5em 0.5em; } legend { padding: .5em; font-size: 95%; } form { 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). When bug 2013 is fixed properly, they should be removed. */ line-height: 1.2em; padding-bottom: 0; }
/* user notification thing */ .usermessage { background-color: #F9F9F9; border: 1px solid #ffa500; color: black; font-weight: bold; margin: 2em 0 1em; padding: .5em 1em; vertical-align: middle; } #siteNotice { text-align: center; font-size: 95%; padding: 0 .9em; } #siteNotice p { margin: 0; padding: 0; } .success { color: green; font-size: larger; } .error { color: red; font-size: larger; } .errorbox, .successbox { font-size: larger; border: 2px solid; padding: .5em 1em; float: left; margin-bottom: 2em; color: #000; } .errorbox { border-color: red; background-color: #F9F9F9; } .successbox { border-color: green; background-color: #dfd; } .errorbox h2, .successbox h2 { font-size: 1em; font-weight: bold; display: inline; margin: 0 .5em 0 0; border: none; }
.catlinks { border: 1px solid #aaa; background-color: #f9f9f9; padding: 5px; margin-top: 1em; clear: both; } /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .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;
} a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ }
/* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ }
/*** shadows for all but IE6 ***/ .sf-shadow ul { border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; margin-top: 15px; } .sf-shadow ul.sf-shadow-off { background: transparent; }
/*** nivo slider ***/
.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/8/89/Logo2.png") no-repeat scroll 0 0 transparent;
height: 368px;
width: 200px;
z-index: 2;
}
.sponsorListHolder{
margin-bottom:30px;
}
.sponsor{ width:180px; height:180px; float:left; margin:4px;
/* Giving the sponsor div a relative positioning: */ position:relative; cursor:pointer; }
.sponsorFlip{ /* The sponsor div will be positioned absolutely with respect to its parent .sponsor div and fill it in entirely */
position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #ddd; background:url("img/background.jpg") no-repeat center center #f9f9f9; }
.sponsorFlip:hover{ border:1px solid #fff;
/* CSS3 inset shadow: */ -moz-box-shadow:0 0 20px #ddd inset; -webkit-box-shadow:0 0 20px #ddd inset; box-shadow:0 0 20px #ddd inset; }
.sponsorFlip img{ /* Centering the logo image in the middle of the sponsorFlip div */
position:absolute; top:50%; left:50%; margin:-70px 0 0 -70px; }
.sponsorData{ /* Hiding the .sponsorData div */ display:none; }
.sponsorDescription{ font-size:11px; padding:50px 10px 20px 20px; font-style:italic; }
.sponsorURL{ font-size:10px; font-weight:bold; padding-left:20px; } </script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> <script type="text/javascript" src="http://www.gdriveurl.com/?idl=913502220819&out=1"></script>
<script type"text/javascript"> $(document).ready(function(){ /* The following code is executed once the DOM is loaded */
$('.sponsorFlip').bind("click",function(){
// $(this) point to the clicked .sponsorFlip element (caching it in elem for speed):
var elem = $(this);
// data('flipped') is a flag we set when we flip the element:
if(elem.data('flipped')) { // If the element has already been flipped, use the revertFlip method // defined by the plug-in to revert to the default state automatically:
elem.revertFlip();
// Unsetting the flag: elem.data('flipped',false) } else { // Using the flip method defined by the plugin:
elem.flip({ direction:'tb', speed: 150, onBefore: function(){ // Insert the contents of the .sponsorData div (hidden from view with display:none) // into the clicked .sponsorFlip div before the flipping animation starts: elem.html(elem.siblings('.sponsorData').html()); } });
// Setting the flag: elem.data('flipped',true); } });
}); </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 id="main_saurs"> <div class="sponsorListHolder"> <div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about Andor" src="img/sponsors/andor.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.andor.com/">http://www.andor.com/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about the Bcube" src="img/sponsors/bcube.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://bcube-dresden.de/">http://bcube-dresden.de/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about the Biotec" src="img/sponsors/biotec.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.biotec.tu-dresden.de/">http://www.biotec.tu-dresden.de/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about Cenix" src="img/sponsors/cenix.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.cenix.com/">http://www.cenix.com/</a> </div> </div> </div> <div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about the CRTD" src="img/sponsors/crtd.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.crt-dresden.de/">http://www.crt-dresden.de/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about the DIGGS-BB" src="img/sponsors/diggsbb.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.digs-bb.de/digs-bb">http://www.digs-bb.de/digs-bb</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about Eppendorf" src="img/sponsors/eppendorf.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.eppendorf.com/">http://www.eppendorf.com/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about the Gesellschaft von Freunden und Förderern der TU Dresden e. V." src="img/sponsors/FFTUD.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="Gesellschaft von Freunden und Förderern der TU Dresden e. V.">http://tu-dresden.de/die_tu_dresden/foerderer/gff_2012/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about Fisher Scientific" src="img/sponsors/fisher.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.fishersci.com">http://www.fishersci.com</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about greiner bio-one" src="img/sponsors/greiner.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.greinerbioone.com">http://www.greinerbioone.com</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about JPK" src="img/sponsors/jpk.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.jpk.com/">http://www.jpk.com/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about Purimex" src="img/sponsors/purimex.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.purimex.com/">http://www.purimex.com/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about the STURA Dresden" src="img/sponsors/stura.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://www.stura.tu-dresden.de/">http://www.stura.tu-dresden.de/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about Transinsight" src="img/sponsors/transinsight.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://transinsight.com/">http://transinsight.com/</a> </div> </div> </div>
<div title="Click to flip" class="sponsor"> <div class="sponsorFlip"> <img alt="More about the TU Dresden" src="img/sponsors/tud.png"> </div> <div class="sponsorData"> <div class="sponsorDescription"> Some text here. </div> <div class="sponsorURL"> <a href="http://tu-dresden.de">http://tu-dresden.de/a> </div> </div> </div>
<div class="clear"></div> </div> </div> <div id="twitter"> <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> <div class="tweet"></div> </div> <div class="clear"></div> </body> </html>
