Template:Tokyotechmenudark

From 2013.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 46: Line 46:
font-size: 17px;
font-size: 17px;
margin-left: 20px;
margin-left: 20px;
 +
border:0;
}
}
h3 {
h3 {
Line 58: Line 59:
p {
p {
text-indent:1em;
text-indent:1em;
-
padding-left: 10px;
+
padding-left: 15px;
}
}
img {
img {
Line 70: Line 71:
color: #0000CD;
color: #0000CD;
}
}
 +
em{
 +
font-style: normal;
 +
font-size: 20px;
 +
text-decoration: underline;
 +
margin-left: 20px;
 +
 +
}
td {
td {
padding-left:1%;
padding-left:1%;
Line 114: Line 122:
.toctext{
.toctext{
font-size: 15px;
font-size: 15px;
-
white-space: nowrap;
+
 
font-weight: bold;
font-weight: bold;
}
}
Line 135: Line 143:
margin-right: auto;
margin-right: auto;
background-color: #FFFFFF;
background-color: #FFFFFF;
-
padding: 10px 5px;
+
padding: 10px;
}
}
.moviebox{
.moviebox{
Line 165: Line 173:
padding-top: 5%;
padding-top: 5%;
}
}
 +
.thumbcaption {
 +
font-size: 12px;
 +
font-weight: bold;
 +
text-align: center;
 +
}
 +
.gallerytext p {
 +
font-size: 12px;
 +
font-weight: bold;
 +
text-align: center;
 +
}
 +
.stepbox {
.stepbox {
width: 850px;
width: 850px;
Line 269: Line 288:
margin-bottom: 0em;
margin-bottom: 0em;
}
}
-
.qmmc .qmdivider {
+
#dropmenu {
-
display: block;
+
  list-style: none;
-
font-size: 3px;
+
  align: left ;
-
border-width: 0px;
+
  width: 980px;
-
border-style: solid;
+
  height: 40px;
-
}
+
  margin: 30px 
-
.qmmc .qmdividery {
+
  padding: 0px;
-
float: left;
+
  background: #000000;
-
width: 0px;
+
  font-family: Arial;
-
}
+
}
-
.qmmc .qmtitle {
+
#dropmenu li {
-
display: block;
+
  position: relative;
-
cursor: default;
+
  width: 140px;
-
white-space: nowrap;
+
  float: left;
-
}
+
  margin: 0px;
-
.qmclear {
+
  padding: 0;
-
font-size: 3px;
+
  text-align: center;
-
height: 0px;
+
  　
-
width: 0px;
+
}
-
clear: left;
+
 
-
line-height: 0px;
+
#dropmenu li a {
-
display: block;
+
  display: block;
-
float: none !important;
+
  margin: 0;
-
}
+
  padding: 6px 10px 6px 10px;
-
.qmmc {
+
  color: #ffffff;
-
position: relative;
+
  font-size: 15px;
-
zoom: 1;
+
  font-weight: bold ;
-
background-color: #000000;
+
  line-height: 0.8;
-
}
+
  text-decoration: none;
-
.qmmc a, .qmmc li {
+
}
-
float: left;
+
#dropmenu li:hover > a{
-
display: block;
+
  background: #000000;
-
white-space: nowrap;
+
  color:#eb6101;
-
}
+
}
-
.qmmc div a, .qmmc ul a, .qmmc ul li {
+
-
float: none;
+
-
}
+
-
.qmsh div a {
+
-
float: center;
+
-
}
+
-
.qmmc div {
+
-
visibility: hidden;
+
-
position: absolute;
+
-
}
+
-
.qmmc ul {
+
-
left: -10000px;
+
-
position: absolute;
+
-
}
+
-
.qmmc, .qmmc ul {
+
-
list-style: none;
+
-
}
+
#dropmenu li ul {
-
.qmmc li a {
+
  position: absolute;
-
float: none;
+
  top: 100%;
-
text-align: center;
+
  left: 0;
-
}
+
  list-style: none;
-
.qmmc li {
+
  margin: 0;
-
position: relative;
+
}
-
}
+
-
.qmmc ul {
+
-
z-index: 10;
+
-
}
+
-
.qmmc ul ul {
+
-
z-index: 20;
+
-
}
+
-
.qmmc ul ul ul {
+
-
z-index: 30;
+
-
}
+
-
.qmmc ul ul ul ul {
+
-
z-index: 40;
+
-
}
+
-
.qmmc ul ul ul ul ul {
+
-
z-index: 50;
+
-
}
+
-
li:hover > ul {
+
-
left: auto;
+
-
}
+
-
#qm0 ul {
+
-
top: 100%;
+
-
}
+
-
#qm0 ul li:hover > ul {
+
-
top: 0px;
+
-
left: 100%;
+
-
}
+
-
/*"""""""" (MAIN) Container""""""""*/
 
-
#qm0 {
 
-
background-color: #000000;
 
-
}
 
-
/*"""""""" (MAIN) Items""""""""*/
+
#dropmenu li ul li{
-
#qm0 a {
+
  overflow: hidden;
-
padding: 3px 12px 3px 12px;
+
  width: 280px;
-
background-color: #000000;
+
  height: 0px;
-
color: #ffffff;
+
  color: #000000;
-
font-family: Arial;
+
  -moz-transition: .2s;
-
font-size: 18px;
+
  -webkit-transition: .2s;
-
text-decoration: none;
+
  -o-transition: .2s;
-
font-weight: bold;
+
  -ms-transition: .2s;
-
border-width: 0px;
+
  transition: .2s;
-
}
+
}
 +
#dropmenu li ul li a{
 +
  padding: 6px 10px;
 +
  background: #000000;
 +
  text-align: center;
 +
　font-size: 15px;
 +
  font-weight: bold;
 +
　
 +
}
 +
#dropmenu ul .qmswitch a{
 +
color: #E5AAB6;
 +
}
 +
#dropmenu ul .qmm13 a{
 +
color: #A0CDE8;
 +
}
 +
#dropmenu ul .qmfarming a{
 +
color: #BFD4A5;
 +
}
-
/*"""""""" (MAIN) Hover State""""""""*/
 
-
#qm0 a:hover {
 
-
color: #000000;
 
-
background-color: #E7E5F0;
 
-
}
 
-
                        body #qm0 .qmparent2:hover{
 
-
background-color: #E7E5F0;
 
-
color: #e94709;
 
-
text-decoration: none;
 
-
border-color: #D8CE4A;
 
-
                        }
 
-
/*"""""""" (MAIN) Parent items""""""""*/
+
#dropmenu li:hover ul li{
-
#qm0 .qmparent {
+
  overflow: visible;
-
background-repeat: no-repeat;
+
  height: 24px;
-
background-position: 95% center;
+
  border-top: 0px solid #000000;
-
}
+
  border-bottom: 0px solid #000000;
 +
}
-
/*"""""""" (MAIN) Active State""""""""*/
+
#dropmenu li:hover ul li:hover a{
-
body #qm0 .qmactive, body #qm0 .qmactive:hover {
+
  background: #E7E5F0;
-
background-color: #E7E5F0;
+
  color:#eb6101;
-
color: #381D46;
+
}
-
text-decoration: none;
+
#dropmenu ul .qmswitch a:hover{
-
border-color: #D8CE4A;
+
color: #99003E;
-
}
+
}
 +
#dropmenu ul .qmm13 a:hover{
 +
color: #135498;
 +
}
 +
#dropmenu ul .qmfarming a:hover{
 +
color: #005234;
 +
}
-
 
+
#dropmenu li:hover ul li:first-child{
-
/*"""""""" (SUB) Container""""""""*/
+
  border-top: 0;
-
#qm0 div, #qm0 ul {
+
}
-
padding: 0px 10px;
+
#dropmenu li:hover ul li:last-child{
-
background-color: #000000;
+
  border-bottom: 0;
-
border-width: 0px;
+
}
-
}
+
</style>
-
 
+
-
/*"""""""" (SUB) Items""""""""*/
+
-
#qm0 div a, #qm0 ul a {
+
-
padding: 3px 3px 3px 5px;
+
-
color: #FFFFFF;
+
-
font-size: 16px;
+
-
font-weight: normal;
+
-
font-weight: bold;
+
-
border-width: 0px;
+
-
}
+
-
 
+
-
/*"""""""" (SUB) Hover State""""""""*/
+
-
#qm0 div a:hover, #qm0 ul a:hover {
+
-
background-color: #E7E5F0;
+
-
color: #e94709;
+
-
text-decoration: none;
+
-
}
+
-
 
+
-
/*"""""""" (SUB) Parent items""""""""*/
+
-
#qm0 div .qmparent {
+
-
background-image: url("images/arrow_right.gif");
+
-
}
+
-
 
+
-
/*"""""""" (SUB) Active State""""""""*/
+
-
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
+
-
background-color: #f8b500;
+
-
color: #000000;
+
-
}
+
-
</style><!-- Core QuickMenu Code -->
+
-
<script type="text/javascript">
+
-
<!--
+
-
var timeout = 500; //unit: ms
+
-
var temp_timer = 0;  //for temp.
+
-
var showed_item = 0;  //for temp.
+
-
 
+
-
function OpenMenu(elem)
+
-
{
+
-
StopMenuTimer();
+
-
if(showed_item) showed_item.style.display = 'none';
+
-
+
-
showed_item = elem.getElementsByTagName('ul').item(0);
+
-
if(showed_item == null) return;
+
-
showed_item.style.display = 'block';
+
-
+
-
}
+
-
+
-
function CloseMenu()
+
-
{
+
-
if(showed_item) showed_item.style.display = 'none';
+
-
}
+
-
+
-
function SetCloseTimer()
+
-
{
+
-
StopMenuTimer();
+
-
temp_timer = window.setTimeout(CloseMenu, timeout);
+
-
}
+
-
+
-
function StopMenuTimer()
+
-
{
+
-
if(temp_timer)
+
-
{
+
-
window.clearTimeout(temp_timer);
+
-
temp_timer = null;
+
-
}
+
-
}
+
-
+
-
function getElementsByClass() {
+
-
    var classElements = new Array();
+
-
    var allElements = document.getElementsByTagName("*");
+
-
    for (i = 0 ; i < allElements.length; i++) {
+
-
if (allElements[i].className == 'firstHeading') {
+
-
    allElements[i].style.display = 'none';
+
-
  // window.alert('発見。');
+
-
}
+
-
    }
+
-
}
+
-
+
-
window.onload = function() {
+
-
getElementsByClass();
+
-
var menu = window.document.getElementById('qm0');
+
-
if(menu==null)
+
-
return;
+
-
var list = menu.getElementsByTagName('li');
+
-
for(i=0; i<list.length; i++)
+
-
{
+
-
list[i].onmouseover = function(){
+
-
OpenMenu(this);
+
-
}
+
-
+
-
list[i].onmouseout = function(){SetCloseTimer();}
+
-
list[i].onclick    = function(){
+
-
if(showed_item) CloseMenu();
+
-
else OpenMenu(this);
+
-
}
+
-
+
-
var n_list = list[i].getElementsByTagName('ul');
+
-
for(j=0; j<n_list.length; j++)
+
-
{
+
-
n_list[j].onmouseout = function(){SetCloseTimer();}
+
-
n_list[j].onmouseover= function(){StopMenuTimer();}
+
-
}
+
-
}
+
-
}
+
-
//-->
+
-
</script>
+
</head>
</head>
Line 518: Line 399:
<a style="position:absolute; top:30px; left:60%;" href="https://2013.igem.org/Main_Page"><b><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="100px"></b></a>
<a style="position:absolute; top:30px; left:60%;" href="https://2013.igem.org/Main_Page"><b><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="100px"></b></a>
<div id="pagemenu">
<div id="pagemenu">
-
<ul id="qm0" class="qmmc">
+
<ul id="dropmenu" class="qmmc">
<li>
<li>
<a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech">Home</a>
<a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech">Home</a>
</li>
</li>
<li>
<li>
-
<a class="qmparent">Project</a>
+
<a class="qmparent" href="javascript:void(0)">Project</a>
<ul>
<ul>
-
<li>
+
<li class="qmswitch">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Ninja_State_Switching">Ninja State Switching</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Ninja_State_Switching">Ninja State Switching</a>
</li>
</li>
-
<li>
+
<li class="qmm13">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/M13_Shuriken">M13 "Shuriken"</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/M13_Shuriken">M13 "Shuriken"</a>
</li>
</li>
-
<li>
+
<li class="qmfarming">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Farming">Farming</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Farming">Farming</a>
</li>
</li>
Line 537: Line 418:
</li>
</li>
<li>
<li>
-
<a class="qmparent">Experiment</a>
+
<a class="qmparent" href="javascript:void(0)">Experiment</a>
<ul>
<ul>
-
<li>
+
<li class="qmswitch">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Confirmation_Assay">Crosstalk Confirmation Assay</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Confirmation_Assay">Crosstalk Confirmation Assay</a>
</li>
</li>
-
<li>
+
<li class="qmswitch">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Circumvention_Assay">Crosstalk Circumvention Assay</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Circumvention_Assay">Crosstalk Circumvention Assay</a>
</li>
</li>
-
<li>
+
<li class="qmm13">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/pSB-M13_Plasmid_Assay">pSB-M13 Plasmid Assay</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/pSB-M13_Plasmid_Assay">pSB-M13 Plasmid Assay</a>
</li>
</li>
-
<li>
+
<li class="qmm13">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Inducible_Plaque_Forming_Assay">Inducible Plaque Forming Assay</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Inducible_Plaque_Forming_Assay">Inducible Plaque Forming Assay</a>
</li>
</li>
-
<li>
+
<li class="qmfarming">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/phoA_Promoter_Assay"><i>phoA</i> Promoter Assay</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/phoA_Promoter_Assay"><i>phoA</i> Promoter Assay</a>
</li>
</li>
-
<li>
+
<li class="qmfarming">
-
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Quantitative_Analysis_of_Cytokinin">Quantitative Analysis of Cytokinin</a>
+
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Quantitative_Analysis_of_Cytokinin">Quantitative Analysis for Cytokinin</a>
</li>
</li>
-
<li>
+
<li class="qmfarming">
-
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/RM-lac_Hybrid_Promoter_Assay"><i>rm/lac</i> Hybrid Promoter Assay</a>
+
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/RM-lac_Hybrid_Promoter_Assay"><i>RM/lac</i> Hybrid Promoter Assay</a>
</li>
</li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<a class="qmparent">Modeling</a>
+
<a class="qmparent" href="javascript:void(0)">Modeling</a>
<ul>
<ul>
-
<li>
+
<li class="qmswitch">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Crosstalk_Circumvention">Crosstalk Circumvention</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Crosstalk_Circumvention">Crosstalk Circumvention</a>
</li>
</li>
-
<li>
+
<li class="qmfarming">
<a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Incoherent_Feed_Forward_Loop">Incoherent Feed Forward Loop</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Incoherent_Feed_Forward_Loop">Incoherent Feed Forward Loop</a>
</li>
</li>
Line 581: Line 462:
</li>
</li>
<li>
<li>
-
<a class="qmparent">More</a>
+
<a class="qmparent" href="javascript:void(0)">More</a>
<ul>
<ul>
<li>
<li>
Line 597: Line 478:
<li>
<li>
<a href="https://2013.igem.org/Team:Tokyo_Tech/More/Sponsors">Sponsors</a>
<a href="https://2013.igem.org/Team:Tokyo_Tech/More/Sponsors">Sponsors</a>
 +
</li>
 +
<li>
 +
<a href="https://2013.igem.org/Team:Tokyo_Tech/More/Origami">Origami</a>
</li>
</li>
                                                         <li>
                                                         <li>
Line 602: Line 486:
</li>
</li>
                                                         <li>
                                                         <li>
-
                                                                 <a href="https://igem.org/2013_Judging_Form?id=1139">Judging form</a>
+
                                                                 <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Judging_form">Judging form</a>
                                                         </li>
                                                         </li>
</ul>
</ul>

Latest revision as of 01:12, 29 October 2013

Retrieved from "http://2013.igem.org/Template:Tokyotechmenudark"