Difference between revisions of "Team:NYMU-Taipei/Pigments"
| Line 39: | Line 39: | ||
font-size: 20px; | font-size: 20px; | ||
} | } | ||
| + | |||
| + | .pigments_wrapper { | ||
| + | background-color: rgba(57, 96, 49, 0); | ||
| + | border: 1px solid transparent; | ||
| + | border-radius: 4px; | ||
| + | padding:5px; | ||
| + | padding-right:12px; | ||
| + | width:940px; | ||
| + | margin: auto; | ||
| + | margin-top:10px; | ||
| + | } | ||
| + | |||
| + | .pigments_wrapper p { | ||
| + | color: #ecffe8; | ||
| + | padding-left:20px; | ||
| + | } | ||
| + | |||
/* Show & hide */ | /* Show & hide */ | ||
| Line 136: | Line 153: | ||
} | } | ||
} | } | ||
| + | |||
| + | function toggleHeight6(e, maxHeight) { | ||
| + | e = document.getElementById("s6"); // e = the gray div | ||
| + | |||
| + | if(e.style.height != '30px') { | ||
| + | e.style.height = '30px'; // height of one line: 20px | ||
| + | } else { | ||
| + | e.style.height = maxHeight + 'px'; | ||
| + | } | ||
| + | } | ||
</script> | </script> | ||
| Line 147: | Line 174: | ||
<h5></h5> | <h5></h5> | ||
| + | <!-- Description --> | ||
| + | <div class='pigments_wrapper'> | ||
| + | <p>test123 | ||
| + | </p> | ||
| + | <div> | ||
| + | |||
| + | <!-- Backbone design--> | ||
<div class='panel'> | <div class='panel'> | ||
<div id="s1" class="expandable" style='height: 30px;padding-top:15px;'> | <div id="s1" class="expandable" style='height: 30px;padding-top:15px;'> | ||
<a href="#!" onclick="toggleHeight1(this, 440); return false" | <a href="#!" onclick="toggleHeight1(this, 440); return false" | ||
style="font-family:'Acme', sans-serif;font-size:30px;color:#205e1a;height: 30px;"> | style="font-family:'Acme', sans-serif;font-size:30px;color:#205e1a;height: 30px;"> | ||
| − | + | Backbone Design | |
</a> | </a> | ||
| − | <p> | + | <p>Backbone Design</p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 161: | Line 195: | ||
<a href="#!" onclick="toggleHeight2(this, 470); return false" | <a href="#!" onclick="toggleHeight2(this, 470); return false" | ||
style="font-family:'Acme', sans-serif;font-size:30px;color:#002384;height: 30px;"> | style="font-family:'Acme', sans-serif;font-size:30px;color:#002384;height: 30px;"> | ||
| − | + | Cyan pigment (Indigoidine) | |
</a> | </a> | ||
<div style="color:#1c3e4f;"> | <div style="color:#1c3e4f;"> | ||
<p>Blue Design</p> | <p>Blue Design</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class='panel' style="background-color:#f6ff00"> | ||
| + | <div id="s6" class="expandable" style='height: 30px;padding-top:15px;'> | ||
| + | <a href="#!" onclick="toggleHeight6(this, 470); return false" | ||
| + | style="font-family:'Acme', sans-serif;font-size:30px;color:#303030;height: 30px;"> | ||
| + | Zeaxanthin (CrtZ) | ||
| + | </a> | ||
| + | <div style="color:#393a1f;"> | ||
| + | <p>Yellow Design</p> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 03:58, 7 October 2017
Pigments
test123
