Biomod/2012/TU Dresden/Nanosaurs/Sandbox2

From OpenWetWare

(Difference between revisions)
Jump to: navigation, search
m
(15 intermediate revisions not shown.)
Line 6: Line 6:
<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://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://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-->
<!--import webfonts-->
Line 57: Line 58:
nextText: 'Next', // Next directionNav text
nextText: 'Next', // Next directionNav text
randomStart: true, // Start on a random slide
randomStart: true, // Start on a random slide
 +
});
 +
$(".tweet").tweet({
 +
  count: 6,
 +
  query: "from:nanosaurs",
 +
  loading_text: "searching twitter..."
});
});
});
});
Line 1,819: Line 1,825:
}
}
-
/*** lucas stuff ***/
+
/*** nivo slider ***/
-
+
-
+
-
#header {
+
-
border-bottom: 1px solid white;
+
-
margin: auto;
+
-
width: 980px;
+
-
}
+
-
#inner_header {
+
-
border-bottom: 1px solid #EEEEEE;
+
-
margin: auto;
+
-
width: 980px;
+
-
}
+
-
#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;
+
-
}
+
.nivoSlider {
.nivoSlider {
Line 1,858: Line 1,832:
position: relative;
position: relative;
width: 100%;
width: 100%;
 +
box-shadow: 0 0 10px #888888;
 +
border: 5px solid white;
}
}
.nivoSlider img {
.nivoSlider img {
Line 1,943: Line 1,919:
.nivo-controlNav a.active {
.nivo-controlNav a.active {
font-weight: bold;
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: 980px;
 +
}
 +
#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;
 +
}
 +
</script>
</script>
Line 1,977: Line 2,122:
<body>
<body>
-
<div class="slider-wrapper theme-light">
+
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
<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/2/23/BM12_nanosaurs_Slider1.png" data-thumb="http://openwetware.org/images/2/23/BM12_nanosaurs_Slider1.png" alt="" />
Line 1,984: Line 2,129:
</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>
<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>
Line 1,994: Line 2,139:
<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>
<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>
 +
<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>
</body>
</html>
</html>

Revision as of 17:40, 8 October 2012

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.

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.

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.

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.

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.

Personal tools