Template:Team:HokkaidoU Japan/Top Header/CSS

From 2014.igem.org

(Difference between revisions)
Line 29: Line 29:
     margin: 0 auto;
     margin: 0 auto;
}
}
-
 
-
.bookmark {
 
-
    width:100px;
 
-
    height:250px;
 
-
    background-color: #ee9fd8;
 
-
    position: relative;
 
-
    margin: 0 40px;
 
-
    top: 150px;
 
-
    text-align:center;
 
-
    line-height: 14px;
 
-
    float: left;
 
-
}
 
-
 
-
.bookmark-contents {
 
-
    margin: 20px auto;
 
-
}
 
-
 
-
.bookmark-contents-sub {
 
-
    margin: 15px auto;
 
-
    line-height: 20px;
 
-
}
 
-
 
-
#bookmark-position {
 
-
    height: 200px;
 
-
    position: relative;
 
-
    margin: 0 auto;
 
-
    overflow: hidden;
 
-
}
 
-
 
-
.bookmark-position > div {
 
-
    display: inline-block;
 
-
}
 
-
 
-
 
-
<!-- megamenu-->
 
-
/*
 
-
  jQuery MegaMenu Plugin
 
-
  Author: GeekTantra
 
-
  Author URI: http://www.geektantra.com
 
-
*/
 
-
 
-
ul.megamenu {
 
-
  background-color: black;
 
-
  margin: 0px auto;
 
-
  padding: 5px 10px;
 
-
  list-style: none;
 
-
  display: none;
 
-
}
 
-
 
-
ul.megamenu li.mm-item {
 
-
}
 
-
 
-
ul.megamenu li {
 
-
  margin: 0px;
 
-
  padding: 0px;
 
-
}
 
-
 
-
ul.megamenu li.clear-fix {
 
-
  float: none;
 
-
  clear: both;
 
-
  margin: 0px;
 
-
  padding: 0px;
 
-
  height: 0px;
 
-
  font-size: 0px;
 
-
  line-height: 0px;
 
-
}
 
-
 
-
ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
 
-
  position: relative;
 
-
  display: inline-block;
 
-
  color: #FFF;
 
-
  padding: 8px 15px;
 
-
  margin: 0px 3px 0px 0px;
 
-
  text-decoration: none;
 
-
  z-index: 10;
 
-
  font-size: 14px;
 
-
  border-top: 1px solid transparent;
 
-
  border-left: 1px solid transparent;
 
-
  border-right: 1px solid transparent;
 
-
}
 
-
*html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
 
-
  border-color: pink;
 
-
  filter: chroma(color=pink);
 
-
}
 
-
 
-
ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited {
 
-
  color: #444;
 
-
  background: #FFF;
 
-
  border-top: 1px solid #777;
 
-
  border-left: 1px solid #777;
 
-
  border-right: 1px solid #777;
 
-
  -moz-border-radius: 3px 3px 0px 0px;
 
-
  border-radius: 3px 3px 0px 0px;
 
-
}
 
-
 
-
ul.megamenu div.mm-item-content {
 
-
  background: #FFF;
 
-
  padding: 0px;
 
-
  position: absolute;
 
-
  border: 1px solid #777;
 
-
  z-index: 9;
 
-
}
 
-
 
-
.mm-content-base {
 
-
  background: #FFF;
 
-
  position: relative;
 
-
  z-index: 11;
 
-
  padding: 10px;
 
-
}
 
-
.mm-js-shadow {
 
-
  background: #555;
 
-
  position: absolute;
 
-
  z-index: 10;
 
-
}
 
-
 
-
<!-- megamenu end-->
 
</style>
</style>
</html>
</html>

Revision as of 15:56, 13 October 2014