Team:Bielefeld-Germany/Fun/Recipes

From 2010.igem.org

(Difference between revisions)
(New page: {{Bielefeld_MainMenu_2010}} == '''Hot Recipes Collection''' == Capsaicine is a pretty hot topic. To see what's cookin', you should come back soon and try some spicy recipes in your own kit...)
(Hot Recipes Collection)
Line 4: Line 4:
Or even better, contribute by publishing your own hottest recipes! Just send us a mail containing your name, your recipe and a picture of you and your meal. But be sure that there are no copyright infringements.
Or even better, contribute by publishing your own hottest recipes! Just send us a mail containing your name, your recipe and a picture of you and your meal. But be sure that there are no copyright infringements.
 +
 +
 +
= '''Sample Recipe''' =
 +
<html><STYLE type='text/css'>
 +
.compatibility_div ul,
 +
.compatibility_div li {
 +
display: inline;
 +
}
 +
.compatibility_div li {
 +
position: relative;
 +
padding-top: 2px;
 +
padding-left:4px;
 +
padding-right:3px;
 +
margin-right:2px;
 +
margin-bottom: 5px;
 +
}
 +
.compatibility_div .box {
 +
top:  35px;
 +
width: 200px;
 +
left:  0px;
 +
}
 +
.compatibility_div .box_white {
 +
border: 1px solid gray;
 +
background-color: white;
 +
}
 +
.compatibility_div .box_red {
 +
border: 1px solid #dd6666;
 +
background-color: #ffcccc;
 +
background-image: url('http://partsregistry.org/images/red_not/red_box.png');
 +
background-repeat: none;
 +
}
 +
.compatibility_div .box_green {
 +
border: 1px solid #44ee44;
 +
background-color: #aaffaa;
 +
}
 +
#reviews {
 +
    float:right;
 +
    width:140px;
 +
    margin-right:20px;
 +
}
 +
#reviews .review_box {
 +
    position:relative;
 +
    padding: 2px 5px 5px 5px;
 +
    border:1px solid #aaa;
 +
    font-size:85%;
 +
    cursor: pointer;
 +
}
 +
#reviews .histogram {
 +
    position:absolute;
 +
    z-index:100;
 +
    height:9px;
 +
    left:15px;
 +
    top:3px;
 +
}
 +
 +
</STYLE><DIV class='compatibility_div' style='display:inline'>
 +
Taste Compatibility:<UL>
 +
 +
<LI class='boxctrl box_red'>sweet<DIV class='box'><DIV>Where I come from, we say CANDY.</div></div></LI>
 +
<LI class='boxctrl box_red'>mild<DIV class='box'><DIV>My toast was better flavored.</div></div></LI>
 +
<LI class='boxctrl box_red'>spiced<DIV class='box'><DIV>I found traces of spice.</div></div></LI>
 +
<LI class='boxctrl box_red'>hot<DIV class='box'><DIV>Yay! That was hot!</div></div></LI>
 +
 +
<LI class='boxctrl box_green'>burnin'<DIV class='box'><DIV>Can't... talk... *snief*</div></div></LI>
 +
</UL>
 +
</DIV>
 +
 +
<DIV id='reviews'>
 +
Reviews
 +
<div class='review_box' title='Go to the Experience page'
 +
        onclick= "location='http://partsregistry.org/Part:BBa_P0312:Experience';">
 +
<div style='height:14px;padding-left:15px;margin-bottom:4px;'>
 +
<img src='http://partsregistry.org/images/stars/1star.png' style='padding: 0 5px 2px 5px;'>
 +
<img src='http://partsregistry.org/images/stars/1star.png' style='padding: 0 5px 2px 5px;'>
 +
<img src='http://partsregistry.org/images/stars/1star.png' style='padding: 0 5px 2px 5px;'>
 +
<img src='http://partsregistry.org/images/stars/1star.png' style='padding: 0 5px 2px 5px;'>
 +
<img src='http://partsregistry.org/images/stars/1star.png' style='padding: 0 5px 2px 5px;'>
 +
</div>
 +
<div style='height:11px;background-color:#ffffff;
 +
                  border:1px solid gray;text-align:center;line-height:12px;'>Experience: </div>
 +
<DIV style='position:relative;width:110px;height:10px'>5
 +
    <div class='histogram' style='width:60px; background-color:#9999ff'></div>
 +
    <div class='histogram' style='width:28.875px; background-color:#4444ff'></div>
 +
    <div style='position:absolute;top:0px;right:5px;'>(77)</div>
 +
 +
</DIV>
 +
<DIV style='position:relative;width:110px;height:10px'>4
 +
    <div class='histogram' style='width:60px; background-color:#9999ff'></div>
 +
    <div class='histogram' style='width:7.875px; background-color:#4444ff'></div>
 +
    <div style='position:absolute;top:0px;right:5px;'>(21)</div>
 +
</DIV>
 +
<DIV style='position:relative;width:110px;height:10px'>3
 +
    <div class='histogram' style='width:60px; background-color:#9999ff'></div>
 +
    <div class='histogram' style='width:16.5px; background-color:#4444ff'></div>
 +
    <div style='position:absolute;top:0px;right:5px;'>(44)</div>
 +
</DIV>
 +
 +
<DIV style='position:relative;width:110px;height:10px'>2
 +
    <div class='histogram' style='width:60px; background-color:#9999ff'></div>
 +
    <div class='histogram' style='width:4.875px; background-color:#4444ff'></div>
 +
    <div style='position:absolute;top:0px;right:5px;'>(13)</div>
 +
</DIV>
 +
<DIV style='position:relative;width:110px;height:10px'>1
 +
    <div class='histogram' style='width:60px; background-color:#9999ff'></div>
 +
    <div class='histogram' style='width:1.875px; background-color:#4444ff'></div>
 +
    <div style='position:absolute;top:0px;right:5px;'>(5)</div>
 +
</DIV></div></DIV>
 +
 +
 +
 +
</html>

Revision as of 16:17, 17 August 2010

{{{1}}}

Hot Recipes Collection

Capsaicine is a pretty hot topic. To see what's cookin', you should come back soon and try some spicy recipes in your own kitchen.

Or even better, contribute by publishing your own hottest recipes! Just send us a mail containing your name, your recipe and a picture of you and your meal. But be sure that there are no copyright infringements.


Sample Recipe

Taste Compatibility:
  • sweet
    Where I come from, we say CANDY.
  • mild
    My toast was better flavored.
  • spiced
    I found traces of spice.
  • hot
    Yay! That was hot!
  • burnin'
    Can't... talk... *snief*
Reviews
Experience:
5
(77)
4
(21)
3
(44)
2
(13)
1
(5)