Biomod/2012/Tianjin/Template/indexmenu: Difference between revisions
From OpenWetWare
Jump to navigationJump to search
No edit summary |
No edit summary |
||
Line 5: | Line 5: | ||
#tianjin-index { | #tianjin-index { | ||
float: left; | float: left; | ||
width: | width: 240px; | ||
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
Line 101: | Line 101: | ||
<ul id="tianjin-index-menu"> | <ul id="tianjin-index-menu"> | ||
<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> |
Revision as of 14:48, 27 October 2012
<html> <style> /* index leftmenu css */
- tianjin-index {
float: left; width: 240px; 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>