Template:Peking2012 CSS

From 2012.igem.org

(Difference between revisions)
m
m
Line 215: Line 215:
#PKU_banner_menu
#PKU_banner_menu
{
{
-
   width: 910px;
+
  overflow: hidden;
-
   height: 28px;
+
   width: 965px;
 +
   height: 32px;
   padding: 0;
   padding: 0;
   margin: 0 auto;
   margin: 0 auto;
   position: relative;
   position: relative;
-
   top: -28px;
+
   top: -32px;
}
}
.PKU_banner_submenu
.PKU_banner_submenu
{
{
-
   width: 910px;
+
   width: 965px;
-
   height: 28px;
+
   height: 32px;
   padding: 0;
   padding: 0;
   margin: 0 auto;
   margin: 0 auto;
-
   position: relative;
+
   position: absolute;
-
   top: -28px;
+
   top: 240px;
   filter: Alpha(Opacity=0%);
   filter: Alpha(Opacity=0%);
   -moz-opacity: 0;
   -moz-opacity: 0;
Line 237: Line 238:
.PKU_banner_submenu li
.PKU_banner_submenu li
{
{
-
  overflow: hidden;
 
   display: block;
   display: block;
   float: left;
   float: left;
   clear: none;
   clear: none;
-
   width: 130px;
+
   width: 137px;
-
   height: 28px;
+
   height: 32px;
 +
}
 +
#PKU_banner_menu li.border ,
 +
.PKU_banner_submenu li.border
 +
{
 +
  width: 3px;
 +
}
 +
.PKU_banner_submenu li.divide
 +
{
 +
  width: 1px;
 +
}
 +
.PKU_banner_submenu li.sub3
 +
{
 +
  width: 319px;
 +
}
 +
.PKU_banner_submenu li.sub4
 +
{
 +
  width: 239px;
}
}
Line 475: Line 492:
  <div>
  <div>
   <ul id="PKU_banner_menu">
   <ul id="PKU_banner_menu">
 +
  <li class="border">
 +
    <img src="" alt="|" >
 +
  </li>
   <li>
   <li>
     <a id="PKU_banner_Home" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking">
     <a id="PKU_banner_Home" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking">
Line 516: Line 536:
     <img class="show" src="/wiki/images/0/05/Peking2012_BannerMenu_SafetyH.png" alt="Safety" />
     <img class="show" src="/wiki/images/0/05/Peking2012_BannerMenu_SafetyH.png" alt="Safety" />
     </a>
     </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
  </div>
  </div>
-
  <div>
+
  <div onmouseover="SubmenuIsMouseOver = 1;" onmouseout="SubmenuIsMouseOver = 0;">
-
   <ul id="PKU_banner_Team_submenu" class="PKU_banner_submenu" >
+
   <ul id="PKU_banner_Team_submenu" class="PKU_banner_submenu">
-
   <li>
+
   <li class="border">
-
    <img src="" alt="Members" />
+
    <img src="" alt="|" >
   </li>
   </li>
-
   <li>
+
   <li class="sub3">
-
     <img src="" alt="Gallery" />
+
    <a id="PKU_banner_Team_Members" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Members">
 +
     <img class="show" src="" alt="Members" />
 +
    <img class="show" src="" alt="Members" />
 +
    </a>
   </li>
   </li>
-
   <li>
+
   <li class="divide">
-
    <img src="" alt="Attribution" />
+
    <img src="" alt="|" >
   </li>
   </li>
-
   <li>
+
   <li class="sub3">
-
     <img src="" alt="Diary" />
+
    <a id="PKU_banner_Team_Attribution" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Attribution">
 +
     <img class="show" src="" alt="Attribution" />
 +
    <img class="show" src="" alt="Attribution" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <a id="PKU_banner_Team_Diary" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Team/Diary">
 +
    <img class="show" src="" alt="Diary" />
 +
    <img class="show" src="" alt="Diary" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
   <ul id="PKU_banner_Project_submenu" class="PKU_banner_submenu" >
   <ul id="PKU_banner_Project_submenu" class="PKU_banner_submenu" >
-
   <li>
+
   <li class="border">
-
    <img src="" alt="Sensitive Luminance Sensor" />
+
    <img src="" alt="|" >
   </li>
   </li>
-
   <li>
+
   <li class="sub3">
-
     <img src="" alt="Cell-cell Light Communication" />
+
    <a id="PKU_banner_Project_SensitiveLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/SensitiveLuminanceSensor">
 +
     <img class="show" src="" alt="Sensitive Luminance Sensor" />
 +
    <img class="show" src="" alt="Sensitive Luminance Sensor" />
 +
    </a>
   </li>
   </li>
-
   <li>
+
   <li class="divide">
-
     <img src="" alt="Orthogonal Channel Construction" />
+
    <img src="" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <a id="PKU_banner_Project_CellcellLightCommunication" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/CellcellLightCommunication">
 +
     <img class="show" src="" alt="Cell-cell Light Communication" />
 +
    <img class="show" src="" alt="Cell-cell Light Communication" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <a id="PKU_banner_Project_OrthogonalChannelConstruction" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Project/OrthogonalChannelConstruction">
 +
    <img class="show" src="" alt="Orthogonal Channel Construction" />
 +
    <img class="show" src="" alt="Orthogonal Channel Construction" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
   <ul id="PKU_banner_Modeling_submenu" class="PKU_banner_submenu" >
   <ul id="PKU_banner_Modeling_submenu" class="PKU_banner_submenu" >
-
   <li>
+
   <li class="border">
-
    <img src="" alt="Design Luminance Sensor" />
+
    <img src="" alt="|" >
   </li>
   </li>
-
   <li>
+
   <li class="sub4">
-
     <img src="" alt="Control Cells through Light" />
+
    <a id="PKU_banner_Modeling_DesignLuminanceSensor" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/DesignLuminanceSensor">
 +
     <img class="show" src="" alt="Design Luminance Sensor" />
 +
    <img class="show" src="" alt="Design Luminance Sensor" />
 +
    </a>
   </li>
   </li>
-
   <li>
+
   <li class="divide">
-
    <img src="" alt="Make Cells Talk through Light" />
+
    <img src="" alt="|" >
   </li>
   </li>
-
   <li>
+
   <li class="sub4">
-
     <img src="" alt="Search for New Channel" />
+
    <a id="PKU_banner_Modeling_ControlCellsThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/ControlCellsThroughLight">
 +
     <img class="show" src="" alt="Control Cells through Light" />
 +
    <img class="show" src="" alt="Control Cells through Light" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="" alt="|" >
 +
  </li>
 +
  <li class="sub4">
 +
    <a id="PKU_banner_Modeling_MakeCellsTalkThroughLight" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/MakeCellsTalkThroughLight">
 +
    <img class="show" src="" alt="Make Cells Talk through Light" />
 +
    <img class="show" src="" alt="Make Cells Talk through Light" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="" alt="|" >
 +
  </li>
 +
  <li class="sub4">
 +
    <a id="PKU_banner_Modeling_SearchForNewChannel" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/Modeling/SearchForNewChannel">
 +
    <img class="show" src="" alt="Search for New Channel" />
 +
    <img class="show" src="" alt="Search for New Channel" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
   <ul id="PKU_banner_HumanPractice_submenu" class="PKU_banner_submenu" >
   <ul id="PKU_banner_HumanPractice_submenu" class="PKU_banner_submenu" >
-
   <li>
+
   <li class="border">
-
    <img src="" alt="Sowing Tomorrow Synthetic Biologists" />
+
    <img src="" alt="|" >
   </li>
   </li>
-
   <li>
+
   <li class="sub3">
-
     <img src="" alt="Review History to Learn New" />
+
    <a id="PKU_banner_HumanPractice_SowingTomorrowSyntheticBiologists" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/SowingTomorrowSyntheticBiologists">
 +
     <img class="show" src="" alt="Sowing Tomorrow Synthetic Biologists" />
 +
    <img class="show" src="" alt="Sowing Tomorrow Synthetic Biologists" />
 +
    </a>
   </li>
   </li>
-
   <li>
+
   <li class="divide">
-
     <img src="" alt="Outreach and Workshop" />
+
    <img src="" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <a id="PKU_banner_HumanPractice_ReviewHistoryToLearnNew" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/ReviewHistoryToLearnNew">
 +
     <img class="show" src="" alt="Review History to Learn New" />
 +
    <img class="show" src="" alt="Review History to Learn New" />
 +
    </a>
 +
  </li>
 +
  <li class="divide">
 +
    <img src="" alt="|" >
 +
  </li>
 +
  <li class="sub3">
 +
    <a id="PKU_banner_HumanPractice_OutreachAndWorkshop" onmouseover="ButtonMouseOver(this);" onmouseout="ButtonMouseOut(this);" href="/Team:Peking/HumanPractice/OutreachAndWorkshop">
 +
    <img class="show" src="" alt="Outreach and Workshop" />
 +
    <img class="show" src="" alt="Outreach and Workshop" />
 +
    </a>
 +
  </li>
 +
  <li class="border">
 +
    <img src="" alt="|" >
   </li>
   </li>
   </ul>
   </ul>
Line 601: Line 711:
var SubmenuAlpha_Des_HumanPractice = 0; //Destination
var SubmenuAlpha_Des_HumanPractice = 0; //Destination
var SubmenuAlpha_Cur_HumanPractice = 0; //Current Val
var SubmenuAlpha_Cur_HumanPractice = 0; //Current Val
 +
var SubmenuIsMouseOver = 0; //Is Mouse Over Submenu?
function ShowSubmenuTeam()
function ShowSubmenuTeam()
Line 608: Line 719:
function HideSubmenuTeam()
function HideSubmenuTeam()
{
{
-
   SubmenuAlpha_Des_Team = 0;
+
   if (SubmenuIsMouseOver == 0) SubmenuAlpha_Des_Team = 0;
}
}
function ShowSubmenuProject()
function ShowSubmenuProject()
Line 616: Line 727:
function HideSubmenuProject()
function HideSubmenuProject()
{
{
-
   SubmenuAlpha_Des_Project = 0;
+
   if (SubmenuIsMouseOver == 0) SubmenuAlpha_Des_Project = 0;
}
}
function ShowSubmenuModeling()
function ShowSubmenuModeling()
Line 624: Line 735:
function HideSubmenuModeling()
function HideSubmenuModeling()
{
{
-
   SubmenuAlpha_Des_Modeling = 0;
+
   if (SubmenuIsMouseOver == 0) SubmenuAlpha_Des_Modeling = 0;
}
}
function ShowSubmenuHumanPractice()
function ShowSubmenuHumanPractice()
Line 632: Line 743:
function HideSubmenuHumanPractice()
function HideSubmenuHumanPractice()
{
{
-
   SubmenuAlpha_Des_HumanPractice = 0;
+
   if (SubmenuIsMouseOver == 0) SubmenuAlpha_Des_HumanPractice = 0;
}
}

Revision as of 06:30, 8 August 2012

Retrieved from "http://2012.igem.org/Template:Peking2012_CSS"