Team:Heidelberg/DesignTest

From 2013.igem.org

(Difference between revisions)
m
m
 
(119 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Heidelberg/Templates/StartPage|DesignTest|Navi_left_Team|1}}
+
__NOTOC__
-
 
+
-
{{:Team:Heidelberg/Templates/Gelpicture|9em|wiki/images/f/ff/IGem_Team_Heidelberg_Logo.gif|bli|bla|blub}}
+
<html>
<html>
-
<!-- Beginning of Sliders -->
+
<!-- Warning! Although the jQuery loaded is declared in the framework code as "latest" it is version 1.4.2!
 +
Hence we need to load it ourselves
 +
-->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet?action=raw&ctype=text/css" type="text/css" />
-
<!-- Beginning of Slider 1 -->
+
<link rel="stylesheet" href="https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css" type="text/css" />
-
<script>
+
<script type="text/javascript">
-
var Slider = function() {this.initialize.apply(this, arguments)}
+
<!--
-
Slider.prototype = {
+
 
-
+
      var cssCalcExpression = (function() {
-
initialize: function(slider) {
+
 
-
this.ul = slider.children[0]
+
    var vendorPrefixes = new Array('-o-','-moz-','-webkit-', ''),
-
this.li = this.ul.children
+
    retrievedValue,
-
+
    prefix;
-
// make <ul> as large as all <li>’s
+
 
-
this.ul.style.width = (this.li[0].clientWidth * this.li.length) + 'px'
+
  while (vendorPrefixes.length > 0)
-
+
  {
-
this.currentIndex = 0
+
  prefix = vendorPrefixes.pop();
-
this.clock()
+
  retrievedValue = $(
-
},
+
  "<span style='display:none;width:"
-
goTo: function(index) {
+
  + prefix
-
clearTimeout(this.Interval)
+
  + "calc(10px)'></span>" ).appendTo( "body" ).css('width' );
-
// circle through indices
+
  if (retrievedValue === '10px') {
-
if (index < 0) index = this.li.length - 1;
+
return function(expression, defaultValue) {
-
else if (index > this.li.length - 1) index = 0;
+
return prefix + 'calc(' + expression + ')';
-
+
};
-
// move <ul> left
+
 
-
this.ul.style.left = '-' + (100 * index) + '%'
+
}
-
this.clock()
+
  }
-
this.currentIndex = index
+
 
-
},
+
  return function(expression, defaultValue) {
-
goToPrev: function() {
+
return defaultValue ? defaultValue : '';
-
this.goTo(this.currentIndex - 1)
+
};
-
},
+
}());
-
goToNext: function() {
+
 
-
this.goTo(this.currentIndex + 1)
+
 
-
},
+
window.onresize = function() {
-
clock: function() {
+
rotateMenu("menu-team", getMenuAngle(2.2));
-
var self = this;
+
rotateMenu("menu-project", getMenuAngle(1.2));
-
this.Interval = setInterval(function() {self.goToNext()}, 2500);
+
rotateMenu("menu-notebook", getMenuAngle(0.2));
 +
rotateMenu("menu-parts", getMenuAngle(0));
 +
rotateMenu("menu-modelling", getMenuAngle(0.2), -1);
 +
rotateMenu("menu-human", getMenuAngle(1.2), -1);
 +
rotateMenu("menu-safety", getMenuAngle(2.2), -1);
}
}
-
}
 
-
</script>
 
-
<div id="SliderWrap">
+
//NEW. Merged existing window.onload() with slider initialization
-
<div id="SliderPrev"><a href="#" onclick="sliderMain.goToPrev();return(false);">&#x25C0;</a></div><!--
+
-
--><div id="Slider" onmouseover="clearTimeout(sliderMain.Interval)" onmouseout="sliderMain.clock()">
+
-
<ul id="SliderUl">
+
(function() {
-
+
 
-
<li>
+
-
<div>
+
-
<img src="https://static.igem.org/mediawiki/2013/1/13/Heidelberg_Team_Group.JPG" alt="Group Picture"><h2>Our Team</h2>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<div>
+
-
<h2>We did lot's  of funny stuff</h2>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<div>
+
-
<h2>And we want to thank all our sponsors!</h2>
+
-
</div>
+
-
</li>
+
-
+
-
</ul>
+
-
</div><!--
+
                //alert("jQuery Version: " + jQuery.fn.jquery);
-
--><div id="SliderNext"><a href="#" onclick="sliderMain.goToNext();return(false);">&nbsp;</a></div>
+
-
</div>
+
-
<script>
+
-
var sliderMain = new Slider(document.getElementById("Slider"));
+
-
</script>
+
-
<style>
+
-
#SliderWrap {
+
-
min-width:80%;
+
-
}
+
-
#Slider, #SliderNext, #SliderPrev {
+
-
display:inline-block;
+
-
vertical-align:middle;
+
-
overflow:hidden;
+
-
}
+
-
#SliderNext a, #SliderPrev a {
+
-
text-decoration:none;
+
-
display:block;
+
-
width:100%;
+
-
font-weight:bold;
+
-
font-size:150%;
+
-
}
+
-
#SliderNext, #SliderPrev {
+
-
width:1.5em;
+
-
text-align:center;
+
-
position:relative;
+
-
}
+
-
#SliderNext {
+
-
border-top-left-radius:1em;
+
-
border-bottom-left-radius:1em;
+
-
left:-1.5em;
+
-
height:2em;
+
-
z-index:3;
+
-
}
+
-
#SliderNext a {
+
-
height:100%;
+
-
background-image:url(https://static.igem.org/mediawiki/2013/d/da/Heidelberg_slider_Arrrow_next.png);
+
-
background-position:0% 100%;
+
-
background-size: 130% auto;
+
-
}
+
-
#SliderNext a:hover {
+
-
background-position:0% 0%;
+
-
}
+
-
#SliderPrev {
+
-
border-top-right-radius:1em;
+
-
border-bottom-right-radius:1em;
+
-
left:1.3em;
+
-
z-index:2;
+
-
border-left:1px solid #555;
+
-
box-shadow:0px 1px 2px 1px #555
+
-
}
+
-
#SliderPrev a {
+
-
background-color:#FFCC44;
+
-
color:#888;
+
-
line-height:1.5em;
+
-
}
+
-
#SliderPrev a:hover {
+
-
background-color:#FFCC00;
+
-
color:#292929;
+
-
}
+
-
#Slider {
+
-
width:60em;
+
-
height:20em;
+
-
display:auto;
+
-
border:1px solid #292929;
+
-
border-radius:0.5em;
+
-
background-color:#DDD;
+
-
box-shadow:0px 2px 4px 5px #909090;
+
-
z-index:1;
+
-
margin:1.5em 0em;
+
-
}
+
-
#SliderUl {
+
-
list-style:none;
+
-
position:relative;
+
-
margin:0px;
+
-
padding:0px;
+
-
-webkit-transition: 0.5s left;
+
-
-moz-transition: 0.5s left;
+
-
-ms-transition: 0.5s left;
+
-
-o-transition: 0.5s left;
+
-
}
+
-
#SliderUl li {
+
-
float:left;
+
-
width:60em;
+
-
height:20em;
+
-
}
+
-
#SliderUl img, #SliderUl div {
+
-
width:100%;
+
-
}
+
-
</style>
+
-
<!-- End of Slider 1 -->
 
-
<!-- Beginning of Slider 2 -->
 
-
<script>
+
$(window).load(function() {
-
var Slider2 = function() {this.initialize.apply(this, arguments)}
+
 
-
Slider2.prototype = {
+
 
-
+
(function(){
-
initialize: function(slider) {
+
try {
-
this.ul = slider.children[0]
+
var drop_lists = document.getElementsByClassName("drop-navi-left");
-
this.li = this.ul.children
+
for (var i = 0; i < drop_lists.length; i++) {
 +
var item = drop_lists[i];
 +
while (item.tagName !== "UL") {
 +
var item = item.nextSibling;
 +
}
 +
item.style.display = "none";
 +
}
 +
 +
var navbar = document.getElementById("navigation-bar");
 +
if (navbar) {
 +
var navi_links = navbar.getElementsByTagName("A");
 +
for (var i = 0; i < navi_links.length; i++) {
 +
if (document.documentURI.indexOf(navi_links[i].href) !== -1) {
 +
navi_links[i].style.color = "#FFCC00";
 +
var element = navi_links[i];
 +
while (element.parentNode.tagName !== "DIV") {
 +
var element = element.parentNode;
 +
if (element.tagName == "LI") element.style.display = "list-item";
 +
else element.style.display = "block";
 +
}
 +
var element = navi_links[i].parentNode;
 +
if (element.className == "drop-navi-left") {
 +
while (element.tagName !== "UL") {
 +
var element = element.nextSibling;
 +
}
 +
element.style.display = "block";
 +
}
 +
break;
 +
}
 +
}
 +
 
 +
}
 +
 +
 
 +
}
 +
catch (e) {
 +
//alert(e);
 +
}
 +
 
 +
})();
 +
 +
 
 +
 
 +
var $flexslider = $('.flexslider');
 +
 +
//only do when there is any slider on the page
 +
if ($flexslider) {
 +
 
 +
 
 +
(function() {
 +
var linkelem;
 +
 
 +
//load the slider specific CSS
 +
/*linkelem = document.createElement('link');
 +
linkelem.setAttribute("rel", "stylesheet");
 +
linkelem.setAttribute("type", "text/css");
 +
linkelem.setAttribute("href", "https://2013.igem.org/Team:Heidelberg/Stylesheet/Slider?action=raw&ctype=text/css");
 +
document.getElementsByTagName("head")[0].appendChild(linkelem);*/
-
// make <ul> as large as all <li>’s
+
//add favorite icon if specified
-
this.ul.style.width = (this.li[0].clientWidth * this.li.length) + 'px'
+
var faviconURL =""; //favicon.ico
 +
if (faviconURL){
 +
linkelem = document.createElement('link');
 +
linkelem.setAttribute("rel", "shortcur icon");
 +
linkelem.setAttribute("type", "image/x-icon");
 +
linkelem.setAttribute("href", faviconURL);
 +
document.getElementsByTagName("head")[0].appendChild(linkelem);
 +
}
 +
-
this.currentIndex = 0
+
})();
-
this.clock()
+
 
-
},
+
//load the slider specific javascript code
-
goTo: function(index) {
+
$.getScript("https://2013.igem.org/Team:Heidelberg/JS?action=raw&ctype=text/javascript", function(data, textStatus, jqxhr) {
-
clearTimeout(this.Interval)
+
-
// circle through indices
+
//alert(textStatus);
-
if (index < 0)  
+
    $flexslider.flexslider({
-
index = this.li.length - 1
+
      animation: "slide",
-
else if (index > this.li.length - 1) {
+
      animationLoop: true,
-
this.ul.style.left = "20em";
+
      itemWidth: 110,
-
this.clock();
+
      itemMargin: 0,
-
this.currentIndex = 0;
+
      minItems: 1,
-
return;
+
      maxItems: 3
-
}
+
    });
 +
 
 +
    });
 +
}
 +
 
 +
  });
 +
 +
 
 +
}());
 +
 
 +
//from here on same as before
-
// move <ul> left
+
function start_tour() {
-
this.ul.style.left = '-' + ((40 * index)-20) + 'em'
+
var tour_navi = document.getElementById("tour-navi");
-
this.clock()
+
if (tour_navi.style.display !== "block") {
-
this.currentIndex = index
+
tour_navi.style.display = "block";
-
},
+
}
-
goToPrev: function() {
+
-
this.goTo(this.currentIndex - 1)
+
-
},
+
-
goToNext: function() {
+
-
this.goTo(this.currentIndex + 1)
+
-
},
+
-
clock: function() {
+
-
var self = this;
+
-
this.Interval = setInterval(function() {self.goToNext()}, 2500);
+
}
}
 +
function stop_tour() {
 +
var tour_navi = document.getElementById("tour-navi");
 +
if (tour_navi.style.display !== "none") {
 +
tour_navi.style.display = "none";
 +
}
 +
}
 +
function expand_left_navi(drop_list) {
 +
var list = drop_list;
 +
while (list.tagName !== "UL") {
 +
var list = list.nextSibling;
 +
}
 +
var visible = list.style.display;
 +
var drop_lists = document.getElementsByClassName("drop-navi-left");
 +
for (var i = 0; i < drop_lists.length; i++) {
 +
var item = drop_lists[i];
 +
while (item.tagName !== "UL") {
 +
var item = item.nextSibling;
 +
}
 +
item.style.display = "none";
 +
}
 +
if (visible == "none") {
 +
list.style.display = "block";
 +
} else {
 +
list.style.display = "none";
 +
}
 +
}
 +
function getMenuAngle(position) {
 +
var menu = document.getElementById("main-menu");
 +
if (menu){
 +
var width = menu.offsetWidth;
 +
var a = 0.5 * width;
 +
var b = menu.offsetHeight;
 +
var wpos = width * position * 0.1;
 +
var t = Math.acos(wpos / a);
 +
var beta = Math.atan(a / b * Math.tan(t));
 +
var angle = Math.PI * 0.5 - beta;
 +
var y = b - b * Math.sin(t);
 +
return Array(angle,y);
}
}
 +
else return Array(1,1);
 +
}
 +
function rotateMenu(id, angle, factor) {
 +
if (factor !== undefined)
 +
    angle[0] *= factor;
 +
var root = document.getElementById(id);
 +
root.style.position = "relative";
 +
root.style.top = cssCalcExpression("5.3em - " + angle[1] + "px", "5.3em"); // 100px from #main-menu
 +
var children = root.children;
 +
for (var i = 0; i < children.length; ++i) {
 +
                        if (children[i].nodeName == "A") {
 +
                            children[i].style.transform = "rotate(" + angle[0] + "rad)";
 +
                            break;
 +
}
 +
}
 +
}
 +
-->
</script>
</script>
-
<div id="Slider2Wrap">
+
<div id="top-matter">
-
<div id="SliderPrev2"><a href="#" onclick="sliderMain2.goToPrev();return(false);">&#x25C0;</a></div><!--
+
-
--><div id="Slider2" onmouseover="clearTimeout(sliderMain2.Interval)" onmouseout="sliderMain2.clock()">
+
-
<ul id="SliderUl2">
+
<!-- Get top menu navigation going and enter -->
-
+
</html>
-
<li>
+
{{:Team:Heidelberg/Templates/TopNavigation}}
-
<div>
+
<html>
-
<img src="https://static.igem.org/mediawiki/2013/1/13/Heidelberg_Team_Group.JPG" alt="Group Picture">
+
</p></div> <!-- end headline -->
-
<div id="slide-title" Our Team
+
</div> <!-- end top-matter -->
-
</div>
+
-
</div>
+
<div id="main" class="center-vert">
-
</li>
+
-
<li>
+
-
<div>
+
-
<h2>We did lot's  of funny stuff</h2>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<div>
+
-
<h2>And we want to thank all our sponsors!</h2>
+
-
</div>
+
-
</li>
+
-
+
-
</ul>
+
-
<div id="Sliderleft"></div>
+
-
<div id="Sliderright"></div>
+
-
</div><!--
+
-
--><div id="SliderNext2"><a href="#" onclick="sliderMain2.goToNext();return(false);">&nbsp;</a></div>
+
-
</div>
+
-
<script>
+
-
var sliderMain2 = new Slider2(document.getElementById("Slider2"));
+
-
</script>
+
-
<style>
+
-
#Sliderleft, #Sliderright {
+
-
width:20em;
+
-
height:26em;
+
-
position:relative;
+
-
top:-26em;
+
-
background-color:rgba(100,100,100,0.5)
+
-
}
+
-
#Sliderleft { float:left; }
+
-
#Sliderright { float:right; }
+
-
#Slider2Wrap {
+
-
min-width:80%;
+
-
}
+
-
#Slider2, #SliderNext2, #SliderPrev2 {
+
-
display:inline-block;
+
-
vertical-align:middle;
+
-
overflow:hidden;
+
-
}
+
-
#SliderNext2 a, #SliderPrev2 a {
+
-
text-decoration:none;
+
-
display:block;
+
-
width:100%;
+
-
font-weight:bold;
+
-
font-size:150%;
+
-
}
+
-
#SliderNext2, #SliderPrev2 {
+
-
width:1.5em;
+
-
text-align:center;
+
-
position:relative;
+
-
}
+
-
#SliderNext2 {
+
-
border-top-left-radius:1em;
+
-
border-bottom-left-radius:1em;
+
-
left:-1.5em;
+
-
height:2em;
+
-
z-index:3;
+
-
}
+
-
#SliderNext2 a {
+
-
height:100%;
+
-
background-image:url(https://static.igem.org/mediawiki/2013/d/da/Heidelberg_slider_Arrrow_next.png);
+
-
background-position:0% 100%;
+
-
background-size: 130% auto;
+
-
}
+
-
#SliderNext2 a:hover {
+
-
background-position:0% 0%;
+
-
}
+
-
#SliderPrev2 {
+
-
border-top-right-radius:1em;
+
-
border-bottom-right-radius:1em;
+
-
left:1.3em;
+
-
z-index:2;
+
-
border-left:1px solid #555;
+
-
box-shadow:0px 1px 2px 1px #555
+
-
}
+
-
#SliderPrev2 a {
+
-
background-color:#FFCC44;
+
-
color:#888;
+
-
line-height:1.5em;
+
-
}
+
-
#SliderPrev2 a:hover {
+
-
background-color:#FFCC00;
+
-
color:#292929;
+
-
}
+
-
#Slider2 {
+
-
width:80em;
+
-
height:26em;
+
-
display:auto;
+
-
border:1px solid #292929;
+
-
border-radius:0.5em;
+
-
background-color:#DDD;
+
-
box-shadow:0px 2px 4px 5px #909090;
+
-
z-index:1;
+
-
margin:1.5em 0em;
+
-
}
+
-
#SliderUl2 {
+
-
list-style:none;
+
-
position:relative;
+
-
left:10em;
+
-
margin:0px;
+
-
padding:0px;
+
-
-webkit-transition: 0.5s left;
+
-
-moz-transition: 0.5s left;
+
-
-ms-transition: 0.5s left;
+
-
-o-transition: 0.5s left;
+
-
}
+
-
#SliderUl2 li {
+
-
float:left;
+
-
width:40em;
+
-
height:26em;
+
-
}
+
-
#SliderUl2 img, #SliderUl2 div {
+
-
width:100%;
+
-
}
+
-
</style>
+
-
<!-- End of Slider 2 -->
+
<div id="navigation-bar" class="content-hori">
-
<!-- End of Sliders -->
+
<!-- Put automatically generated toc here -->
 +
</html>
 +
{{:Team:Heidelberg/Templates/{{{2}}}}}
 +
<html>
 +
 
 +
</div> <!-- end navigation-bar -->
 +
 
 +
<div id="main-content" class="content-hori">
 +
<div id="tour-navi">
 +
<ul>
 +
<li id="tour-rev"><a href="#">&nbsp;</a></li>
 +
<li class="tour-text">back</li>
 +
<li id="tour-pause"><a href="#" onclick="stop_tour();return false">&nbsp;</a></li>
 +
<li class="tour-text">pause</li>
 +
<li id="tour-fwd"><a href="#">&nbsp;</a></li>
 +
<li class="tour-text">forward</li>
 +
</ul>
 +
</div>
 +
<!--<a href="#top" id="goto-top">Go to top</a>-->
 +
<p> <!--test-->
 +
</html>
 +
 
 +
 
 +
<!--ende Start Page Section weiter mit Content Section-->
 +
 
 +
 
 +
 
 +
<html>
 +
 
 +
 
 +
 
 +
 +
<!-- start Slider -->
 +
<div id="carousel" class="flexslider">
 +
  <ul class="slides">
 +
   
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol1.png" />
 +
 +
    </li>
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/c/c4/Heidelberg_menu_symbol2.png" />
 +
    </li>
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/8/83/Heidelberg_menu_symbol4.png" />
 +
    </li>
 +
  <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/a/a4/Heidelberg_menu_symbol3.png" />
 +
 +
    </li>
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/c/c4/Heidelberg_menu_symbol5.png" />
 +
    </li>
 +
    <li>
 +
      <img src="https://static.igem.org/mediawiki/2013/8/83/Heidelberg_menu_symbol6.png" />
 +
    </li>
 +
  </ul>
 +
</div>
 +
<!-- End of Slider-->
Find all templates used on <a href="https://2013.igem.org/Team:Heidelberg/Templates">the templates page</a> with coresponding explanations.<br />
Find all templates used on <a href="https://2013.igem.org/Team:Heidelberg/Templates">the templates page</a> with coresponding explanations.<br />
Line 369: Line 325:
<h5>Philosophers Stone</h5>
<h5>Philosophers Stone</h5>
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.  
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.  
 +
<object data="https://2013.igem.org/wiki/index.php?title=Team:Heidelberg/DesignTest/Circle.svg&action=render&oldid=259395" type="image/svg+xml">
 +
    <param name="src" value="https://2013.igem.org/wiki/index.php?title=Team:Heidelberg/DesignTest/Circle.svg&action=render&oldid=259395">
 +
    Ihr Browser kann das Objekt leider nicht anzeigen!
 +
</object>
</td>
</td>
</tr>
</tr>
Line 376: Line 336:
<!--
<!--
#bigHeading{
#bigHeading{
-
   font-size: 30px;
+
   font-size: 25px;
-
  font-weight:bold;
+
   text-align: center;
   text-align: center;
text-shadow: 0.1em 0.1em 0.2em black;}
text-shadow: 0.1em 0.1em 0.2em black;}
#notsobigheading{
#notsobigheading{
   text-align: left;
   text-align: left;
 +
  text-shadow: 0.1em 0.1em 0.2em #404040;
   }
   }
 +
first{
 +
  font-size: 20px;
 +
  color:#009cc2;
 +
}
 +
second{
 +
  font-size: 20px;}
 +
#normalheading{
 +
  text-align: left;
 +
  color:#009cc2;
 +
  text-shadow: 0.1em 0.1em 0.2em #404040;
 +
  margin-left: 1em;}
 +
#abigHeading{
 +
  font-size: 25px;
 +
  text-align: center;}
 +
#anotsobigheading{
 +
  text-align: left;
 +
  }
 +
#anormalheading{
 +
  text-align: left;
 +
  color:#009cc2;
 +
  margin-left: 1em;}
 +
.dimenshead{
 +
font-weight:bold;
 +
line-height: 1em;
 +
color: #fff9d6;
 +
background-color: black;
 +
text-shadow:0px 0px 0
 +
rgb(212,212,212),1px 1px 0
 +
 +
rgb(184,184,184),2px 2px 0
 +
 +
rgb(156,156,156),3px 3px 0
 +
 +
rgb(128,128,128), 4px 4px 0
 +
 +
rgb(100,100,100),5px 5px 4px
 +
 +
rgba(0,0,0,0.45),5px 5px 1px
 +
 +
rgba(0,0,0,0.5),0px 0px 4px
 +
 +
rgba(0,0,0,.2); }
 +
 +
.withoutbox{
 +
font-weight:bold;
 +
line-height: 1em;
 +
color: black;
 +
text-shadow:0px 0px 0
 +
 +
rgb(212,212,212),1px 1px 0
 +
 +
rgb(184,184,184),2px 2px 0
 +
 +
rgb(156,156,156),3px 3px 0
 +
 +
rgb(128,128,128), 4px 4px 0
 +
 +
rgb(100,100,100),5px 5px 4px
 +
 +
rgba(0,0,0,0.45),5px 5px 1px
 +
 +
rgba(0,0,0,0.5),0px 0px 4px
 +
 +
rgba(0,0,0,.2); }
 +
 +
.small{
 +
line-height: 1em;
 +
color: black;
 +
text-shadow:0px 0px 0
 +
 +
rgb(212,212,212),1px 1px 0
 +
 +
rgb(184,184,184),2px 2px 0
 +
 +
rgb(156,156,156),3px 3px 0
 +
 +
rgb(128,128,128), 4px 4px 0
 +
 +
rgb(100,100,100),5px 5px 4px
 +
 +
rgba(0,0,0,0.45),5px 5px 1px
 +
 +
rgba(0,0,0,0.5),0px 0px 4px
 +
 +
rgba(0,0,0,.2);}
-->
-->
</style>
</style>
<div id="bigHeading"> THIS COULD BE YOUR HEADING </div>
<div id="bigHeading"> THIS COULD BE YOUR HEADING </div>
-
<div id="notsobigheading"> <div id="firstletter">T</div>HIS COULD BE YOUR HEADING </div>
+
<div id="notsobigheading"> <first>T</first>HIS COULD BE YOUR HEADING </div>
 +
<div id="normalheading"><second>T</second>HIS COULD BE YOUR HEADING </div>
 +
 
 +
 
 +
<div id="abigHeading"> THIS COULD BE YOUR HEADING </div>
 +
<div id="anotsobigheading"> <first>T</first>HIS COULD BE YOUR HEADING </div>
 +
<div id="anormalheading"><second>T</second>HIS COULD BE YOUR HEADING </div>
 +
 
 +
<div id="abigHeading" class="dimenshead"> THIS COULD BE YOUR HEADING </div>
 +
<div id="anotsobigheading"> <first>T</first>HIS COULD BE YOUR HEADING </div>
 +
<div id="anormalheading"><second>T</second>HIS COULD BE YOUR HEADING </div>
 +
<div id="abigHeading" class="withoutbox"> THIS COULD BE YOUR HEADING </div>
 +
<div id="anotsobigheading"> <first>T</first>HIS COULD BE YOUR HEADING </div>
 +
<div id="anormalheading"><second>T</second>HIS COULD BE YOUR HEADING </div>
 +
<div id="abigHeading" class="small"> THIS COULD BE YOUR HEADING </div>
 +
<div id="anotsobigheading"> <first>T</first>HIS COULD BE YOUR HEADING </div>
 +
<div id="anormalheading"><second>T</second>HIS COULD BE YOUR HEADING </div>
</html>
</html>
 +
{{:Team:Heidelberg/Templates/EndPage}}
{{:Team:Heidelberg/Templates/EndPage}}

Latest revision as of 15:51, 1 October 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. Ihr Browser kann das Objekt leider nicht anzeigen!
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"