Team:Heidelberg/DesignTest

From 2013.igem.org

(Difference between revisions)
m
m
Line 80: Line 80:
//load the slider specific CSS
//load the slider specific CSS
-
/*linkelem = document.createElement('link');
+
linkelem = document.createElement('link');
linkelem.setAttribute("rel", "stylesheet");
linkelem.setAttribute("rel", "stylesheet");
linkelem.setAttribute("type", "text/css");
linkelem.setAttribute("type", "text/css");
linkelem.setAttribute("href", "https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css");
linkelem.setAttribute("href", "https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css");
-
document.getElementsByTagName("head")[0].appendChild(linkelem);*/
+
document.getElementsByTagName("head")[0].appendChild(linkelem);
//add favorite icon if specified
//add favorite icon if specified
Line 100: Line 100:
//load the slider specific javascript code
//load the slider specific javascript code
-
/*$.getScript("https://2013.igem.org/Team:Heidelberg/JS?action=raw&ctype=text/javascript", function(data, textStatus, jqxhr) {
+
$.getScript("https://2013.igem.org/Team:Heidelberg/JS?action=raw&ctype=text/javascript", function(data, textStatus, jqxhr) {
 
 
//alert(textStatus);
//alert(textStatus);
Line 112: Line 112:
    });
    });
-
    }); */
+
    });
}
}
Line 228: Line 228:
<!-- start Slider -->
<!-- start Slider -->
-
<style>
 
-
/*
 
-
* jQuery FlexSlider v2.2.0
 
-
* http://www.woothemes.com/flexslider/
 
-
*
 
-
* Copyright 2012 WooThemes
 
-
* Free to use under the GPLv2 license.
 
-
* http://www.gnu.org/licenses/gpl-2.0.html
 
-
*
 
-
* Contributing author: Tyler Smith (@mbmufffin)
 
-
*/
 
-
 
-
 
-
/* Browser Resets
 
-
*********************************/
 
-
.flex-container a:active,
 
-
.flexslider a:active,
 
-
.flex-container a:focus,
 
-
.flexslider a:focus  {outline: none;}
 
-
.slides,
 
-
.flex-control-nav,
 
-
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
 
-
 
-
/* Icon Fonts
 
-
*********************************/
 
-
/* Font-face Icons */
 
-
@font-face {
 
-
font-family: 'flexslider-icon';
 
-
src:url('fonts/flexslider-icon.eot');
 
-
src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
 
-
url('fonts/flexslider-icon.woff') format('woff'),
 
-
url('fonts/flexslider-icon.ttf') format('truetype'),
 
-
url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
 
-
font-weight: normal;
 
-
font-style: normal;
 
-
}
 
-
 
-
/* FlexSlider Necessary Styles
 
-
*********************************/
 
-
.flexslider {margin: 0; padding: 0;}
 
-
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
 
-
.flexslider .slides img {width: 100%; display: block;}
 
-
.flex-pauseplay span {text-transform: capitalize;}
 
-
 
-
/* Clearfix for the .slides element */
 
-
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
 
-
html[xmlns] .slides {display: block;}
 
-
* html .slides {height: 1%;}
 
-
 
-
/* No JavaScript Fallback */
 
-
/* If you are not using another script, such as Modernizr, make sure you
 
-
* include js that eliminates this class on page load */
 
-
.no-js .slides > li:first-child {display: block;}
 
-
 
-
/* FlexSlider Default Theme
 
-
*********************************/
 
-
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
 
-
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
 
-
.loading .flex-viewport { max-height: 300px; }
 
-
.flexslider .slides { zoom: 1; }
 
-
.carousel li { margin-right: 5px; }
 
-
 
-
/* Direction Nav */
 
-
.flex-direction-nav {*height: 0;}
 
-
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
 
-
.flex-direction-nav .flex-prev { left: -50px; }
 
-
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
 
-
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
 
-
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
 
-
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
 
-
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
 
-
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
 
-
.flex-direction-nav a.flex-next:before  { content: '\f002'; }
 
-
 
-
/* Pause/Play */
 
-
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
 
-
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
 
-
.flex-pauseplay a:hover  { opacity: 1; }
 
-
.flex-pauseplay a.flex-play:before { content: '\f003'; }
 
-
 
-
/* Control Nav */
 
-
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
 
-
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
 
-
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
 
-
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
 
-
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
 
-
 
-
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
 
-
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
 
-
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
 
-
.flex-control-thumbs img:hover {opacity: 1;}
 
-
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
 
-
 
-
@media screen and (max-width: 860px) {
 
-
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
 
-
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
 
-
}
 
-
</style>
 
<div id="carousel" class="flexslider">
<div id="carousel" class="flexslider">
  <ul class="slides">
  <ul class="slides">

Revision as of 11:35, 13 September 2013

PHILOSOPHER'S STONE

igem-2013

{{:Team:Heidelberg/Templates/{{{2}}}}}



Find all templates used on the templates page with coresponding explanations.

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Philosophers Stone

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
Philosophers Stone
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING
THIS COULD BE YOUR HEADING

Retrieved from "http://2013.igem.org/Team:Heidelberg/DesignTest"