Template:Team:HokkaidoU Japan/header/css

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html><style type="text/css">
 
-
/* Mega Menu Styles */
 
-
.mega-menu ul,
 
-
.mega-menu ul li {
 
-
  list-style: none;
 
-
}
 
-
.mega-menu ul {
 
-
  position: relative;
 
-
  padding: 0;
 
-
  margin: 0;
 
-
}
 
-
.mega-menu ul li ul {
 
-
  display: none;
 
-
}
 
-
.mega-menu .sub {
 
-
  display: none;
 
-
}
 
-
.mega-menu .sub ul {
 
-
  display: block;
 
-
}
 
-
 
-
ul.mega-menu {
 
-
  position: relative;
 
-
  width: 100%;
 
-
  height: 40px;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border: none;
 
-
  background: #ccc;
 
-
}
 
-
ul.mega-menu li {
 
-
  float: left;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  font-size: 13px;
 
-
  font-weight: bold;
 
-
}
 
-
ul.mega-menu li a {
 
-
  float: left;
 
-
  display: block;
 
-
  color: #000;
 
-
  padding: 12px 38px 12px 25px;
 
-
  background: url(images/bg_white.png) repeat-x 100% 0;
 
-
  text-shadow: 1px 1px 1px #fff;
 
-
  text-decoration: none;
 
-
}
 
-
ul.mega-menu li a.dc-mega {
 
-
  position: relative;
 
-
}
 
-
ul.mega-menu li a .dc-mega-icon {
 
-
  display: block;
 
-
  position: absolute;
 
-
  width: 8px;
 
-
  height: 6px;
 
-
  top: 18px;
 
-
  right: 15px;
 
-
  background: url(images/arrow.png) no-repeat 0 100%;
 
-
}
 
-
ul.mega-menu li.mega-hover a,
 
-
.white ul.mega-menu li a:hover {
 
-
  background-position: 100% -40px;
 
-
  color: #000;
 
-
  text-shadow: none;
 
-
}
 
-
ul.mega-menu li.mega-hover a .dc-mega-icon {
 
-
  background-position: 0 100%;
 
-
}
 
-
ul.mega-menu li .sub-container {
 
-
  position: absolute;
 
-
  background: url(images/bg_sub_left.png) no-repeat 0 100%;
 
-
  padding-left: 20px;
 
-
  margin-left: -3px;
 
-
}
 
-
ul.mega-menu li .sub {
 
-
  background: url(images/bg_sub.png) no-repeat 100% 100%;
 
-
  padding: 20px 20px 20px 10px;
 
-
}
 
-
ul.mega-menu li .sub-container.mega .sub {
 
-
  padding: 20px 20px 10px 0;
 
-
}
 
-
ul.mega-menu li .sub .row {
 
-
  width: 100%;
 
-
  overflow: hidden;
 
-
  clear: both;
 
-
}
 
-
ul.mega-menu li .sub li {
 
-
  list-style: none;
 
-
  float: none;
 
-
  width: 170px;
 
-
  font-size: 1em;
 
-
  font-weight: normal;
 
-
}
 
-
ul.mega-menu li .sub li.mega-hdr {
 
-
  margin: 0 10px 10px 0;
 
-
  float: left;
 
-
}
 
-
ul.mega-menu li .sub li.mega-hdr.last {
 
-
  margin-right: 0;
 
-
}
 
-
ul.mega-menu li .sub a {
 
-
  background: none;
 
-
  border: none;
 
-
  text-shadow: none;
 
-
  color: #111;
 
-
  padding: 7px 10px;
 
-
  display: block;
 
-
  float: none;
 
-
  text-decoration: none;
 
-
  font-size: 0.9em;
 
-
}
 
-
ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a {
 
-
  padding: 5px 5px 5px 15px;
 
-
  margin-bottom: 5px;
 
-
  background: #E3E3E3 url(images/bg_mega_hdr.png) no-repeat 0 0;
 
-
  text-transform: uppercase;
 
-
  font-weight: bold;
 
-
  color: #000;
 
-
  text-shadow: 1px 1px 1px #fff;
 
-
}
 
-
ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover {
 
-
  color: #a32403;
 
-
  text-shadow: none;
 
-
}
 
-
ul.mega-menu .sub li.mega-hdr li a {
 
-
  padding: 4px 5px 4px 20px;
 
-
  background: url(images/arrow_off.png) no-repeat 5px 8px;
 
-
  font-weight: normal;
 
-
}
 
-
ul.mega-menu .sub li.mega-hdr li a:hover {
 
-
  color: #a32403;
 
-
  background: #efefef url(images/arrow_on.png) no-repeat 5px 8px;
 
-
}
 
-
ul.mega-menu .sub ul li {
 
-
  padding-right: 0;
 
-
}
 
-
ul.mega-menu li .sub-container.non-mega .sub {
 
-
  padding: 20px 20px 20px 0;
 
-
}
 
-
ul.mega-menu li .sub-container.non-mega li {
 
-
  padding: 0;
 
-
  width: 190px;
 
-
  margin: 0;
 
-
}
 
-
ul.mega-menu li .sub-container.non-mega li a {
 
-
  padding: 7px 5px 7px 22px;
 
-
  background: url(images/arrow_off.png) no-repeat 7px 10px;
 
-
}
 
-
ul.mega-menu li .sub-container.non-mega li a:hover {
 
-
  color: #a32403;
 
-
  background: #efefef url(images/arrow_on.png) no-repeat 7px 10px;
 
-
}
 
-
#background {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  width: 100%;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
}
 
-
 
-
#wrapper {
 
-
  width: 960px;
 
-
  margin: 0 auto 0;
 
-
}
 
-
 
-
img {
 
-
  display: none;
 
-
}
 
-
html {
 
-
  overflow-y: scroll;
 
-
}
 
-
 
-
body {
 
-
  font-size: 14px;
 
-
}
 
-
#top-section {
 
-
  position: fixed;
 
-
  top: 0;
 
-
  left: 0;
 
-
  width: 100%;
 
-
  height: 0;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border: none;
 
-
  z-index: 100;
 
-
}
 
-
 
-
#open-wiki-menu {
 
-
  display: block;
 
-
  width: 75px;
 
-
  margin: 15px;
 
-
  padding: 5px;
 
-
  text-align: center;
 
-
  border: 1px solid #000000;
 
-
  border-radius: 5px;
 
-
}
 
-
 
-
#wiki-menu {
 
-
  display: none;
 
-
  position: relative;
 
-
  width: 120px;
 
-
  margin: 15px;
 
-
  padding: 15px;
 
-
  border: 1px solid #000000;
 
-
  border-radius: 10px;
 
-
}
 
-
#wiki-menu h2 {
 
-
  line-height: 20px;
 
-
  font-size: 16px;
 
-
  border: none;
 
-
}
 
-
#wiki-menu h2:first-child {
 
-
  padding-top: 0;
 
-
}
 
-
 
-
#menubar {
 
-
  position: static;
 
-
  width: 90px;
 
-
  overflow-x: hidden;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  background: #ffffff;
 
-
  font-size: 12px;
 
-
}
 
-
#menubar li {
 
-
  display: block;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  text-align: left;
 
-
}
 
-
#menubar li a {
 
-
  color: #000000;
 
-
  background: inherit;
 
-
}
 
-
#menubar.left-menu li:last-child {
 
-
  display: none;
 
-
}
 
-
 
-
#close-wiki-menu {
 
-
  display: block;
 
-
  position: absolute;
 
-
  bottom: 15px;
 
-
  right: 15px;
 
-
}
 
-
body {
 
-
  background: #ffffff;
 
-
}
 
-
 
-
#globalWrapper {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  width: 100%;
 
-
  height: 0;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border: 0;
 
-
  font-size: 100%;
 
-
}
 
-
 
-
#content {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  width: 100%;
 
-
  height: 0;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border: 0;
 
-
  font-size: 100%;
 
-
}
 
-
 
-
#bodyContent {
 
-
  position: absolute;
 
-
  top: 0;
 
-
  left: 0;
 
-
  width: 100%;
 
-
  height: 0;
 
-
  margin: 0;
 
-
  padding: 0;
 
-
  border: 0;
 
-
  font-size: 100%;
 
-
}
 
-
 
-
#p-logo {
 
-
  display: none;
 
-
}
 
-
 
-
#footer-box {
 
-
  display: none;
 
-
}
 
-
 
-
#catlinks {
 
-
  display: none;
 
-
}
 
-
 
-
.firstHeading {
 
-
  display: none;
 
-
}
 
.mega-menu ul,.mega-menu ul li{list-style:none}.mega-menu ul{position:relative;padding:0;margin:0}.mega-menu ul li ul{display:none}.mega-menu .sub{display:none}.mega-menu .sub ul{display:block}ul.mega-menu{position:relative;width:100%;height:40px;margin:0;padding:0;border:0;background:#ccc}ul.mega-menu li{float:left;margin:0;padding:0;font-size:13px;font-weight:bold}ul.mega-menu li a{float:left;display:block;color:#000;padding:12px 38px 12px 25px;background:url(images/bg_white.png) repeat-x 100% 0;text-shadow:1px 1px 1px #fff;text-decoration:none}ul.mega-menu li a.dc-mega{position:relative}ul.mega-menu li a .dc-mega-icon{display:block;position:absolute;width:8px;height:6px;top:18px;right:15px;background:url(images/arrow.png) no-repeat 0 100%}ul.mega-menu li.mega-hover a,.white ul.mega-menu li a:hover{background-position:100% -40px;color:#000;text-shadow:none}ul.mega-menu li.mega-hover a .dc-mega-icon{background-position:0 100%}ul.mega-menu li .sub-container{position:absolute;background:url(images/bg_sub_left.png) no-repeat 0 100%;padding-left:20px;margin-left:-3px}ul.mega-menu li .sub{background:url(images/bg_sub.png) no-repeat 100% 100%;padding:20px 20px 20px 10px}ul.mega-menu li .sub-container.mega .sub{padding:20px 20px 10px 0}ul.mega-menu li .sub .row{width:100%;overflow:hidden;clear:both}ul.mega-menu li .sub li{list-style:none;float:none;width:170px;font-size:1em;font-weight:normal}ul.mega-menu li .sub li.mega-hdr{margin:0 10px 10px 0;float:left}ul.mega-menu li .sub li.mega-hdr.last{margin-right:0}ul.mega-menu li .sub a{background:0;border:0;text-shadow:none;color:#111;padding:7px 10px;display:block;float:none;text-decoration:none;font-size:.9em}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a{padding:5px 5px 5px 15px;margin-bottom:5px;background:#e3e3e3 url(images/bg_mega_hdr.png) no-repeat 0 0;text-transform:uppercase;font-weight:bold;color:#000;text-shadow:1px 1px 1px #fff}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover{color:#a32403;text-shadow:none}ul.mega-menu .sub li.mega-hdr li a{padding:4px 5px 4px 20px;background:url(images/arrow_off.png) no-repeat 5px 8px;font-weight:normal}ul.mega-menu .sub li.mega-hdr li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 5px 8px}ul.mega-menu .sub ul li{padding-right:0}ul.mega-menu li .sub-container.non-mega .sub{padding:20px 20px 20px 0}ul.mega-menu li .sub-container.non-mega li{padding:0;width:190px;margin:0}ul.mega-menu li .sub-container.non-mega li a{padding:7px 5px 7px 22px;background:url(images/arrow_off.png) no-repeat 7px 10px}ul.mega-menu li .sub-container.non-mega li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 7px 10px}#background{position:absolute;top:0;width:100%;margin:0;padding:0}#wrapper{width:960px;margin:0 auto 0}html{overflow-y:scroll}body{font-size:14px}body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:0;margin:0;padding:0}ul{list-style:none}#top-section{position:fixed;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;z-index:100}#open-wiki-menu{display:block;width:75px;margin:15px;padding:5px;text-align:center;border:1px solid #000;border-radius:5px}#wiki-menu{display:none;position:relative;width:120px;margin:15px;padding:15px;border:1px solid #000;border-radius:10px}#wiki-menu h2{line-height:20px;font-size:16px;border:0}#wiki-menu h2:first-child{padding-top:0}#menubar{position:static;width:90px;overflow-x:hidden;margin:0;padding:0;background:#fff;font-size:12px}#menubar li{display:block;margin:0;padding:0;text-align:left}#menubar li a{color:#000;background:inherit}#menubar.left-menu li:last-child{display:none}#close-wiki-menu{display:block;position:absolute;bottom:15px;right:15px}body{background:#fff}#globalWrapper{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#content{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#bodyContent{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#p-logo{display:none}#footer-box{display:none}#catlinks{display:none}.firstHeading{display:none}
.mega-menu ul,.mega-menu ul li{list-style:none}.mega-menu ul{position:relative;padding:0;margin:0}.mega-menu ul li ul{display:none}.mega-menu .sub{display:none}.mega-menu .sub ul{display:block}ul.mega-menu{position:relative;width:100%;height:40px;margin:0;padding:0;border:0;background:#ccc}ul.mega-menu li{float:left;margin:0;padding:0;font-size:13px;font-weight:bold}ul.mega-menu li a{float:left;display:block;color:#000;padding:12px 38px 12px 25px;background:url(images/bg_white.png) repeat-x 100% 0;text-shadow:1px 1px 1px #fff;text-decoration:none}ul.mega-menu li a.dc-mega{position:relative}ul.mega-menu li a .dc-mega-icon{display:block;position:absolute;width:8px;height:6px;top:18px;right:15px;background:url(images/arrow.png) no-repeat 0 100%}ul.mega-menu li.mega-hover a,.white ul.mega-menu li a:hover{background-position:100% -40px;color:#000;text-shadow:none}ul.mega-menu li.mega-hover a .dc-mega-icon{background-position:0 100%}ul.mega-menu li .sub-container{position:absolute;background:url(images/bg_sub_left.png) no-repeat 0 100%;padding-left:20px;margin-left:-3px}ul.mega-menu li .sub{background:url(images/bg_sub.png) no-repeat 100% 100%;padding:20px 20px 20px 10px}ul.mega-menu li .sub-container.mega .sub{padding:20px 20px 10px 0}ul.mega-menu li .sub .row{width:100%;overflow:hidden;clear:both}ul.mega-menu li .sub li{list-style:none;float:none;width:170px;font-size:1em;font-weight:normal}ul.mega-menu li .sub li.mega-hdr{margin:0 10px 10px 0;float:left}ul.mega-menu li .sub li.mega-hdr.last{margin-right:0}ul.mega-menu li .sub a{background:0;border:0;text-shadow:none;color:#111;padding:7px 10px;display:block;float:none;text-decoration:none;font-size:.9em}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a{padding:5px 5px 5px 15px;margin-bottom:5px;background:#e3e3e3 url(images/bg_mega_hdr.png) no-repeat 0 0;text-transform:uppercase;font-weight:bold;color:#000;text-shadow:1px 1px 1px #fff}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover{color:#a32403;text-shadow:none}ul.mega-menu .sub li.mega-hdr li a{padding:4px 5px 4px 20px;background:url(images/arrow_off.png) no-repeat 5px 8px;font-weight:normal}ul.mega-menu .sub li.mega-hdr li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 5px 8px}ul.mega-menu .sub ul li{padding-right:0}ul.mega-menu li .sub-container.non-mega .sub{padding:20px 20px 20px 0}ul.mega-menu li .sub-container.non-mega li{padding:0;width:190px;margin:0}ul.mega-menu li .sub-container.non-mega li a{padding:7px 5px 7px 22px;background:url(images/arrow_off.png) no-repeat 7px 10px}ul.mega-menu li .sub-container.non-mega li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 7px 10px}#background{position:absolute;top:0;width:100%;margin:0;padding:0}#wrapper{width:960px;margin:0 auto 0}html{overflow-y:scroll}body{font-size:14px}body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:0;margin:0;padding:0}ul{list-style:none}#top-section{position:fixed;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;z-index:100}#open-wiki-menu{display:block;width:75px;margin:15px;padding:5px;text-align:center;border:1px solid #000;border-radius:5px}#wiki-menu{display:none;position:relative;width:120px;margin:15px;padding:15px;border:1px solid #000;border-radius:10px}#wiki-menu h2{line-height:20px;font-size:16px;border:0}#wiki-menu h2:first-child{padding-top:0}#menubar{position:static;width:90px;overflow-x:hidden;margin:0;padding:0;background:#fff;font-size:12px}#menubar li{display:block;margin:0;padding:0;text-align:left}#menubar li a{color:#000;background:inherit}#menubar.left-menu li:last-child{display:none}#close-wiki-menu{display:block;position:absolute;bottom:15px;right:15px}body{background:#fff}#globalWrapper{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#content{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#bodyContent{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#p-logo{display:none}#footer-box{display:none}#catlinks{display:none}.firstHeading{display:none}
-
</style></html>
 

Revision as of 02:08, 19 September 2013

.mega-menu ul,.mega-menu ul li{list-style:none}.mega-menu ul{position:relative;padding:0;margin:0}.mega-menu ul li ul{display:none}.mega-menu .sub{display:none}.mega-menu .sub ul{display:block}ul.mega-menu{position:relative;width:100%;height:40px;margin:0;padding:0;border:0;background:#ccc}ul.mega-menu li{float:left;margin:0;padding:0;font-size:13px;font-weight:bold}ul.mega-menu li a{float:left;display:block;color:#000;padding:12px 38px 12px 25px;background:url(images/bg_white.png) repeat-x 100% 0;text-shadow:1px 1px 1px #fff;text-decoration:none}ul.mega-menu li a.dc-mega{position:relative}ul.mega-menu li a .dc-mega-icon{display:block;position:absolute;width:8px;height:6px;top:18px;right:15px;background:url(images/arrow.png) no-repeat 0 100%}ul.mega-menu li.mega-hover a,.white ul.mega-menu li a:hover{background-position:100% -40px;color:#000;text-shadow:none}ul.mega-menu li.mega-hover a .dc-mega-icon{background-position:0 100%}ul.mega-menu li .sub-container{position:absolute;background:url(images/bg_sub_left.png) no-repeat 0 100%;padding-left:20px;margin-left:-3px}ul.mega-menu li .sub{background:url(images/bg_sub.png) no-repeat 100% 100%;padding:20px 20px 20px 10px}ul.mega-menu li .sub-container.mega .sub{padding:20px 20px 10px 0}ul.mega-menu li .sub .row{width:100%;overflow:hidden;clear:both}ul.mega-menu li .sub li{list-style:none;float:none;width:170px;font-size:1em;font-weight:normal}ul.mega-menu li .sub li.mega-hdr{margin:0 10px 10px 0;float:left}ul.mega-menu li .sub li.mega-hdr.last{margin-right:0}ul.mega-menu li .sub a{background:0;border:0;text-shadow:none;color:#111;padding:7px 10px;display:block;float:none;text-decoration:none;font-size:.9em}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a{padding:5px 5px 5px 15px;margin-bottom:5px;background:#e3e3e3 url(images/bg_mega_hdr.png) no-repeat 0 0;text-transform:uppercase;font-weight:bold;color:#000;text-shadow:1px 1px 1px #fff}ul.mega-menu li .sub li.mega-hdr a.mega-hdr-a:hover{color:#a32403;text-shadow:none}ul.mega-menu .sub li.mega-hdr li a{padding:4px 5px 4px 20px;background:url(images/arrow_off.png) no-repeat 5px 8px;font-weight:normal}ul.mega-menu .sub li.mega-hdr li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 5px 8px}ul.mega-menu .sub ul li{padding-right:0}ul.mega-menu li .sub-container.non-mega .sub{padding:20px 20px 20px 0}ul.mega-menu li .sub-container.non-mega li{padding:0;width:190px;margin:0}ul.mega-menu li .sub-container.non-mega li a{padding:7px 5px 7px 22px;background:url(images/arrow_off.png) no-repeat 7px 10px}ul.mega-menu li .sub-container.non-mega li a:hover{color:#a32403;background:#efefef url(images/arrow_on.png) no-repeat 7px 10px}#background{position:absolute;top:0;width:100%;margin:0;padding:0}#wrapper{width:960px;margin:0 auto 0}html{overflow-y:scroll}body{font-size:14px}body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:0;margin:0;padding:0}ul{list-style:none}#top-section{position:fixed;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;z-index:100}#open-wiki-menu{display:block;width:75px;margin:15px;padding:5px;text-align:center;border:1px solid #000;border-radius:5px}#wiki-menu{display:none;position:relative;width:120px;margin:15px;padding:15px;border:1px solid #000;border-radius:10px}#wiki-menu h2{line-height:20px;font-size:16px;border:0}#wiki-menu h2:first-child{padding-top:0}#menubar{position:static;width:90px;overflow-x:hidden;margin:0;padding:0;background:#fff;font-size:12px}#menubar li{display:block;margin:0;padding:0;text-align:left}#menubar li a{color:#000;background:inherit}#menubar.left-menu li:last-child{display:none}#close-wiki-menu{display:block;position:absolute;bottom:15px;right:15px}body{background:#fff}#globalWrapper{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#content{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#bodyContent{position:absolute;top:0;left:0;width:100%;height:0;margin:0;padding:0;border:0;font-size:100%}#p-logo{display:none}#footer-box{display:none}#catlinks{display:none}.firstHeading{display:none}