Biomod/2012/Tianjin/Template/indexmenu

From OpenWetWare
Jump to: navigation, search

<html> <style> /* index leftmenu css */

  1. tianjin-index {
   font-size:120%;
   font-family: Calibri;
   float: left;
   width: 240px;
   margin-right: 20px;

}

  1. tianjin-index ul{
   margin: 0;
   padding: 0 1em;

}

  1. tianjin-index ul li{
   list-style: none;
   margin: 0 0 1em 0;

}

  1. tianjin-index ul li .tianjin-description{
   font-size: small;
   color: #8a8a8a;

}

  1. 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;

}

  1. 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%);

}

  1. tianjin-index-menu li:first-child{
   -webkit-border-top-right-radius: 12px;
   -moz-border-radius-topright: 12px;
   border-top-right-radius: 12px;

}

  1. tianjin-index-menu li:last-child{
   -webkit-border-bottom-right-radius: 12px;
   -moz-border-radius-bottomright: 12px;
   border-bottom-right-radius: 12px;

}

  1. 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;

}

  1. tianjin-index-menu li a{

}

  1. tianjin-index-menu li a:hover{
   background: transparent none;

}

  1. tianjin-index-menu li a .tianjin-description{
   display: block;
   margin-left: 40px;

}

  1. 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;

}

  1. tianjin-index-menu li#tianjin-index-home a:before{ background-position: 0 0px; }
  2. tianjin-index-menu li#tianjin-index-team a:before{ background-position: 0 -180px; }
  3. tianjin-index-menu li#tianjin-index-designs a:before{ background-position: 0 -120px; }
  4. tianjin-index-menu li#tianjin-index-results a:before{ background-position: 0 -90px; }
  5. tianjin-index-menu li#tianjin-index-protocol a:before{ background-position: 0 -60px; }
  6. tianjin-index-menu li#tianjin-index-attribution a:before{ background-position: 0 -150px; }
  1. tianjin-index-menu li#tianjin-index-home a:hover:before{ background-position: -30px 0px; }
  2. tianjin-index-menu li#tianjin-index-team a:hover:before{ background-position: -30px -180px; }
  3. tianjin-index-menu li#tianjin-index-designs a:hover:before{ background-position: -30px -120px; }
  4. tianjin-index-menu li#tianjin-index-results a:hover:before{ background-position: -30px -90px; }
  5. tianjin-index-menu li#tianjin-index-protocol a:hover:before{ background-position: -31px -60px; }
  6. 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>