Biomod/2012/Tianjin/Template/indexmenu: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
No edit summary |
No edit summary |
||
| Line 102: | Line 102: | ||
<li id="tianjin-index-home"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin">Home | <li id="tianjin-index-home"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin">Home | ||
<span class="tianjin-description"> | <span class="tianjin-description"> | ||
</span> | </span> | ||
</a> | </a> | ||
| Line 108: | Line 107: | ||
<li id="tianjin-index-team"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Team">Team | <li id="tianjin-index-team"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Team">Team | ||
<span class="tianjin-description"> | <span class="tianjin-description"> | ||
Proudly present Team Tianjin 2012 | |||
</span> | </span> | ||
</a> | </a> | ||
| Line 114: | Line 113: | ||
<li id="tianjin-index-designs"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Background">Designs | <li id="tianjin-index-designs"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Project/Background">Designs | ||
<span class="tianjin-description"> | <span class="tianjin-description"> | ||
See how we turned our interesting and creative idea intobeautiful structures | |||
</span> | </span> | ||
</a> | </a> | ||
| Line 120: | Line 119: | ||
<li id="tianjin-index-results"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Results">Experiments and Results | <li id="tianjin-index-results"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Results">Experiments and Results | ||
<span class="tianjin-description"> | <span class="tianjin-description"> | ||
Check out the amazing results we get from our devices! | |||
</span> | </span> | ||
</a> | </a> | ||
| Line 126: | Line 125: | ||
<li id="tianjin-index-protocol"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Protocol">Protocol | <li id="tianjin-index-protocol"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Protocol">Protocol | ||
<span class="tianjin-description"> | <span class="tianjin-description"> | ||
These standard laid the foundation of our success. | |||
</span> | </span> | ||
</a> | </a> | ||
| Line 132: | Line 131: | ||
<li id="tianjin-index-attribution"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Attributions">Attribution | <li id="tianjin-index-attribution"><a href="http://openwetware.org/wiki/Biomod/2012/Tianjin/Attributions">Attribution | ||
<span class="tianjin-description"> | <span class="tianjin-description"> | ||
We are grateful for everyone who has helped us along the way. | |||
</span> | </span> | ||
</a> | </a> | ||
Revision as of 14:38, 27 October 2012
<html> <style> /* index leftmenu css */
- tianjin-index {
float: left; width: 220px; margin-right: 20px;
}
- tianjin-index ul{
margin: 0; padding: 0 1em;
}
- tianjin-index ul li{
list-style: none; margin: 0 0 1em 0;
}
- tianjin-index ul li .tianjin-description{
font-size: small; color: #8a8a8a;
}
- tianjin-index-menu{
margin: 0 0 30px 0 !important; padding: 0 !important; border: 1px solid #ababab; -webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; border-top-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; border-bottom-right-radius: 12px;
}
- tianjin-index-menu li{
list-style: none; margin: 0 !important; padding: 0 !important; background: -moz-radial-gradient(center 80px 45deg, circle cover, hsl(0, 0%, 100%) 0%, hsl(240, 5%, 70%) 100%); overflow: hidden; text-shadow: 0 1px 1px hsl(240, 10%, 80%);
}
- tianjin-index-menu li:first-child{
-webkit-border-top-right-radius: 12px; -moz-border-radius-topright: 12px; border-top-right-radius: 12px;
}
- tianjin-index-menu li:last-child{
-webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomright: 12px; border-bottom-right-radius: 12px;
}
- tianjin-index-menu li a{
display: block; padding: 10px 20px; border-bottom: none; color: #3b3b3b; transition: background 0.5s ease-in-out; -moz-transition-property: background; -moz-transition-duration: 700ms; background: #e4e4e4; border-bottom: 1px solid #dedede; border-top: 1px solid #f7f7f7;
}
- tianjin-index-menu li a{
}
- tianjin-index-menu li a:hover{
background: transparent none;
}
- tianjin-index-menu li a .tianjin-description{
display: block; margin-left: 40px;
}
- tianjin-index-menu li a:before{
display: block; float: left; content: ""; width: 30px; height: 30px; margin: 5px 10px 0 0; background: url(http://openwetware.org/images/f/fa/TJU2012-Biomod-lbl.png) no-repeat;
}
- tianjin-index-menu li#tianjin-index-home a:before{ background-position: 0 0px; }
- tianjin-index-menu li#tianjin-index-team a:before{ background-position: 0 -180px; }
- tianjin-index-menu li#tianjin-index-designs a:before{ background-position: 0 -120px; }
- tianjin-index-menu li#tianjin-index-results a:before{ background-position: 0 -90px; }
- tianjin-index-menu li#tianjin-index-protocol a:before{ background-position: 0 -60px; }
- tianjin-index-menu li#tianjin-index-attribution a:before{ background-position: 0 -150px; }
- tianjin-index-menu li#tianjin-index-home a:hover:before{ background-position: -30px 0px; }
- tianjin-index-menu li#tianjin-index-team a:hover:before{ background-position: -30px -180px; }
- tianjin-index-menu li#tianjin-index-designs a:hover:before{ background-position: -30px -120px; }
- tianjin-index-menu li#tianjin-index-results a:hover:before{ background-position: -30px -90px; }
- tianjin-index-menu li#tianjin-index-protocol a:hover:before{ background-position: -30px -60px; }
- tianjin-index-menu li#tianjin-index-attribution a:hover:before{ background-position: -30px -150px; }
</style>
<script src="http://itra.jp/jquery_socialbutton_plugin/js/jquery.socialbutton-1.8.1.js" type="text/javascript"></script>
